@php
$user = auth()->user();
@endphp

<nav class="navbar navbar-dark bg-primary fixed-top shadow-sm">
    <div class="container-fluid">

        {{-- TOGGLE MOBILE --}}
        @auth
        <button class="btn btn-warning d-lg-none"
            data-bs-toggle="offcanvas"
            data-bs-target="#sidebarMobile">
            <i class="bi bi-list"></i>
        </button>
        @endauth

        {{-- BRAND --}}
        <span class="navbar-brand fw-bold">
            e-Bansos Kabupaten
        </span>

        {{-- USER MENU --}}
        @auth
        <div class="dropdown">
            <a class="text-white dropdown-toggle text-decoration-none"
                href="#" data-bs-toggle="dropdown">
                {{ $user->nama }}
            </a>

            <ul class="dropdown-menu dropdown-menu-end">

                {{-- PROFIL DESA (KHUSUS KADES) --}}
                @if($user->role === 'KADES')
                <li>
                    <a class="dropdown-item" href="{{ route('desa.profil') }}">
                        <i class="bi bi-person-badge me-2"></i>
                        Profil Desa
                    </a>
                </li>
                <li>
                    <hr class="dropdown-divider">
                </li>
                @endif

                {{-- GANTI PASSWORD --}}
                @if($user->role === 'KADES')
                <li>
                    <a class="dropdown-item" href="{{ route('desa.password.form') }}">
                        <i class="bi bi-key me-2"></i>
                        Ganti Password
                    </a>
                </li>
                @endif

                {{-- FINGERPRINT --}}
                @if(Route::has('fingerprint.index'))
                <li>
                    <a class="dropdown-item" href="{{ route('fingerprint.index') }}">
                        <i class="bi bi-fingerprint me-2"></i>
                        Sidik Jari
                    </a>
                </li>
                @endif

                <li>
                    <hr class="dropdown-divider">
                </li>

                {{-- LOGOUT --}}
                <li>
                    <form method="POST" action="{{ route('logout') }}">
                        @csrf
                        <button class="dropdown-item text-danger">
                            <i class="bi bi-box-arrow-right me-2"></i>
                            Logout
                        </button>
                    </form>
                </li>

            </ul>
        </div>
        @endauth

    </div>
</nav>

{{-- OFFCANVAS MOBILE --}}
@auth
<div class="offcanvas offcanvas-start" id="sidebarMobile">
    <div class="offcanvas-header">
        <h5 class="offcanvas-title">Menu</h5>
        <button class="btn-close" data-bs-dismiss="offcanvas"></button>
    </div>
    <div class="offcanvas-body">
        @include('layouts.partials.sidebar')
    </div>
</div>
@endauth

<div style="height:56px"></div>