<template>
    <div class="flex flex-col items-center gap-16">
        <h1 class="font-bold text-5xl uppercase">Charment des bovins</h1>
        <div
            class="w-full flex flex-col items-center justify-center">
            <UiLoadingDots />
        </div>
        <button
            class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] ml-4"
            @click="goNext"
        >Pesée</button>
    </div>
</template>

<script setup lang="ts">
import {useShipmentStore} from "~/stores/shipment";

const shipmentStore = useShipmentStore()

const goNext = async () => {
    const nextStep = shipmentStore.current.currentStep + 1
    await shipmentStore.updateShipment(shipmentStore.current.id, {
        currentStep: nextStep
    })
}
</script>
