{{#if (eq this.layout "table")}}
    <Layout::Resource::Tabular
        @resource="vehicle"
        @title={{t "resource.vehicles"}}
        @searchQuery={{this.query}}
        @onSearch={{perform this.vehicleActions.controllerSearchTask this}}
        @data={{@model}}
        @columns={{this.columns}}
        @page={{this.page}}
        @onPageChange={{fn (mut this.page)}}
        @setupTable={{fn (mut this.table)}}
        @actionButtons={{this.actionButtons}}
        @bulkActions={{this.bulkActions}}
        @controller={{this}}
        @emptyStateComponent={{component
            "table/empty-state"
            icon="truck"
            title="Add your first vehicle"
            description="Vehicles connect assignments, live tracking, fleet capacity, maintenance, and compliance history."
            filteredTitle="No vehicles match your filters"
            filteredDescription="Adjust the search or filters to find another vehicle."
            primaryText="New vehicle"
            primaryIcon="plus"
            primaryAction=this.vehicleActions.transition.create
            secondaryText="Import"
            secondaryIcon="upload"
            secondaryAction=this.vehicleActions.import
            docsSlug="fleet-ops/resources/vehicles/overview"
            docsTitle="Vehicles guide"
            docsText="Vehicle guide"
            docsSource="fleet-ops-empty-vehicles"
        }}
    />
{{else}}
    <Layout::Section::Header @title={{t "resource.vehicles"}} @actionsWrapperClass="space-x-1">
        <Layout::Resource::TabularActions
            @searchQuery={{this.query}}
            @onSearch={{perform this.vehicleActions.controllerSearchTask this}}
            @columns={{this.columns}}
            @page={{this.page}}
            @onPageChange={{fn (mut this.page)}}
            @setupTable={{fn (mut this.table)}}
            @actionButtons={{this.actionButtons}}
            @bulkActions={{this.bulkActions}}
            @controller={{this}}
            @hideColumnsPicker={{true}}
        />
    </Layout::Section::Header>

    <Layout::Section::Body class="overflow-y-scroll-i h-full">
        <Layout::Resource::CardsGrid
            @resource="vehicle"
            @data={{@model}}
            @columns="4"
            @showPagination={{true}}
            @page={{this.page}}
            @onPageChange={{fn (mut this.page)}}
            @paginationMeta={{@model.meta}}
            @containerClass="p-4"
            class="h-full"
            as |Item|
        >
            <Vehicle::Card @resource={{Item.model}} />
        </Layout::Resource::CardsGrid>
    </Layout::Section::Body>
{{/if}}
{{outlet}}