<nav id="sidebar" class="sidebar js-sidebar">
    <div class="sidebar-content js-simplebar">
        <a class="sidebar-brand" href="{{ route('admin.dashboard') }}">
            <span class="align-middle">Admin Dashboard</span>
        </a>

        <ul class="sidebar-nav">
            <li class="sidebar-header">Pages</li>

            <li class="sidebar-item active">
                <a class="sidebar-link" href="{{ route('admin.dashboard') }}">
                    <i class="align-middle" data-feather="home"></i>
                    <span class="align-middle">Dashboard</span>
                </a>
            </li>

            <!-- Movies Category -->
            <li class="sidebar-item">
                <a class="sidebar-link" href="#" data-bs-toggle="collapse" data-bs-target="#category-dropdown" aria-expanded="false">
                    <i class="align-middle" data-feather="layers"></i>
                    <span class="align-middle">Movies Category</span>
                    <i class="align-middle float-end" data-feather="chevron-down"></i>
                </a>
                <ul class="collapse" id="category-dropdown">
                    <li class="sidebar-item">
                        <a class="sidebar-link" href="{{ route('add.category') }}">Add Category</a>
                    </li>
                    <li class="sidebar-item">
                        <a class="sidebar-link" href="{{ route('all.category') }}">All Categories</a>
                    </li>
                </ul>
            </li>

            <!-- Movies -->
            <li class="sidebar-item">
                <a class="sidebar-link" href="#" data-bs-toggle="collapse" data-bs-target="#movies-dropdown" aria-expanded="false">
                    <i class="align-middle" data-feather="film"></i>
                    <span class="align-middle">Movies</span>
                    <i class="align-middle float-end" data-feather="chevron-down"></i>
                </a>
                <ul class="collapse" id="movies-dropdown">
                    <li class="sidebar-item">
                        <a class="sidebar-link" href="{{ route('add.movies.post') }}">Add New Movie</a>
                    </li>
                    <li class="sidebar-item">
                        <a class="sidebar-link" href="{{ route('admin.movies.post') }}">All Movies</a>
                    </li>
                </ul>
            </li>

             <!-- Multiple Images -->
             <li class="sidebar-item">
                <a class="sidebar-link" href="#" data-bs-toggle="collapse" data-bs-target="#images-dropdown" aria-expanded="false">
                    <i class="align-middle" data-feather="image"></i>
                    <span class="align-middle">Multiple Images</span>
                    <i class="align-middle float-end" data-feather="chevron-down"></i>
                </a>
                <ul class="collapse" id="images-dropdown">
                    <li class="sidebar-item">
                        <a class="sidebar-link" href="{{ route('movies.create') }}">Add Images</a>
                    </li>
                    <li class="sidebar-item">
                        <a class="sidebar-link" href="{{ route('movies.index') }}">All Images</a>
                    </li>
                </ul>
            </li>

            <!-- Downloads -->
            <li class="sidebar-item">
                <a class="sidebar-link" href="#" data-bs-toggle="collapse" data-bs-target="#download-dropdown" aria-expanded="false">
                    <i class="align-middle" data-feather="download"></i>
                    <span class="align-middle">Downloads</span>
                    <i class="align-middle float-end" data-feather="chevron-down"></i>
                </a>
                <ul class="collapse" id="download-dropdown">
                    <li class="sidebar-item">
                        <a class="sidebar-link" href="{{ route('downloads.create') }}">Add Download</a>
                    </li>
                    <li class="sidebar-item">
                        <a class="sidebar-link" href="{{ route('downloads.index') }}">All Downloads</a>
                    </li>
                </ul>
            </li>

            <!-- Home Page -->
            <li class="sidebar-item">
                <a class="sidebar-link" href="#" data-bs-toggle="collapse" data-bs-target="#home-dropdown" aria-expanded="false">
                    <i class="align-middle" data-feather="home"></i>
                    <span class="align-middle">Home Page</span>
                    <i class="align-middle float-end" data-feather="chevron-down"></i>
                </a>
                <ul class="collapse" id="home-dropdown">
                    <li class="sidebar-item">
                        <a class="sidebar-link" href="{{ route('home_sliders.create') }}">Add New Home Page</a>
                    </li>
                    <li class="sidebar-item">
                        <a class="sidebar-link" href="{{ route('home_sliders.index') }}">All Home Pages</a>
                    </li>
                </ul>
            </li>

            

           
            <li class="sidebar-item">
                <a class="sidebar-link" href="{{ route('home_settings.edit') }}">
                    <i class="align-middle" data-feather="settings"></i>
                    <span class="align-middle">Home Settings Page</span>
                </a>
            </li> 

            <!-- About -->
            <li class="sidebar-item">
                <a class="sidebar-link" href="{{ route('admin.about.edit') }}">
                    <i class="align-middle" data-feather="info"></i>
                    <span class="align-middle">About Page</span>
                </a>
            </li>
            

            <!-- Contact -->
            <li class="sidebar-item">
                <a class="sidebar-link" href="{{ route('contacts.index') }}">
                    <i class="align-middle" data-feather="mail"></i>
                    <span class="align-middle">Contact Page</span>
                </a>
            </li>


            
            <li class="sidebar-item">
                <a class="sidebar-link" href="">
                    <i class="align-middle" data-feather="shield"></i>
                    <span class="align-middle">Admin Page</span>
                </a>
            </li>
         <!--   

           


            <li class="sidebar-item">
                <a class="sidebar-link" href="">
                    <i class="align-middle" data-feather="file-text"></i>
                    <span class="align-middle">Terms Conditions Page</span>
                </a>
            </li>

         

           -->

            <li class="sidebar-header">
                Tools & Components
            </li>
            <!-- Add Tools & Components items here -->
        </ul>
    </div>
</nav>
