<script setup lang="ts">
</script>
<template>
    <div class="flex flex-wrap justify-center pb-16 gap-12">
        <card-link label="NOUVELLE RÉCEPTION" link="/reception" iconName="mdi:truck-outline" />
        <card-link label="NOUVELLE EXPÉDITION" link="/shipment" iconName="mdi:truck-fast-outline" />
        <card-link label="PLAN DE SITE" link="/infrastructure/batiment" iconName="material-symbols:warehouse-outline-rounded" />
        <card-link link="/reception/waiting-reception" iconName="mdi:truck-remove-outline">
            <template #label>
                Réceptions<br>EN ATTENTE
            </template>
        </card-link>
        <card-link link="/shipment/waiting-shipment" iconName="mdi:truck-cargo-container">
            <template #label>
                EXPÉDITIONS<br>EN ATTENTE
            </template>
        </card-link>
        <card-link label="CASES" link="/infrastructure/case" iconName="material-symbols:bottom-sheets-outline" />
        <card-link label="RÉCEPTIONS FINIES" link="/reception/finish-reception" iconName="mdi:truck-check-outline" />
        <card-link label="EXPÉDITIONS FINIES" link="/shipment/finish-shipment" iconName="mdi:truck-delivery-outline" />
        <card-link link="/" iconName="mdi:cow">
            <template #label>
                PASSEPORT<br>DU BOVIN
            </template>
        </card-link>
    </div>
</template>
