@auth
    @php
        if ((auth()->user()->hasRole('ministre'))) {
            $demandes = App\Models\Demande::where('id_statut_demande', 1)->get();
        }
    @endphp
@endauth
<!-- Navbar Start -->
<nav class="navbar navbar-expand bg-secondary navbar-dark sticky-top px-4 py-0">
    <a href="index.html" class="navbar-brand d-flex d-lg-none me-4">
        <h2 class="text-primary mb-0"><i class="fa fa-user-edit"></i></h2>
    </a>
    <a href="#" class="sidebar-toggler flex-shrink-0">
        <i class="fa fa-bars"></i>
    </a>
    {{-- <form class="d-none d-md-flex ms-4">
        <input class="form-control bg-dark border-0" type="search" placeholder="Search">
    </form> --}}
    <div class="d-none d-md-flex ms-4">
        <img src="{{ url('assets/images/logos/branding_guinee.png') }}" width="100" alt="">
    </div>
    <div class="d-none d-md-flex ms-4">
        <img src="{{ url('assets/images/logos/armoirerie.png') }}" width="40" alt="">
    </div>
    <div class="navbar-nav align-items-center ms-auto">
        @hasrole('ministre')
        <div class="nav-item">
            <a href="{{ route('dashboard.demande.category', 'processing') }}" class="nav-link">
                <i class="fa fa-bell me-lg-2"></i>
                <span class="">Demandes en attente d'orientation <span class="text-danger"
                            style="position: relative; top: -5px; font-size: 14px;">{{ $demandes->count() > 0 ?
                            '('.$demandes->count().')' : '' }}</span>
                </span>
            </a>
        </div>
        @endhasrole
        <div class="nav-item dropdown">
            {{-- <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
                <i class="fa fa-bell me-lg-2"></i>
                <span class="d-none d-lg-inline-flex">Demandes en attente d'orientation <span class="text-danger"
                        style="position: relative; top: -5px; font-size: 14px;">{{ $demandesOrientation->count() > 0 ?
                        '('.$demandesOrientation->count().')' : '' }}</span>
                </span>
            </a> --}}
            <div class="dropdown-menu dropdown-menu-end bg-secondary border-0 rounded-0 rounded-bottom m-0">
                <a href="#" class="dropdown-item">
                    <h6 class="fw-normal mb-0">Profile updated</h6>
                    <small>15 minutes ago</small>
                </a>
                <hr class="dropdown-divider">
                <a href="#" class="dropdown-item">
                    <h6 class="fw-normal mb-0">New user added</h6>
                    <small>15 minutes ago</small>
                </a>
                <hr class="dropdown-divider">
                <a href="#" class="dropdown-item">
                    <h6 class="fw-normal mb-0">Password changed</h6>
                    <small>15 minutes ago</small>
                </a>
                <hr class="dropdown-divider">
                <a href="#" class="dropdown-item text-center">See all notifications</a>
            </div>
        </div>
        <div class="nav-item dropdown">
            <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown">
                <img class="rounded-circle me-lg-2" src="{{ url('assets/images/profile-pictures/user.png') }}" alt=""
                    style="width: 40px; height: 40px;">
                <span class="d-none d-lg-inline-flex">{{ auth()->user()->first_name }}</span>
            </a>
            <div class="dropdown-menu dropdown-menu-end bg-secondary border-0 rounded-0 rounded-bottom m-0">
                <a href="#" class="dropdown-item" onclick="window.location.href = '/logout'">
                    Se déconnecter
                </a>
                {{-- <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                    @csrf
                </form>
                <a href="{{ route('logout') }}" class="dropdown-item"
                    onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                    Se déconnecter
                </a> --}}
            </div>
        </div>
    </div>
</nav>
<!-- Navbar End -->