@php
    $systemSetting = App\Models\SystemSetting::first();
    $logo =
        $systemSetting && $systemSetting->logo
            ? url(\Illuminate\Support\Facades\Storage::url($systemSetting->logo))
            : null;
@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="{{ $logo ?? asset('frontend/logo.jpg') }}" class="header-brand-img desktop-logo" alt="logo">
                <img src="{{ $logo ?? asset('frontend/logo.jpg') }}" class="header-brand-img toggle-logo"
                    alt="logo">
                <img src="{{ $logo ?? asset('frontend/logo.jpg') }}" class="header-brand-img light-logo" alt="logo">
                <img src="{{ $logo ?? asset('frontend/logo.jpg') }}" 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') }}">
                        <i class="fa fa-home px-2"></i>
                        <span class="side-menu__label">Dashboard</span>
                    </a>
                </li>

                <li class="slide">
                    <a class="side-menu__item has-link" data-bs-toggle="slide" href="{{ route('feedback.index') }}">
                        <i class="fa fa-commenting px-2"></i>
                        <span class="side-menu__label">Feedback</span>
                    </a>
                </li>

                <li class="slide">
                    <a class="side-menu__item has-link" data-bs-toggle="slide" href="{{ route('user.index') }}">
                        <i class="fa fa-user px-2"></i>
                        <span class="side-menu__label">Users</span>
                    </a>
                </li>

                {{-- Faq --}}
                {{-- <li class="slide {{ request()->is('admin/faq*') ? 'active is-expanded' : '' }}">
                    <a class="side-menu__item {{ request()->is('admin/faq*') ? 'active is-expanded' : '' }}"
                       data-bs-toggle="slide" href="#">
                        <i class="fa fa-question px-2"></i>
                        <span class="side-menu__label">Faq</span><i class="angle fa fa-angle-right"></i>
                    </a>

                    <ul class="slide-menu">
                        <li><a href="{{ route('faq.index') }}" class="slide-item">List</a></li>
                    </ul>
                </li> --}}

                {{-- Contact Us --}}
                {{--                <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="#"> --}}
                {{--                        <i class="fa fa-phone px-2"></i> --}}
                {{--                        <span class="side-menu__label">Contact Us</span><i class="angle fa fa-angle-right"></i> --}}
                {{--                    </a> --}}

                {{--                    <ul class="slide-menu"> --}}
                {{--                        <li><a href="{{ route('contact-us.create') }}" class="slide-item">Contact Us</a></li> --}}
                {{--                    </ul> --}}
                {{--                </li> --}}

                {{-- Verse Of the day --}}
                <li class="slide">
                    <a class="side-menu__item has-link" data-bs-toggle="slide" href="{{ route('verse.index') }}">
                        <i class="fa fa-book px-2"></i>
                        <span class="side-menu__label">Verse of the day</span>
                    </a>
                </li>

                {{-- Note --}}
                <li class="slide {{ request()->is('admin/note*') ? 'active is-expanded' : '' }}">
                    <a class="side-menu__item {{ request()->is('admin/note*') ? 'active is-expanded' : '' }}"
                        data-bs-toggle="slide" href="#">
                        <i class="fa fa-sticky-note px-2"></i>
                        <span class="side-menu__label">Note</span><i class="angle fa fa-angle-right"></i>
                    </a>

                    <ul class="slide-menu">
                        <li><a href="{{ route('manual.notes.index') }}" class="slide-item">Manual Note</a></li>
                        <li><a href="{{ route('recording.notes.index') }}" class="slide-item">Ai Recording Note</a>
                        </li>
                        <li><a href="{{ route('youtube.notes.index') }}" class="slide-item">Ai Youtube Link Note</a>
                        </li>
                    </ul>
                </li>

                {{-- Setting --}}
                <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="#">
                        <i class="fa fa-gear px-2"></i>
                        <span class="side-menu__label">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('mail.setting') }}" class="slide-item">Mail Settings</a></li>
                        {{-- <li><a href="{{ route('page.setting') }}" class="slide-item">Page 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>