{{define "content"}}
<div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8">
    <h1 class="text-2xl font-semibold text-gray-900">Gestion des véhicules et réservations</h1>


    <div class="sm:flex sm:items-center">
        <div class="sm:flex-auto">
            <h2 class="text-xl font-semibold text-gray-600 pt-8">Réservations en cours et à venir</h2>
        </div>
        <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
            <a href="/app/vehicles-management/bookings/">
                <button type="button"
                    class="inline-flex items-center justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-sm font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 sm:w-auto">
                    {{$.IconSet.Icon "hero:outline/table-cells" "h-5 w-5 mr-3"}}
                    Historique
                </button>
            </a>
        </div>
    </div>
</div>

{{template "bookings_list" .}}

<div class="max-w-7xl mx-auto px-4 sm:px-6 md:px-8 mt-8">
    

    <div class="sm:flex sm:items-center">
        <div class="sm:flex-auto">
            <h2 class="text-xl font-semibold text-gray-600 pt-8">Véhicules</h2>
        </div>
        <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
            <a href="/app/vehicles-management/fleet/add">
                <button type="button"
                    class="inline-flex items-center justify-center rounded-2xl border border-transparent bg-co-blue px-4 py-2 text-sm font-medium text-white shadow-sm focus:outline-none focus:ring-2 focus:ring-co-blue focus:ring-offset-2 sm:w-auto">
                    {{$.IconSet.Icon "hero:outline/plus-circle" "h-5 w-5 mr-3"}}
                    Ajouter un véhicule
                </button>
            </a>
        </div>
    </div>
</div>

{{template "vehicles_list" .}}

{{end}}