fix : ajout d'une date de mouvement et protection sur le rôle Bureau

frontend/pages/bovine/[id].vue

@@ -14,14 +14,10 @@
 
         <UiTabs
             v-model="activeTab"
-            :tabs="[
-                { key: 'mouvement', label: 'Mouvement' },
-                { key: 'passeport', label: 'Passeport bovin' },
-                { key: 'sante', label: 'Santé' }
-            ]"
+            :tabs="tabs"
         />
 
-        <div v-show="activeTab === 'mouvement'">
+        <div v-if="auth.isBureau" v-show="activeTab === 'mouvement'">
             <form :class="{ submitted: movementSubmitted }" @submit.prevent="submitMovement">
                 <div class="flex flex-cols-3 justify-between mb-10">
                     <UiSelect
@@ -41,7 +37,13 @@
                         wrapper-class="w-[280px]"
                         required
                     />
-                    <div class="w-[280px]" />
+                    <UiDateInput
+                        id="movement-date"
+                        v-model="newMovementDate"
+                        label="Date mouvement"
+                        wrapper-class="w-[280px]"
+                        required
+                    />
                 </div>
 
                 <div class="flex items-center justify-center mb-11">
@@ -158,11 +160,19 @@
 <script setup lang="ts">
 import { getBuildingList } from '~/services/building'
 import type { BuildingData } from '~/services/dto/building-data'
+import { useAuthStore } from '~/stores/auth'
 
 useHead({ title: 'Vie du bovin' })
 
+const auth = useAuthStore()
+
 type BovineTab = 'mouvement' | 'passeport' | 'sante'
-const activeTab = ref<BovineTab>('mouvement')
+const tabs = computed(() => [
+    ...(auth.isBureau ? [{ key: 'mouvement' as const, label: 'Mouvement' }] : []),
+    { key: 'passeport' as const, label: 'Passeport bovin' },
+    { key: 'sante' as const, label: 'Santé' }
+])
+const activeTab = ref<BovineTab>(auth.isBureau ? 'mouvement' : 'passeport')
 
 interface BovineTypeRef {
     id: number
@@ -215,10 +225,13 @@ const goBack = () => {
     }
 }
 
+const todayIso = () => new Date().toISOString().slice(0, 10)
+
 const bovine = ref<BovinePassportData | null>(null)
 const buildings = ref<BuildingData[]>([])
 const newMovementBuildingId = ref<string | number | null>(null)
 const newMovementCaseId = ref<string | number | null>(null)
+const newMovementDate = ref<string>(todayIso())
 const isSubmittingMovement = ref(false)
 const movementSubmitted = ref(false)
 const movementFilters = ref({ building: '', case: '' })
@@ -307,16 +320,27 @@ const filteredMovementRows = computed(() => {
 })
 
 const submitMovement = async () => {
-    if (!newMovementCaseId.value || bovineId.value === null) return
+    if (!newMovementCaseId.value || !newMovementDate.value || bovineId.value === null) return
+
+    const buildingLabel = buildingOptions.value.find(o => o.value === Number(newMovementBuildingId.value))?.label ?? '—'
+    const caseLabel = caseOptions.value.find(o => o.value === Number(newMovementCaseId.value))?.label ?? '—'
+    const dateLabel = formatDate(newMovementDate.value)
+    const confirmed = window.confirm(
+        `Confirmer la création du mouvement ?\n\nBâtiment : ${buildingLabel}\nCase : ${caseLabel}\nDate : ${dateLabel}`
+    )
+    if (!confirmed) return
+
     isSubmittingMovement.value = true
     try {
         await api.post('bovine_movements', {
             bovine: `/api/bovines/${bovineId.value}`,
-            buildingCase: `/api/building_cases/${newMovementCaseId.value}`
+            buildingCase: `/api/building_cases/${newMovementCaseId.value}`,
+            enteredAt: newMovementDate.value
         }, { toastSuccessMessage: 'Mouvement enregistré' })
         bovine.value = await api.get<BovinePassportData>(`bovines/${bovineId.value}`)
         newMovementBuildingId.value = null
         newMovementCaseId.value = null
+        newMovementDate.value = todayIso()
         movementSubmitted.value = false
     } finally {
         isSubmittingMovement.value = false