@php
    $systemSetting = App\Models\SystemSetting::first();
@endphp

<div class="sticky">
    <div class="app-sidebar__overlay" data-bs-toggle="sidebar"></div>
    <div class="app-sidebar">
        <div class="side-header">
            <a class="header-brand1" href="{{ route('dashboard') }}">
                <img src="{{ asset($systemSetting->logo ?? 'frontend/eVento_logo.png') }}"
                    class="header-brand-img desktop-logo" alt="logo">
                <img src="{{ asset($systemSetting->favicon ?? 'frontend/eVento_logo.png') }}"
                    class="header-brand-img toggle-logo" alt="logo">
                <img src="{{ asset($systemSetting->favicon ?? 'frontend/eVento_logo.png') }}"
                    class="header-brand-img light-logo" alt="logo">
                <img src="{{ asset($systemSetting->logo ?? 'frontend/eVento_logo.png') }}"
                    class="header-brand-img light-logo1" alt="logo">
            </a>
        </div>

        <div class="main-sidemenu">
            <div class="slide-left disabled" id="slide-left">
                <svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24"
                    viewBox="0 0 24 24">
                    <path d="M13.293 6.293 7.586 12l5.707 5.707 1.414-1.414L10.414 12l4.293-4.293z" />
                </svg>
            </div>

            <ul class="side-menu">
                <li class="slide">
                    <a class="side-menu__item has-link" data-bs-toggle="slide" href="{{ route('dashboard') }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="lucide lucide-house-icon lucide-house">
                            <path d="M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8" />
                            <path
                                d="M3 10a2 2 0 0 1 .709-1.528l7-5.999a2 2 0 0 1 2.582 0l7 5.999A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
                        </svg>
                        <span class="side-menu__label icon-margin">Dashboard</span>
                    </a>
                </li>
                <li class="slide {{ request()->is('users*') ? 'active is-expanded' : '' }}">
                    <a class="side-menu__item {{ request()->is('users*') ? 'active is-expanded' : '' }}"
                        data-bs-toggle="slide" href="{{ route('users.index') }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="lucide lucide-circle-user-icon lucide-circle-user">
                            <circle cx="12" cy="12" r="10" />
                            <circle cx="12" cy="10" r="3" />
                            <path d="M7 20.662V19a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v1.662" />
                        </svg>
                        <span class="side-menu__label icon-margin">User Lists</span>
                    </a>
                </li>

                <li class="slide {{ request()->is('contracted-store*')  ? 'active is-expanded' : '' }}">
                    <a class="side-menu__item {{ request()->is('contracted-store*')  ? 'active is-expanded' : '' }}"
                        data-bs-toggle="slide" href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                             stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                             class="lucide lucide-store-icon lucide-store">
                             <path d="M15 21v-5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v5"/>
                             <path d="M17.774 10.31a1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.451 0 1.12 1.12 0 0 0-1.548 0 2.5 2.5 0 0 1-3.452 0 1.12 1.12 0 0 0-1.549 0 2.5 2.5 0 0 1-3.77-3.248l2.889-4.184A2 2 0 0 1 7 2h10a2 2 0 0 1 1.653.873l2.895 4.192a2.5 2.5 0 0 1-3.774 3.244"/>
                            <path d="M4 10.95V19a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8.05"/>
                        </svg>
                        <span class="side-menu__label icon-margin">Store Management</span><i class="angle fa fa-angle-right"></i>
                    </a>

                    <ul class="slide-menu">
                        <li><a href="{{ route('admin.store.index') }}" class="slide-item {{ request()->is('contracted-store*') ? 'active' : '' }}">Stores</a></li>
                        <li><a href="{{ route('admin.managers.index') }}" class="slide-item {{ request()->is('managers*') ? 'active' : '' }}">Managers</a></li>
                        <li><a href="{{ route('admin.store.ledger.index') }}" class="slide-item {{ request()->is('contracted-store*') ? 'active' : '' }}">Ledger</a></li>
                    </ul>
                </li>

                {{-- <li class="slide {{ request()->is('dynamic*') ? 'active is-expanded' : '' }}">
                    <a class="side-menu__item {{ request()->is('dynamic*') ? 'active is-expanded' : '' }}"
                        data-bs-toggle="slide" href="{{ route('dynamic.index') }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="lucide lucide-notebook-pen-icon lucide-notebook-pen">
                            <path d="M13.4 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-7.4" />
                            <path d="M2 6h4" />
                            <path d="M2 10h4" />
                            <path d="M2 14h4" />
                            <path d="M2 18h4" />
                            <path
                                d="M21.378 5.626a1 1 0 1 0-3.004-3.004l-5.01 5.012a2 2 0 0 0-.506.854l-.837 2.87a.5.5 0 0 0 .62.62l2.87-.837a2 2 0 0 0 .854-.506z" />
                        </svg>
                        <span class="side-menu__label icon-margin">Dynamic Page</span>
                    </a>
                </li> --}}

                <li class="slide {{ request()->is('admin/property*') ? 'active is-expanded' : '' }}">
                    <a class="side-menu__item {{ request()->is('admin/property*') ? 'active is-expanded' : '' }}"
                        data-bs-toggle="slide" href="{{ route('admin.property.index') }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="lucide lucide-home">
                            <path d="M3 9l9-7 9 7" />
                            <path d="M9 22V12h6v10" />
                        </svg>
                        <span class="side-menu__label icon-margin">Properties</span>
                    </a>
                </li>

                <li class="slide {{ request()->is('banner*') || request()->is('card-pro*') || request()->is('purpose*') || request()->is('journey*') || request()->is('admin/information*') || request()->is('admin/hours*') ? 'active is-expanded' : '' }}">
                    <a class="side-menu__item {{ request()->is('banner*') || request()->is('card-pro*') || request()->is('purpose*') || request()->is('journey*') || request()->is('admin/information*') || request()->is('admin/hours*') ? 'active is-expanded' : '' }}"
                        data-bs-toggle="slide" href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="lucide lucide-layout-list">
                            <rect x="3" y="4" width="18" height="4" rx="1" />
                            <rect x="3" y="10" width="18" height="4" rx="1" />
                            <rect x="3" y="16" width="18" height="4" rx="1" />
                        </svg>
                        <span class="side-menu__label icon-margin">Content Index</span><i class="angle fa fa-angle-right"></i>
                    </a>

                    <ul class="slide-menu">
                        {{-- <li><a href="{{ route('banner.index') }}" class="slide-item {{ request()->is('banner*') ? 'active' : '' }}">Banners</a></li> --}}
                        <li><a href="{{ route('cardpro.index') }}" class="slide-item {{ request()->is('card-pro*') ? 'active' : '' }}">Card Pro</a></li>
                        <li><a href="{{ route('purpose.index') }}" class="slide-item {{ request()->is('purpose*') ? 'active' : '' }}">Purposes</a></li>
                        <li><a href="{{ route('journey.index') }}" class="slide-item {{ request()->is('journey*') ? 'active' : '' }}">Journeys</a></li>
                        <li><a href="{{ route('information.index') }}" class="slide-item {{ request()->is('admin/information*') ? 'active' : '' }}">Information</a></li>
                        <li><a href="{{ route('hours.index') }}" class="slide-item {{ request()->is('admin/hours*') ? 'active' : '' }}">Opening Hours</a></li>
                        <li><a href="{{ route('admin.property_type.index') }}" class="slide-item {{ request()->is('admin/property_type*') ? 'active' : '' }}">Property Types</a></li>
                    </ul>
                </li>

                <li class="slide {{ request()->is('admin/raffle*') || request()->is('admin/winner*') || request()->is('admin/invoice*') ? 'active is-expanded' : '' }}">
                    <a class="side-menu__item {{ request()->is('admin/raffle*') || request()->is('admin/winner*') || request()->is('admin/invoice*') ? 'active is-expanded' : '' }}"
                        data-bs-toggle="slide" href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="lucide lucide-ticket">
                            <path d="M4 7h16v10H4z" />
                            <path d="M8 7v10" />
                            <path d="M16 7v10" />
                        </svg>
                        <span class="side-menu__label icon-margin">Raffle Index</span><i class="angle fa fa-angle-right"></i>
                    </a>

                    <ul class="slide-menu">
                        <li><a href="{{ route('admin.raffle.index') }}" class="slide-item {{ request()->is('admin/raffle/list') || request()->is('admin/raffle/create') || request()->is('admin/raffle/edit*') || request()->is('admin/raffle/show*') ? 'active' : '' }}">Raffles</a></li>
                        <li><a href="{{ route('admin.raffle.draw.index') }}" class="slide-item {{ request()->is('admin/raffle/draw*') ? 'active' : '' }}">Raffle Draws</a></li>
                        <li><a href="{{ route('admin.winner.index') }}" class="slide-item {{ request()->is('admin/winner*') ? 'active' : '' }}">Winner Index</a></li>
                        <li><a href="{{ route('admin.invoice.index') }}" class="slide-item {{ request()->is('admin/invoice*') ? 'active' : '' }}">Ticket Invoices</a></li>
                    </ul>
                </li>

                {{-- team --}}

                <li>
                    <a class="side-menu__item {{ request()->is('team*') ? 'active is-expanded' : '' }}"
                        data-bs-toggle="slide" href="{{ route('team.index') }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="lucide lucide-users-icon lucide-users">
                            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
                            <circle cx="9" cy="7" r="4" />
                            <path d="M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75" />
                        </svg>
                        <span class="side-menu__label icon-margin">Teams</span>
                    </a>
                </li>


                {{-- <li class="slide {{ request()->is('help*') ? 'active is-expanded' : '' }}">
                    <a class="side-menu__item {{ request()->is('help*') ? 'active is-expanded' : '' }}"
                        data-bs-toggle="slide" href="{{ route('help.index') }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail-question-mark-icon lucide-mail-question-mark"><path d="M22 10.5V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v12c0 1.1.9 2 2 2h12.5"/><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"/><path d="M18 15.28c.2-.4.5-.8.9-1a2.1 2.1 0 0 1 2.6.4c.3.4.5.8.5 1.3 0 1.3-2 2-2 2"/><path d="M20 22v.01"/></svg>
                        <span class="side-menu__label icon-margin">Help & Support</span>
                    </a>
                </li> --}}
                {{-- <li class="slide {{ request()->is('faq*') ? 'active is-expanded' : '' }}">
                    <a class="side-menu__item {{ request()->is('faq*') ? 'active is-expanded' : '' }}"
                        data-bs-toggle="slide" href="{{ route('faq.index') }}">
                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-message-circle-question-mark-icon lucide-message-circle-question-mark"><path d="M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719"/><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"/><path d="M12 17h.01"/></svg>
                        <span class="side-menu__label icon-margin">F.A.Q</span>
                    </a>
                </li> --}}

                <li class="slide {{ request()->is('admin/contact*') ? 'active is-expanded' : '' }}">
                    <a class="side-menu__item {{ request()->is('admin/contact*') ? 'active is-expanded' : '' }}"
                        data-bs-toggle="slide" href="{{ route('admin.contact.index') }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="lucide lucide-mail">
                            <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" />
                            <polyline points="22,6 12,13 2,6" />
                        </svg>
                        <span class="side-menu__label icon-margin">Contacts</span>
                    </a>
                </li>

                <li class="slide {{ request()->is('social*') ? 'active is-expanded' : '' }}">
                    <a class="side-menu__item {{ request()->is('social*') ? 'active is-expanded' : '' }}"
                        data-bs-toggle="slide" href="{{ route('social.index') }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="lucide lucide-share2-icon lucide-share-2">
                            <circle cx="18" cy="5" r="3" />
                            <circle cx="6" cy="12" r="3" />
                            <circle cx="18" cy="19" r="3" />
                            <line x1="8.59" x2="15.42" y1="13.51" y2="17.49" />
                            <line x1="15.41" x2="8.59" y1="6.51" y2="10.49" />
                        </svg>
                        <span class="side-menu__label icon-margin">Social Media</span>
                    </a>
                </li>

                <hr>

                <li class="slide {{ request()->is('admin/settings*') ? 'active is-expanded' : '' }}">
                    <a class="side-menu__item {{ request()->is('admin/settings*') ? 'active is-expanded' : '' }}"
                        data-bs-toggle="slide" href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="lucide lucide-settings-icon lucide-settings">
                            <path
                                d="M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915" />
                            <circle cx="12" cy="12" r="3" />
                        </svg>
                        <span class="side-menu__label icon-margin">Settings</span><i
                            class="angle fa fa-angle-right"></i>
                    </a>

                    <ul class="slide-menu">
                        <li><a href="{{ route('profile.setting') }}" class="slide-item">Profile Settings</a></li>
                        <li><a href="{{ route('system.index') }}" class="slide-item">System Settings</a></li>
                        <li><a href="{{ route('mail.setting') }}" class="slide-item">Mail Settings</a></li>
                        <li><a href="{{ route('stripe.index') }}" class="slide-item">Stripe Settings</a></li>
                    </ul>
                </li>
            </ul>

            <div class="slide-right" id="slide-right">
                <svg xmlns="http://www.w3.org/2000/svg" fill="#7b8191" width="24" height="24"
                    viewBox="0 0 24 24">
                    <path d="M10.707 17.707 16.414 12l-5.707-5.707-1.414 1.414L13.586 12l-4.293 4.293z" />
                </svg>
            </div>
        </div>
    </div>
</div>