@php
       $logo = \App\Models\Setting::where('key', 'logo')->value('value');
       $darkLogo = \App\Models\Setting::where('key', 'dark_logo')->value('value');
       $appName = \App\Models\Setting::where('key', 'app_name')->value('value');
   @endphp
   <!-- Left Sidebar Start -->
   <div class="app-sidebar-menu">
       <div class="h-100" data-simplebar="">

           <!--- Sidemenu -->
           <div id="sidebar-menu">

               <div class="logo-box">
                   <a class="logo logo-light" href="{{ url('/') }}">
                       <span class="logo-sm">
                           <img src="{{ $logo ? asset('storage/' . $logo) : asset('admin/assets/images/logo-sm.png') }}"
                               alt="Logo" height="32">
                       </span>
                       <span class="logo-lg">
                           <img src="{{ $logo ? asset('storage/' . $logo) : asset('admin/assets/images/logo-light.png') }}"
                               alt="Logo" height="40">
                           <span class="ms-2 fw-bold fs-5 text-white">
                               {{ $appName ?? config('app.name') }}
                           </span>
                       </span>
                   </a>

                   <a class="logo logo-dark" href="{{ url('/') }}">
                       <span class="logo-sm">
                           <img src="{{ $logo ? asset('storage/' . $logo) : asset('admin/assets/images/logo-sm.png') }}"
                               alt="Logo" height="32">
                       </span>
                       <span class="logo-lg">
                           <img src="{{ $darkLogo ? asset('storage/' . $darkLogo) : asset('storage/' . $logo) }}"
                               alt="Dark Logo" height="40">
                           <span class="ms-2 fw-bold fs-5 text-white">
                               {{ $appName ?? config('app.name') }}
                           </span>
                       </span>
                   </a>
               </div>
               <br>
               <ul id="side-menu">

                   <li class="menu-title">Menu</li>

                   {{-- <li>
                       <a href="#sidebarDashboards" data-bs-toggle="collapse">
                           <span class="nav-icon">
                               <iconify-icon icon="solar:home-2-bold-duotone"></iconify-icon>
                           </span>
                           <span> Dashboard </span>
                           <span class="menu-arrow"></span>
                       </a>
                       <div class="collapse" id="sidebarDashboards">
                           <ul class="nav-second-level">
                               <li>
                                   <a class='tp-link' href='index.htm'>Sales</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='analytics.html'>Analytics</a>
                               </li>
                           </ul>
                       </div>
                   </li> --}}

                   <li>
                       <a class="tp-link" href="{{ route('admin.dashboard') }}">
                           <span class="nav-icon">
                               <iconify-icon icon="solar:home-2-bold-duotone"></iconify-icon>
                           </span>
                           <span>Dashboard</span>
                       </a>
                   </li>

                   <li>
                       <a class='tp-link' href='{{ route('admin.category.index') }}'>
                           <span class="nav-icon">
                               <iconify-icon icon="solar:widget-4-bold-duotone"></iconify-icon>
                           </span>
                           <span>Category</span>
                       </a>
                   </li>

                   <li>
                       <a href="{{ route('admin.contest.index') }}">
                           <span class="nav-icon">
                               <iconify-icon icon="solar:cup-star-bold-duotone"></iconify-icon>
                           </span>
                           <span>Contest</span>
                       </a>
                   </li>
                   <li>
                       <a class="tp-link {{ request()->routeIs('admin.contest-registrations.*') ? 'active' : '' }}"
                           href="{{ route('admin.contest-registrations.index') }}">
                           <span class="nav-icon">
                               <iconify-icon icon="solar:clipboard-check-bold-duotone"></iconify-icon>
                           </span>
                           <span> Contest Registrations </span>
                       </a>
                   </li>
                   <li>
                       <a href="{{ route('admin.questions.index') }}">
                           <span class="nav-icon">
                               <iconify-icon icon="solar:question-circle-bold-duotone"></iconify-icon>
                           </span>
                           <span>Questions</span>
                       </a>
                   </li>
                   <li>
                       <a class="tp-link {{ request()->routeIs('admin.users.*') ? 'active' : '' }}"
                           href="{{ route('admin.users.index') }}">
                           <span class="nav-icon">
                               <iconify-icon icon="solar:users-group-rounded-bold-duotone"></iconify-icon>
                           </span>
                           <span> Users </span>
                       </a>
                   </li>
                   <li>
                       <a href="{{ route('admin.results.index') }}">
                           <span class="nav-icon">
                               <iconify-icon icon="solar:chart-square-bold-duotone"></iconify-icon>
                           </span>
                           <span>Results</span>
                       </a>
                   </li>

                   {{-- <li>
                       <a class="tp-link" href="{{ route('admin.leaderboard.index') }}">
                           <span class="nav-icon">
                               <iconify-icon icon="solar:ranking-bold-duotone"></iconify-icon>
                           </span>
                           <span> Leaderboard </span>
                       </a>
                   </li> --}}
                   <li>
                       <a class="tp-link" href="{{ route('admin.withdrawal.index') }}">
                           <span class="nav-icon">
                               <iconify-icon icon="solar:card-send-bold-duotone"></iconify-icon>
                           </span>
                           <span> Withdrawals </span>
                       </a>
                   </li>

                    <li>
                       <a class="tp-link" href="{{ route('admin.transcations') }}">
                           <span class="nav-icon">
                               <iconify-icon icon="solar:card-send-bold-duotone"></iconify-icon>
                           </span>
                           <span> Payment Transcations </span>
                       </a>
                   </li>

                   <li>
                       <a class="tp-link {{ request()->routeIs('admin.contacts.*') ? 'active' : '' }}"
                           href="{{ route('admin.contacts.index') }}">
                           <span class="nav-icon"><iconify-icon
                                   icon="solar:shield-user-bold-duotone"></iconify-icon></span>
                           <span> Contact Inquiries </span>
                       </a>
                   </li>

                   <li>
                       <a class='tp-link' href='apps-calendar.html'>
                           <span class="nav-icon"><iconify-icon
                                   icon="solar:calendar-minimalistic-bold-duotone"></iconify-icon></span>
                           <span> Calendar </span>
                       </a>
                   </li>
                   <li>
                       <a href="#sidebarSystemSettings" data-bs-toggle="collapse">
                           <span class="nav-icon">
                               <iconify-icon icon="solar:settings-bold-duotone"></iconify-icon>
                           </span>
                           <span> System Settings </span>
                           <span class="menu-arrow"></span>
                       </a>

                       <div class="collapse" id="sidebarSystemSettings">
                           <ul class="nav-second-level">
                               <li>
                                   <a class="tp-link" href="{{ route('admin.settings.general') }}">General Settings</a>
                               </li>
                               <li>
                                   <a class="tp-link" href="{{ route('admin.settings.quiz') }}">Quiz Settings</a>
                               </li>
                               <li>
                                   <a class="tp-link" href="{{ route('admin.settings.payment') }}">Payment Settings</a>
                               </li>
                               {{-- <li>
                                   <a class="tp-link" href="{{ route('admin.settings.referral') }}">Referral
                                       Settings</a>
                               </li> --}}
                               <li>
                                   <a class="tp-link" href="{{ route('admin.settings.wallet') }}">Wallet Settings</a>
                               </li>
                               {{-- <li>
                                   <a class="tp-link" href="{{ route('admin.settings.notification') }}">Notification
                                       Settings</a>
                               </li> --}}
                               <li>
                                   <a class="tp-link" href="{{ route('admin.settings.social') }}">Social Links</a>
                               </li>
                               <li>
                                   <a class="tp-link" href="{{ route('admin.settings.seo') }}">Seo Settings</a>
                               </li>
                               <li>
                                   <a class="tp-link" href="{{ route('admin.settings.smtp') }}">SMTP Settings</a>
                               </li>
                           </ul>
                       </div>
                   </li>

                   {{-- <li class="menu-title">Pages</li> --}}

                   {{-- <li>
                       <a href="#sidebarAuth" data-bs-toggle="collapse">
                           <span class="nav-icon"><iconify-icon
                                   icon="solar:lock-keyhole-bold-duotone"></iconify-icon></span>
                           <span> Authentication </span>
                           <span class="menu-arrow"></span>
                       </a>
                       <div class="collapse" id="sidebarAuth">
                           <ul class="nav-second-level">
                               <li>
                                   <a class='tp-link' href='auth-login.html'>Log In</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='auth-register.html'>Register</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='auth-recoverpw.html'>Recover Password</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='auth-lock-screen.html'>Lock Screen</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='auth-confirm-mail.html'>Confirm Mail</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='email-verification.html'>Email Verification</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='auth-logout.html'>Logout</a>
                               </li>
                           </ul>
                       </div>
                   </li> --}}

                   {{-- <li>
                       <a href="#sidebarError" data-bs-toggle="collapse">
                           <span class="nav-icon"><iconify-icon
                                   icon="solar:cpu-bolt-bold-duotone"></iconify-icon></span>
                           <span> Error Pages </span>
                           <span class="menu-arrow"></span>
                       </a>
                       <div class="collapse" id="sidebarError">
                           <ul class="nav-second-level">
                               <li>
                                   <a class='tp-link' href='error-404.html'>Error 404</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='error-500.html'>Error 500</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='error-503.html'>Error 503</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='error-429.html'>Error 429</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='offline-page.html'>Offline Page</a>
                               </li>
                           </ul>
                       </div>
                   </li>
 --}}
                   {{-- <li>
                       <a href="#sidebarExpages" data-bs-toggle="collapse">
                           <span class="nav-icon"><iconify-icon
                                   icon="solar:clipboard-text-bold-duotone"></iconify-icon></span>
                           <span> Utility </span>
                           <span class="menu-arrow"></span>
                       </a>
                       <div class="collapse" id="sidebarExpages">
                           <ul class="nav-second-level">
                               <li>
                                   <a class='tp-link' href='pages-starter.html'>Starter</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='pages-profile.html'>Profile</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='pages-pricing.html'>Pricing</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='pages-timeline.html'>Timeline</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='pages-invoice.html'>Invoice</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='pages-faqs.html'>FAQs</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='pages-gallery.html'>Gallery</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='pages-maintenance.html'>Maintenance</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='pages-coming-soon.html'>Coming Soon</a>
                               </li>
                           </ul>
                       </div>
                   </li>
 --}}
                   {{-- <li class="menu-title mt-2">General</li>

                   <li>
                       <a href="#sidebarBaseui" data-bs-toggle="collapse">
                           <span class="nav-icon"><iconify-icon
                                   icon="solar:compass-square-bold-duotone"></iconify-icon></span>
                           <span> Components </span>
                           <span class="menu-arrow"></span>
                       </a>
                       <div class="collapse" id="sidebarBaseui">
                           <ul class="nav-second-level">
                               <li>
                                   <a class='tp-link' href='ui-accordions.html'>Accordions</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-alerts.html'>Alerts</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-badges.html'>Badges</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-breadcrumb.html'>Breadcrumb</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-buttons.html'>Buttons</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-cards.html'>Cards</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-collapse.html'>Collapse</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-dropdowns.html'>Dropdowns</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-video.html'>Embed Video</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-grid.html'>Grid</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-images.html'>Images</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-list.html'>List Group</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-modals.html'>Modals</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-placeholders.html'>Placeholders</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-pagination.html'>Pagination</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-popovers.html'>Popovers</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-progress.html'>Progress</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-scrollspy.html'>Scrollspy</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-spinners.html'>Spinners</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-tabs.html'>Tabs</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-tooltips.html'>Tooltips</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='ui-typography.html'>Typography</a>
                               </li>
                           </ul>
                       </div>
                   </li> --}}

                   {{-- <li>
                       <a href="#sidebarWidgetsui" data-bs-toggle="collapse">
                           <span class="nav-icon"><iconify-icon
                                   icon="solar:box-minimalistic-bold-duotone"></iconify-icon></span>
                           <span> Widgets </span>
                           <span class="menu-arrow"></span>
                       </a>
                       <div class="collapse" id="sidebarWidgetsui">
                           <ul class="nav-second-level">
                               <li>
                                   <a class='tp-link' href='widget-card.html'>Widget Card</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='widget-chart.html'>Widget Chart</a>
                               </li>
                           </ul>
                       </div>
                   </li>
 --}}
                   <!-- <li>
                            <a href="widgets.html" class="tp-link">
                                <span class="nav-icon"><iconify-icon
                                        icon="solar:box-minimalistic-bold-duotone"></iconify-icon></span>
                                <span> Widgets </span>
                            </a>
                        </li> -->

                   {{-- <li>
                       <a href="#sidebarAdvancedUI" data-bs-toggle="collapse">
                           <span class="nav-icon"><iconify-icon
                                   icon="solar:quit-full-screen-square-bold-duotone"></iconify-icon></span>
                           <span> Extended UI </span>
                           <span class="menu-arrow"></span>
                       </a>
                       <div class="collapse" id="sidebarAdvancedUI">
                           <ul class="nav-second-level">
                               <li>
                                   <a class='tp-link' href='extended-carousel.html'>Carousel</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='extended-notifications.html'>Notifications</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='extended-offcanvas.html'>Offcanvas</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='extended-range-slider.html'>Range Slider</a>
                               </li>
                           </ul>
                       </div>
                   </li> --}}

                   {{-- <li>
                       <a href="#sidebarIcons" data-bs-toggle="collapse">
                           <span class="nav-icon"><iconify-icon icon="solar:wind-bold-duotone"></iconify-icon></span>
                           <span> Icons </span>
                           <span class="menu-arrow"></span>
                       </a>
                       <div class="collapse" id="sidebarIcons">
                           <ul class="nav-second-level">
                               <li>
                                   <a class='tp-link' href='icons-feather.html'>Feather Icons</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='icons-mdi.html'>Material Design Icons</a>
                               </li>
                           </ul>
                       </div>
                   </li> --}}

                   {{-- <li>
                       <a href="#sidebarForms" data-bs-toggle="collapse">
                           <span class="nav-icon"><iconify-icon
                                   icon="solar:document-add-bold-duotone"></iconify-icon></span>
                           <span> Forms </span>
                           <span class="menu-arrow"></span>
                       </a>
                       <div class="collapse" id="sidebarForms">
                           <ul class="nav-second-level">
                               <li>
                                   <a class='tp-link' href='forms-elements.html'>General Elements</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='forms-validation.html'>Validation</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='forms-quilljs.html'>Quilljs Editor</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='forms-pickers.html'>Picker</a>
                               </li>
                           </ul>
                       </div>
                   </li> --}}

                   {{-- <li>
                       <a href="#sidebarTables" data-bs-toggle="collapse">
                           <span class="nav-icon"><iconify-icon
                                   icon="solar:siderbar-bold-duotone"></iconify-icon></span>
                           <span> Tables </span>
                           <span class="menu-arrow"></span>
                       </a>
                       <div class="collapse" id="sidebarTables">
                           <ul class="nav-second-level">
                               <li>
                                   <a class='tp-link' href='tables-basic.html'>Basic Tables</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='tables-datatables.html'>Data Tables</a>
                               </li>
                           </ul>
                       </div>
                   </li> --}}

                   {{-- <li>
                       <a href="#sidebarCharts" data-bs-toggle="collapse">
                           <span class="nav-icon"><iconify-icon
                                   icon="solar:pie-chart-2-bold-duotone"></iconify-icon></span>
                           <span> Apex Charts </span>
                           <span class="menu-arrow"></span>
                       </a>
                       <div class="collapse" id="sidebarCharts">
                           <ul class="nav-second-level">
                               <li>
                                   <a class='tp-link' href='charts-area.html'>Area</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-bar.html'>Bar</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-boxplot.html'>Boxplot</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-bubble.html'>Bubble</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-candlestick.html'>Candlestick</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-column.html'>Column</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-funnel.html'>Funnel</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-heatmap.html'>Heatmap</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-line.html'>Line</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-mixed.html'>Mixed</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-pie.html'>Pie</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-polararea.html'>Polar</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-radar.html'>Radar</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-radialbar.html'>Radialbar</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-rangearea.html'>Range Area</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-scatter.html'>Scatter</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-timeline.html'>Timeline</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='charts-treemap.html'>Treemap</a>
                               </li>
                           </ul>
                       </div>
                   </li>
 --}}
                   {{-- <li>
                       <a href="#sidebarMaps" data-bs-toggle="collapse">
                           <span class="nav-icon"><iconify-icon
                                   icon="solar:map-point-bold-duotone"></iconify-icon></span>
                           <span> Maps </span>
                           <span class="menu-arrow"></span>
                       </a>
                       <div class="collapse" id="sidebarMaps">
                           <ul class="nav-second-level">
                               <li>
                                   <a class='tp-link' href='maps-google.html'>Google Maps</a>
                               </li>
                               <li>
                                   <a class='tp-link' href='maps-vector.html'>Vector Maps</a>
                               </li>
                           </ul>
                       </div>
                   </li> --}}

               </ul>
           </div>
           <!-- End Sidebar -->

           <div class="clearfix"></div>

       </div>
   </div>
   <!-- Left Sidebar End -->