<script setup>
import VnCard from 'components/common/VnCard.vue';
import ParkingDescriptor from 'pages/Parking/Card/ParkingDescriptor.vue';
import ParkingFilter from 'pages/Parking/ParkingFilter.vue';

const filter = {
    fields: ['id', 'sectorFk', 'code', 'pickingOrder', 'row', 'column'],
    include: [{ relation: 'sector', scope: { fields: ['id', 'description'] } }],
};
</script>
<template>
    <VnCard
        data-key="Parking"
        base-url="Parkings"
        :filter="filter"
        :descriptor="ParkingDescriptor"
        :filter-panel="ParkingFilter"
        search-data-key="ParkingList"
        :searchbar-props="{
            url: 'Parkings',
            label: 'parking.searchBar.label',
            info: 'parking.searchBar.info',
        }"
    />
</template>
