@extends('layouts.app')
@section('callScripts')
    <script src="{{ asset('js/backend.js') }}" defer></script>
@endsection
@section('content')
    <!-- Start Header Section -->
    <header class="gta-header" id="header">
        <div class="gta-container">
            <a href="{{ url('/') }}" class="gta-header-brand">
                <img src="{{ asset('images/logo.png') }}" alt="brand">
            </a>
            <div class="gta-header-search">
                <input type="search" placeholder="Search" class="gta-header-input">
                <i class="bi bi-search gta-icon"></i>
            </div>
            <ul class="gta-header-menu">
                <a href="#" class="gta-h-menu-link gta-toggle-mode" id="gta-toggle-mode">
                    <i class="bi bi-brightness-high gta-icon"></i>
                </a>
                <div class="dropdown">
                    <a href="" class="gta-h-menu-link" data-toggle="dropdown">
                        @if (Auth::user()->image)
                            @php $avatar = asset(Auth::user()->image->url()) @endphp
                        @else
                            @php $avatar = "https://upload.wikimedia.org/wikipedia/commons/8/89/Portrait_Placeholder.png" @endphp
                        @endif
                        <img src="{{ $avatar }}" alt="user" class="user-img">
                    </a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item" href="{{ route('profile.edit', Auth::user()) }}">
                            <i class="bi bi-gear-fill"></i>
                            <span>{{ Auth::user()->name }}</span>
                        </a>
                        <a class="dropdown-item" href="{{ route('logout') }}"
                            onclick="event.preventDefault();
                                                                                                                                                                                                                    document.getElementById('logout-form').submit();">
                            <i class='bi bi-box-arrow-left gta-nav-icon'></i>
                            <span>Se déconnecter</span>
                        </a>
                        <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                            @csrf
                        </form>
                    </div>
                </div>
                <a href="#" class="gta-h-menu-link gta-menu-toggle">
                    <i class="bi bi-list gta-icon" id="menu-toggle"></i>
                </a>
            </ul>
        </div>
    </header>
    <!-- End Header Section -->
    <!-- Start Sidebar Section -->
    <aside class="gta-sidebar" id="sidebar">
        <div class="gta-container">
            <div class="gta-wrapper">
                <a href="{{ url('/') }}" class="gta-nav-link gta-nav-brand">
                    <img src="{{ asset('images/logo.png') }}" alt="brand">
                </a>
                <div class="gta-nav-links">
                    <div class="gta-nav-item">
                        <a href="{{ url('/dashboard') }}" class="gta-nav-link active">
                            <i class="bi bi-house-fill gta-nav-icon"></i>
                            <span>Accueil</span>
                        </a>
                        <div class="gta-nav-dropdown">
                            <a href="#" class="gta-nav-link">
                                <i class="bi bi-person gta-nav-icon"></i>
                                <span>Utilisateurs</span>
                                <i class="bi bi-chevron-down gta-nav-icon gta-nav-dd-icon"></i>
                            </a>
                            <div class="gta-nav-dropdown-collapse">
                                <div class="gta-nav-dropdown-content">
                                    <a href="{{ route('personnels.index') }}" class="gta-nav-dropdown-item">Gérer les
                                        Personnels</a>
                                    @if (auth()->check())
                                        @if (auth()->user()->isAdministrator)
                                            <a href="{{ route('vehicles.manage') }}" class="gta-nav-dropdown-item">Gérer
                                                les
                                                Vehicles
                                            </a>
                                            <a href="{{ route('clients.index') }}" class="gta-nav-dropdown-item">Gérer
                                                les
                                                Clients
                                            </a>
                                        @endif
                                    @endif

                                </div>
                            </div>
                        </div>
                        <div class="gta-nav-dropdown">
                            <a href="#" class="gta-nav-link">
                                <i class="bi bi-clipboard2-fill gta-nav-icon"></i>
                                <span>Catégorisation</span>
                                <i class="bi bi-chevron-down gta-nav-icon gta-nav-dd-icon"></i>
                            </a>
                            <div class="gta-nav-dropdown-collapse">
                                <div class="gta-nav-dropdown-content">
                                    <a href="{{ route('groupes.manage') }}"
                                        class="gta-nav-link"><span>Groupes</span></a>
                                    <a href="{{ route('points.manage') }}" class="gta-nav-dropdown-item">Points de
                                        ramassage</a>
                                </div>
                            </div>
                        </div>
                        <a href="{{ route('voyages.index') }}" class="gta-nav-link">
                            <i class="bi bi-geo-alt gta-nav-icon"></i>
                            <span>Voyages</span>
                        </a>
                        @if (auth()->check())
                            @if (auth()->user()->isAdministrator)
                                <div class="gta-nav-dropdown">
                                    <a href="#" class="gta-nav-link">
                                        <i class="bi bi-columns-gap gta-nav-icon"></i>
                                        <span>Mise en page</span>
                                        <i class="bi bi-chevron-down gta-nav-icon gta-nav-dd-icon"></i>
                                    </a>
                                    <div class="gta-nav-dropdown-collapse">
                                        <div class="gta-nav-dropdown-content">
                                            <a href="{{ route('slides.index') }}"
                                                class="gta-nav-link"><span>Slider</span></a>
                                            <a href="{{ route('qui-some-nous.index') }}" class="gta-nav-link"><span>Qui
                                                    somme
                                                    nous</span></a>
                                            <a href="{{ route('references.index') }}"
                                                class="gta-nav-link"><span>Références</span></a>
                                            <a href="{{ route('articles.index') }}"
                                                class="gta-nav-link"><span>Actualités</span></a>
                                            <a href="{{ route('galleries.index') }}"
                                                class="gta-nav-link"><span>Gallery</span></a>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </aside>
    <!-- End Sidebar Section -->
    <!-- Start Main Content Section -->
    <main>
        @yield('main')
    </main>
    <!-- End Main Content Section -->
@endsection