{{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">Historique des réservations de véhicules</h1>


    <div class="sm:flex sm:items-center">
        <div class="sm:flex-auto">
            
        </div>
        <div class="mt-4 sm:mt-0 sm:ml-16 sm:flex-none">
            
            <a href="/exports/fleets/bookings">
                <button type="button"
                    class="inline-flex items-center justify-center bg-white hover:bg-gray-50 border-gray-300 border px-4 py-2 text-gray-700 flex items-center text-sm rounded-2xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-co-blue">
                    {{$.IconSet.Icon "hero:outline/document-arrow-down" "h-5 w-5 mr-3"}}
                    Exporter
                </button>
            </a>
        </div>
    </div>
</div>

{{template "bookings_list" .}}

{{end}}