@php
$usr = Auth::guard('admin')->user();
@endphp
<header class="navbar-expand-md">
    <div class="collapse navbar-collapse" id="navbar-menu">
        <div class="navbar">
            <div class="container-xl">
                <ul class="navbar-nav">
                    @if ($usr->can('dashboard.view'))
                    <li class="nav-item {{ Route::is('admin.dashboard') ? 'active' : '' }}">
                        <a class="nav-link" href="{{ route('admin.dashboard') }}">
                            <span
                                class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                                    viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                                    stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M5 12l-2 0l9 -9l9 9l-2 0" />
                                    <path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" />
                                    <path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" />
                                </svg>
                            </span>
                            <span class="nav-link-title">
                                Dashboard
                            </span>
                        </a>
                    </li>
                    @endif
                    @if ($usr->can('role.create') || $usr->can('role.view') || $usr->can('admin.create') || $usr->can('admin.view'))
                    <li class="nav-item  {{ Route::is('admin.roles.create') || Route::is('admin.roles.index')
                    || Route::is('admin.admins.create') || Route::is('admin.admins.index') ? 'active' : '' }} dropdown">
                        <a class="nav-link dropdown-toggle" href="#navbar-base" data-bs-toggle="dropdown"
                            data-bs-auto-close="outside" role="button" aria-expanded="false">
                            <span
                                class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
                                <svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24"
                                    viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none"
                                    stroke-linecap="round" stroke-linejoin="round">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M12 3l8 4.5l0 9l-8 4.5l-8 -4.5l0 -9l8 -4.5" />
                                    <path d="M12 12l8 -4.5" />
                                    <path d="M12 12l0 9" />
                                    <path d="M12 12l-8 -4.5" />
                                    <path d="M16 5.25l-8 4.5" />
                                </svg>
                            </span>
                            <span class="nav-link-title">
                                Vai trò & Quản trị viên
                            </span>
                        </a>
                        <div class="dropdown-menu">
                            <div class="dropdown-menu-columns">
                                @if ($usr->can('role.create') || $usr->can('role.view'))
                                <div class="dropdown-menu-column">
                                    @if ($usr->can('role.view'))
                                    <a class="dropdown-item {{ Route::is('admin.roles.index') ? 'active' : '' }}" href="{{ route('admin.roles.index') }}"
                                        rel="noopener">
                                        Tất cả Vai trò
                                    </a>
                                    @endif
                                    @if ($usr->can('role.create'))
                                    <a class="dropdown-item {{ Route::is('admin.roles.create')  ? 'active' : '' }}" href="{{ route('admin.roles.create') }}">
                                        Tạo mới Vai trò
                                    </a>
                                    @endif
                                </div>
                                @endif
                                @if ($usr->can('admin.create') || $usr->can('admin.view'))
                                <div class="dropdown-menu-column">
                                    @if ($usr->can('admin.view'))
                                    <a class="dropdown-item {{ Route::is('admin.admins.index') ? 'active' : '' }}" href="{{ route('admin.admins.index') }}"
                                        rel="noopener">
                                        Tất cả Quản trị viên
                                    </a>
                                    @endif
                                    @if ($usr->can('admin.create'))
                                    <a class="dropdown-item {{ Route::is('admin.admins.create')  ? 'active' : '' }}" href="{{ route('admin.admins.create') }}">
                                        Tạo mới Quản trị viên
                                    </a>
                                    @endif
                                </div>
                                @endif
                            </div>
                        </div>
                    </li>
                    @endif
                    @if ($usr->can('customer.create') || $usr->can('customer.view'))
                    <li class="nav-item {{ Route::is('admin.customer.create') || Route::is('admin.customer.index') ? 'active' : '' }} dropdown">
                        <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown"
                            data-bs-auto-close="outside" role="button" aria-expanded="false">
                            <span
                                class="nav-link-icon d-md-none d-lg-inline-block">
                                <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="icon icon-tabler icons-tabler-outline icon-tabler-users-group">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M10 13a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
                                    <path d="M8 21v-1a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v1" />
                                    <path d="M15 5a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
                                    <path d="M17 10h2a2 2 0 0 1 2 2v1" />
                                    <path d="M5 5a2 2 0 1 0 4 0a2 2 0 0 0 -4 0" />
                                    <path d="M3 13v-1a2 2 0 0 1 2 -2h2" />
                                </svg>
                            </span>
                            <span class="nav-link-title">
                                Khách hàng
                            </span>
                        </a>
                        <div class="dropdown-menu">
                            @if ($usr->can('customer.view'))
                            <a class="dropdown-item {{ Route::is('admin.customer.index') ? 'active' : '' }}" href="{{ route('admin.customer.index') }}"
                                rel="noopener">
                                Tất cả Khách hàng
                            </a>
                            @endif

                            @if ($usr->can('customer.create'))
                            <a class="dropdown-item {{ Route::is('admin.customer.create')  ? 'active' : '' }}" href="{{ route('admin.customer.create') }}">
                                Tạo mới Khách hàng
                            </a>
                            @endif
                        </div>
                    </li>
                    @endif
                    @if ($usr->can('invest.create') || $usr->can('invest.view'))
                    <li class="nav-item {{ Route::is('admin.invest.create') || Route::is('admin.invest.index') ? 'active' : '' }} dropdown">
                        <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown"
                            data-bs-auto-close="outside" role="button" aria-expanded="false">
                            <span class="nav-link-icon d-md-none d-lg-inline-block">
                                <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="icon icon-tabler icons-tabler-outline icon-tabler-rosette-discount">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M9 15l6 -6" />
                                    <circle cx="9.5" cy="9.5" r=".5" fill="currentColor" />
                                    <circle cx="14.5" cy="14.5" r=".5" fill="currentColor" />
                                    <path d="M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7a2.2 2.2 0 0 0 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1a2.2 2.2 0 0 0 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1" />
                                </svg>
                            </span>
                            <span class="nav-link-title">
                                Quà Tặng - Voucher
                            </span>
                        </a>
                        <div class="dropdown-menu">
                            @if ($usr->can('invest.view'))
                            <a class="dropdown-item {{ Route::is('admin.invest.index') ? 'active' : '' }}" href="{{ route('admin.invest.index') }}"
                                rel="noopener">
                                Tất cả Quà tặng
                            </a>
                            @endif

                            @if ($usr->can('invest.create'))
                            <a class="dropdown-item {{ Route::is('admin.invest.create')  ? 'active' : '' }}" href="{{ route('admin.invest.create') }}">
                                Tạo mới Quà tặng
                            </a>
                            @endif
                        </div>
                    </li>
                    @endif
                    @if ($usr->can('point.view'))
                    <li class="nav-item {{ Route::is('admin.point.index') ? 'active' : '' }}">
                        <a class="nav-link" href="{{ route('admin.point.index') }}">
                            <span
                                class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
                                <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="icon icon-tabler icons-tabler-outline icon-tabler-coins">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M9 14c0 1.657 2.686 3 6 3s6 -1.343 6 -3s-2.686 -3 -6 -3s-6 1.343 -6 3z" />
                                    <path d="M9 14v4c0 1.656 2.686 3 6 3s6 -1.344 6 -3v-4" />
                                    <path d="M3 6c0 1.072 1.144 2.062 3 2.598s4.144 .536 6 0c1.856 -.536 3 -1.526 3 -2.598c0 -1.072 -1.144 -2.062 -3 -2.598s-4.144 -.536 -6 0c-1.856 .536 -3 1.526 -3 2.598z" />
                                    <path d="M3 6v10c0 .888 .772 1.45 2 2" />
                                    <path d="M3 11c0 .888 .772 1.45 2 2" />
                                </svg>
                            </span>
                            <span class="nav-link-title">
                                Tích điểm
                            </span>
                        </a>
                    </li>
                    @endif
                    @if ($usr->can('gift_exchange.create') || $usr->can('gift_exchange.view') 
                    || $usr->can('money_exchange.create') || $usr->can('money_exchange.view'))
                    <li class="nav-item {{ Route::is('admin.gift-exchange.create') || Route::is('admin.gift-exchange.index') 
                    || Route::is('admin.money-exchange.create') || Route::is('admin.money-exchange.index') ? "active" : '' }} dropdown">
                        <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown"
                            data-bs-auto-close="outside" role="button" aria-expanded="false">
                            <span class="nav-link-icon d-md-none d-lg-inline-block">
                                <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="icon icon-tabler icons-tabler-outline icon-tabler-gift">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M3 8m0 1a1 1 0 0 1 1 -1h16a1 1 0 0 1 1 1v2a1 1 0 0 1 -1 1h-16a1 1 0 0 1 -1 -1z" />
                                    <path d="M12 8l0 13" />
                                    <path d="M19 12v7a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-7" />
                                    <path d="M7.5 8a2.5 2.5 0 0 1 0 -5a4.8 8 0 0 1 4.5 5a4.8 8 0 0 1 4.5 -5a2.5 2.5 0 0 1 0 5" />
                                </svg>
                            </span>
                            <span class="nav-link-title">
                                Đổi quà
                            </span>
                        </a>
                        <div class="dropdown-menu">
                            <div class="dropdown-menu-columns">
                                @if ($usr->can('gift_exchange.create') || $usr->can('gift_exchange.view'))
                                <div class="dropdown-menu-column">
                                    @if ($usr->can('gift_exchange.view'))
                                    <a class="dropdown-item {{ Route::is('admin.gift-exchange.index') ? 'active' : '' }}" href="{{ route('admin.gift-exchange.index') }}"
                                        rel="noopener">
                                        Tất cả Đổi quà
                                    </a>
                                    @endif

                                    @if ($usr->can('gift_exchange.create'))
                                    <a class="dropdown-item {{ Route::is('admin.gift-exchange.create')  ? 'active' : '' }}" href="{{ route('admin.gift-exchange.create') }}">
                                        Tạo mới Đổi quà
                                    </a>
                                    @endif
                                </div>
                                @endif
                                @if ($usr->can('money_exchange.create') || $usr->can('money_exchange.view'))
                                <div class="dropdown-menu-column">
                                    @if ($usr->can('money_exchange.view'))
                                    <a class="dropdown-item {{ Route::is('admin.money-exchange.index') ? 'active' : '' }}" href="{{ route('admin.money-exchange.index') }}"
                                        rel="noopener">
                                        Tất cả Đổi tiền
                                    </a>
                                    @endif

                                    @if ($usr->can('money_exchange.create'))
                                    <a class="dropdown-item {{ Route::is('admin.money-exchange.create') ? 'active' : '' }}" href="{{ route('admin.money-exchange.create') }}">
                                        Tạo mới Đổi tiền
                                    </a>
                                    @endif
                                </div>
                                @endif
                            </div>
                        </div>
                    </li>
                    @endif
                    @if ($usr->can('rate.create') || $usr->can('rate.view'))
                    <li class="nav-item {{ Route::is('admin.rate.create') || Route::is('admin.rate.index') ? 'active' : '' }} dropdown">
                        <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown"
                            data-bs-auto-close="outside" role="button" aria-expanded="false">
                            <span class="nav-link-icon d-md-none d-lg-inline-block">
                                <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="icon icon-tabler icons-tabler-outline icon-tabler-chart-bar">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M3 13a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" />
                                    <path d="M15 9a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" />
                                    <path d="M9 5a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" />
                                    <path d="M4 20h14" />
                                </svg>
                            </span>
                            <span class="nav-link-title">
                                Hạng
                            </span>
                        </a>
                        <div class="dropdown-menu">
                            @if ($usr->can('rate.view'))
                            <a class="dropdown-item {{ Route::is('admin.rate.index') ? 'active' : '' }}" href="{{ route('admin.rate.index') }}"
                                rel="noopener">
                                Tất cả Hạng
                            </a>
                            @endif

                            @if ($usr->can('rate.create'))
                            <a class="dropdown-item {{ Route::is('admin.rate.create')  ? 'active' : '' }}" href="{{ route('admin.rate.create') }}">
                                Tạo mới Hạng
                            </a>
                            @endif
                        </div>
                    </li>
                    @endif
                    @if ($usr->can('slider.create') || $usr->can('slider.view'))
                    <li class="nav-item {{ Route::is('admin.slider.create') || Route::is('admin.slider.index') ? 'active' : '' }} dropdown">
                        <a class="nav-link dropdown-toggle" href="#navbar-help" data-bs-toggle="dropdown"
                            data-bs-auto-close="outside" role="button" aria-expanded="false">
                            <span class="nav-link-icon d-md-none d-lg-inline-block">
                                <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="icon icon-tabler icons-tabler-outline icon-tabler-slideshow">
                                    <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                                    <path d="M15 6l.01 0" />
                                    <path d="M3 3m0 3a3 3 0 0 1 3 -3h12a3 3 0 0 1 3 3v8a3 3 0 0 1 -3 3h-12a3 3 0 0 1 -3 -3z" />
                                    <path d="M3 13l4 -4a3 5 0 0 1 3 0l4 4" />
                                    <path d="M13 12l2 -2a3 5 0 0 1 3 0l3 3" />
                                    <path d="M8 21l.01 0" />
                                    <path d="M12 21l.01 0" />
                                    <path d="M16 21l.01 0" />
                                </svg>
                            </span>
                            <span class="nav-link-title">
                                Slider
                            </span>
                        </a>
                        <div class="dropdown-menu">
                            @if ($usr->can('slider.view'))
                            <a class="dropdown-item {{ Route::is('admin.slider.index') ? 'active' : '' }}" href="{{ route('admin.slider.index') }}"
                                rel="noopener">
                                Tất cả Slider
                            </a>
                            @endif

                            @if ($usr->can('slider.create'))
                            <a class="dropdown-item {{ Route::is('admin.slider.create')  ? 'active' : '' }}" href="{{ route('admin.slider.create') }}">
                                Tạo mới Slider
                            </a>
                            @endif
                        </div>
                    </li>
                    @endif
                </ul>
            </div>
        </div>
    </div>
</header>