@php
$managementLevel = ['developer', 'admin', 'pemilik'];
$userRoles = Auth::user()->rolesName(Auth::user()->id);
@endphp

<div class="sidebar px-4 py-4 py-md-5 me-0">
    <div class="d-flex flex-column">
        <a href="{{ route('home') }}" class="mb-0 brand-icon" style="text-align: center">
            <img src="{{ url($info->logo) }}" alt="logo" style="max-height: 80%; max-width: 80%;">
            <span class="logo-text mt-3">{{ $info->app_name ?? '' }}</span>
        </a>
        <ul class="menu-list flex-grow-1 mt-3">

            <li><a class="m-link {{ request()->routeIs('home*') ? 'active' : '' }}" href="{{ route('home') }}"><i class="icofont-ui-home"></i><span>Home</span></a></li>
            <li><a class="m-link {{ request()->routeIs('email*') ? 'active' : '' }}" href="{{ route('email') }}"><i class="icofont-mail"></i> <span>Mailling</span></a></li>
            <li><a class="m-link {{ request()->routeIs('banner*') ? 'active' : '' }}" href="{{ route('banner') }}"><i class="icofont-presentation-alt"></i> <span>Banner</span></a></li>
            <li><a class="m-link {{ request()->routeIs('vision*') ? 'active' : '' }}" href="{{ route('vision') }}"><i class="icofont-dart"></i> <span>Visi & Misi</span></a></li>
            <li><a class="m-link {{ request()->routeIs('aboutUs*') ? 'active' : '' }}" href="{{ route('aboutUs') }}"><i class="icofont-fountain-pen"></i> <span>About Us</span></a></li>
            <li><a class="m-link {{ request()->routeIs('service*') ? 'active' : '' }}" href="{{ route('service') }}"><i class="icofont-microscope-alt"></i> <span>Cabang</span></a></li>

            <li class="collapsed">
                <a class="m-link" data-bs-toggle="collapse" data-bs-target="#product" href="#"><i class="icofont-box"></i> <span>Daftar Produk</span> <span class="arrow icofont-dotted-down ms-auto text-end fs-5"></span></a>
                <ul class="sub-menu collapse {{ request()->routeIs('product*','products_industrial*','products_retail*') ? 'show' : '' }}" id="product">
                    <li><a class="ms-link {{ request()->routeIs('products_industrial*') ? 'active' : '' }}" href="{{ route('products_industrial') }}"><span>Product Industrial</span></a></li>
                    <li><a class="ms-link {{ request()->routeIs('products_retail*') ? 'active' : '' }}" href="{{ route('products_retail') }}"><span>Product Retail</span></a></li>
                    <li><a class="ms-link {{ request()->routeIs('product') ? 'active' : '' }}" href="{{ route('product') }}"><span>Product Update</span></a></li>
                </ul>
            </li>

            <li><a class="m-link {{ request()->routeIs('section*') ? 'active' : '' }}" href="{{ route('section') }}"><i class="icofont-files-stack"></i> <span>Section Halaman</span></a></li>

            <li class="collapsed">
                <a class="m-link" data-bs-toggle="collapse" data-bs-target="#news" href="#"><i class="icofont-box"></i> <span>News & Agenda</span> <span class="arrow icofont-dotted-down ms-auto text-end fs-5"></span></a>
                <ul class="sub-menu collapse {{ request()->routeIs('blog*', 'bulletins*', 'campaigns*') ? 'show' : '' }}" id="news">
                    <li><a class="ms-link {{ request()->routeIs('bulletins*') ? 'active' : '' }}" href="{{ route('bulletins') }}"><span>Bulletin</span></a></li>
                    <li><a class="ms-link {{ request()->routeIs('campaigns*') ? 'active' : '' }}" href="{{ route('campaigns') }}"><span>She Campaign</span></a></li>
                    <li><a class="ms-link {{ request()->routeIs('blog*') ? 'active' : '' }}" href="{{ route('blog') }}"><span>News Update</span></a></li>
                </ul>
            </li>

            <li><a class="m-link {{ request()->routeIs('careers*') ? 'active' : '' }}" href="{{ route('careers') }}"><i class="icofont-graduate-alt"></i> <span>Lowongan Pekerjaan</span></a></li>
            <li><a class="m-link {{ request()->routeIs('gallery*') ? 'active' : '' }}" href="{{ route('gallery') }}"><i class="icofont-camera"></i> <span>Album Galeri</span></a></li>

            @if (count(array_intersect($userRoles, $managementLevel)) > 0)
            <li class="collapsed">
                <a class="m-link" data-bs-toggle="collapse" data-bs-target="#pengaturan" href="#"><i class="icofont-ui-settings"></i> <span>Pengaturan</span> <span class="arrow icofont-dotted-down ms-auto text-end fs-5"></span></a>
                <ul class="sub-menu collapse {{ request()->routeIs('user*', 'info*', 'information*', 'branch*') ? 'show' : '' }}" id="pengaturan">
                    <li><a class="ms-link {{ request()->routeIs('user*') ? 'active' : '' }}" href="{{ route('user') }}"><span>Daftar Pengguna</span></a></li>
                    <li><a class="ms-link {{ request()->routeIs('information*') ? 'active' : '' }}" href="{{ route('information') }}"><span>Informasi Perusahaan</span></a></li>
                </ul>
            </li>
            @endif

        </ul>
        <ul class="list-unstyled mb-0 mt-3">
            <li class="d-flex align-items-center justify-content-center">
                <div class="form-check form-switch theme-switch">
                    <input class="form-check-input" type="checkbox" id="theme-switch">
                    <label class="form-check-label" for="theme-switch">Enable Dark Mode!</label>
                </div>
            </li>
        </ul>
        <button type="button" class="btn btn-link sidebar-mini-btn text-light mt-5">
            <span class="ms-2"><i class="icofont-bubble-right"></i></span>
        </button>
    </div>
</div>