@extends('modules.vehicles.layouts.base')
@section('title', __('modules.vehicles.name'))

@section('content_body')
    <div class="flex flex-wrap items-center lg:items-end justify-between gap-5 pb-7.5">
        <div class="flex flex-col justify-center gap-2">
            <h1 class="text-xl font-medium leading-none text-mono">
                {{ __('vehicles.list') }}
            </h1>
        </div>
        <div class="flex items-center gap-2.5">
            <!-- Button removed -->
        </div>
    </div>

    <div class="grid gap-5 lg:gap-7.5">
        @include('modules.vehicles.partials.table')
    </div>
@endsection

@section('config')
    <script>
        window.VehiclesConfig = {};
        window.VehiclesConfig.indexUrl = "{{ route('vehicles.index') }}";
        window.VehiclesConfig.isAdmin = @json($isAdmin);
        console.log("VehiclesConfig loaded");
    </script>
@endsection

@section('extra_scripts')
    <script src="{{ asset('assets/js/apps/vehicles/index.js') }}"></script>
@endsection