ldc-supportweb/resources/views/layout/app.blade.php

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="utf-8">
    <title>Support LDCWEB</title>

    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.16/dist/sweetalert2.all.min.js" integrity="sha256-551HBsteMvKOSqjUXSmRy/EOF0bBNbWB96b5L3Deh8A=" crossorigin="anonymous"></script>

    <!-- Styles -->
    <link href="{{ asset('css/app.css') }}" rel="stylesheet">
    <link rel="stylesheet" href="https://bootswatch.com/5/lumen/bootstrap.min.css" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.0.16/dist/sweetalert2.min.css" integrity="sha256-qpXwccFYncH5gTqXFe9EXZ8QeDw1Re68bbNVfFZzIzg=" crossorigin="anonymous">
    @crudPoliciesCSS
</head>
<body>
    <nav class="navbar navbar-expand-md navbar-light bg-white shadow-sm">
        <div class="container">
            <a class="navbar-brand" href="{{ url('/') }}">
                @if(auth()->user()->site ?? false)
                Site : <b class="text-primary">{{ ucwords(auth()->user()->site->name) }}</b>
                @else
                {{ config('app.name', 'Laravel') }}
                @endif
            </a>
            @auth
                <div class="collapse navbar-collapse" id="navbarSupportedContent">
                    @if (Auth::user()->isAdmin())
                    <ul class="navbar-nav me-auto">
                        <li class="nav-item">
                            <a class="nav-link @if(strpos(request()->route()->getName(), 'ticket') === 0)active @endif" href="{{ route('ticket.index') }}">Tickets</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link @if(strpos(request()->route()->getName(), 'sites') === 0)active @endif" href="{{ route('sites.index') }}">Sites</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link @if(strpos(request()->route()->getName(), 'projects') === 0)active @endif" href="{{ route('projects.index') }}">Projets</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link @if(strpos(request()->route()->getName(), 'users') === 0)active @endif" href="{{ route('users.index') }}">Utilisateurs</a>
                        </li>
                    </ul>
                    @endif
                    <ul class="navbar-nav me-auto">
                        <li class="nav-item">
                            <span class="nav-link text-primary font-weight-bold">Tickets</span>
                        </li>
                        <li class="nav-item">
                            <span class="nav-link text-dark">Nouveau&nbsp;:&nbsp;<span class="text-info">{{ $ticketsNew }}</span></span>
                        </li>
                        <li class="nav-item">
                            <span class="nav-link text-dark">En cours&nbsp;:&nbsp;<span class="text-info">{{ $ticketsInProgress }}</span></span>
                        </li>
                        <li class="nav-item">
                            {{-- Mouhahahaha --}}
                            <span class="nav-link text-dark">Charge&nbsp;:&nbsp;<span class="text-danger">Elevée</span></span>
                            {{-- <span class="nav-link text-dark">Charge&nbsp;:&nbsp;<span class="text-info">Stable</span></span> --}}
                        </li>
                    </ul>
                </div>
            @endauth

            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="{{ __('Toggle navigation') }}">
                <span class="navbar-toggler-icon"></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <!-- Left Side Of Navbar -->
                <ul class="navbar-nav me-auto">

                </ul>

                <!-- Right Side Of Navbar -->
                <ul class="navbar-nav ms-auto">
                    <!-- Authentication Links -->
                    @auth
                        <li class="nav-item dropdown">
                            <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                                Bonjour {{ Auth::user()->name }} <span class="caret"></span>
                            </a>

                            <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
                                <a class="dropdown-item" href="#"
                                    onclick="event.preventDefault();
                                    document.getElementById('logout-form').submit();">
                                    Déconnexion
                                </a>

                                <form id="logout-form" action="{{route('logout')}}" method="POST" style="display: none;">
                                    @csrf
                                </form>
                            </div>
                        </li>
                    @else
                        <li class="nav-item">
                            <a class="nav-link" href="{{route('login')}}">Connexion</a>
                        </li>
                    @endguest
                </ul>
            </div>
        </div>
    </nav>
    <div id="app" class="content mt-5">
        <div class="container container-xxl">
            @yield('content')
        </div>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://bootswatch.com/_vendor/bootstrap/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
    @stack('scriptsConstants')
    <script src="{{ asset('js/app.js') }}"></script>
    @stack('scripts')
    @crudPoliciesJS()
</body>
</html>