@php
    // [label, route, icon, route patterns that keep the item highlighted on its inner pages]
    $productItems = [
        ['Product List', 'admin.products.index', 'bi-card-list', ['admin.products.index', 'admin.products.edit']],
        ['Product Edit', 'admin.products.create', 'bi-plus-square', ['admin.products.create']],
        ['Categories', 'admin.categories.index', 'bi-diagram-3', ['admin.categories.*']],
        ['Attributes', 'admin.attributes.index', 'bi-sliders', ['admin.attributes.*']],
        ['Variants', 'admin.variants.index', 'bi-grid-3x3-gap', ['admin.variants.*']],
    ];

    $workspaceBefore = [
        ['Dashboard', 'admin.dashboard', 'bi-speedometer2', ['admin.dashboard']],
        ['Orders', 'admin.orders.index', 'bi-receipt-cutoff', ['admin.orders.index', 'admin.orders.label']],
        ['Order Complete', 'admin.orders.completed', 'bi-bag-check', ['admin.orders.completed']],
    ];

    $workspaceAfter = [
        ['Customers', 'admin.customers.index', 'bi-people', ['admin.customers.*']],
        ['Invoices', 'admin.invoices.index', 'bi-file-earmark-text', ['admin.invoices.*']],
        ['Chats', 'admin.chats.index', 'bi-chat-left-dots', ['admin.chats.*']],
        ['Email', 'admin.email.index', 'bi-envelope-paper', ['admin.email.*']],
    ];

    $management = [
        ['Menu', 'admin.menu.index', 'bi-menu-button-wide', ['admin.menu.*']],
        ['Catalog', 'admin.catalog.index', 'bi-journal-bookmark', ['admin.catalog.*']],
        ['Slider', 'admin.slider.index', 'bi-images', ['admin.slider.*']],
        ['Brand Deals', 'admin.brand-deals.index', 'bi-tags', ['admin.brand-deals.*']],
        ['Coupons', 'admin.coupons.index', 'bi-ticket-perforated', ['admin.coupons.*']],
        ['FAQs', 'admin.faqs.index', 'bi-question-circle', ['admin.faqs.*']],
        ['Teams', 'admin.teams.index', 'bi-building-gear', ['admin.teams.*']],
        ['Profile & Security', 'admin.profile', 'bi-person-lock', ['admin.profile']],
        ['Settings', 'admin.settings.index', 'bi-gear-wide-connected', ['admin.settings.*']],
    ];

    $productsOpen = request()->is('admin/products*');
@endphp

<aside id="adminMobileSidebar" class="sm-admin-sidebar offcanvas-lg offcanvas-start border-end" tabindex="-1" aria-label="Admin List Bar">
    <div class="offcanvas-header pb-0">
        <button type="button" class="btn-close ms-auto" data-bs-dismiss="offcanvas" data-bs-target="#adminMobileSidebar" aria-label="Close"></button>
    </div>

    <div class="offcanvas-body d-flex flex-column gap-3 p-3">
        <a class="sm-logo fs-5" href="{{ route('admin.dashboard') }}">
            <i class="bi bi-shield-check" aria-hidden="true"></i>
            <span>M/s.Saruar Mart</span>
            <small class="sm-logo-tag d-block">Admin List Bar</small>
        </a>

        <div>
            <label class="visually-hidden" for="adminSidebarFilterInput">Filter List Bar</label>
            <input id="adminSidebarFilterInput" class="form-control form-control-sm" type="search" placeholder="Filter List Bar..." autocomplete="off">
            <p id="adminSidebarNoMatch" class="small text-body-secondary mt-2 mb-0" hidden>No matching items.</p>
        </div>

        <nav aria-label="Admin List Bar">
            <div data-admin-nav-section>
                <h2 class="sm-admin-section">WORKSPACE</h2>
                <ul class="list-group list-group-flush mb-3">
                    @foreach ($workspaceBefore as [$label, $route, $icon, $patterns])
                        <li data-admin-nav-item class="list-group-item p-0 border-0">
                            <a @class(['sm-admin-link', 'active' => request()->routeIs($patterns)]) href="{{ route($route) }}" @if (request()->routeIs($patterns)) aria-current="page" @endif><i class="bi {{ $icon }}" aria-hidden="true"></i> {{ $label }}</a>
                        </li>
                    @endforeach

                    <li data-admin-nav-item class="list-group-item p-0 border-0">
                        <button @class(['sm-admin-link', 'w-100', 'collapsed' => ! $productsOpen]) type="button" data-bs-toggle="collapse" data-bs-target="#adminProductsSubmenu" aria-expanded="{{ $productsOpen ? 'true' : 'false' }}" aria-controls="adminProductsSubmenu">
                            <i class="bi bi-box-seam" aria-hidden="true"></i> Products <i class="bi bi-chevron-down ms-auto" aria-hidden="true"></i>
                        </button>
                        <ul id="adminProductsSubmenu" @class(['list-unstyled', 'ms-3', 'collapse', 'show' => $productsOpen]) data-admin-default-open="{{ $productsOpen ? '1' : '0' }}">
                            @foreach ($productItems as [$label, $route, $icon, $patterns])
                                <li data-admin-nav-item>
                                    <a @class(['sm-admin-link', 'active' => request()->routeIs($patterns)]) href="{{ route($route) }}" @if (request()->routeIs($patterns)) aria-current="page" @endif><i class="bi {{ $icon }}" aria-hidden="true"></i> {{ $label }}</a>
                                </li>
                            @endforeach
                        </ul>
                    </li>

                    @foreach ($workspaceAfter as [$label, $route, $icon, $patterns])
                        <li data-admin-nav-item class="list-group-item p-0 border-0">
                            <a @class(['sm-admin-link', 'active' => request()->routeIs($patterns)]) href="{{ route($route) }}" @if (request()->routeIs($patterns)) aria-current="page" @endif><i class="bi {{ $icon }}" aria-hidden="true"></i> {{ $label }}</a>
                        </li>
                    @endforeach
                </ul>
            </div>

            <div data-admin-nav-section>
                <h2 class="sm-admin-section">MANAGEMENT</h2>
                <ul class="list-group list-group-flush">
                    @foreach ($management as [$label, $route, $icon, $patterns])
                        <li data-admin-nav-item class="list-group-item p-0 border-0">
                            <a @class(['sm-admin-link', 'active' => request()->routeIs($patterns)]) href="{{ route($route) }}" @if (request()->routeIs($patterns)) aria-current="page" @endif><i class="bi {{ $icon }}" aria-hidden="true"></i> {{ $label }}</a>
                        </li>
                    @endforeach

                    <li data-admin-nav-item class="list-group-item p-0 border-0">
                        <form method="POST" action="{{ route('admin.logout') }}">
                            @csrf
                            <button type="submit" class="sm-admin-link w-100 text-danger"><i class="bi bi-box-arrow-right" aria-hidden="true"></i> Log Out</button>
                        </form>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</aside>