feat : ajout des suspensions et des jours de présence

frontend/composables/useEmployeeDetailPage.ts

@@ -12,6 +12,7 @@ import { getEmployee, updateEmployee } from '~/services/employees'
 import { listPublicHolidays } from '~/services/public-holidays'
 import { formatNullableYmdToFr, getTodayYmd, shiftYmd } from '~/utils/date'
 import { contractNatureLabel, isContractNature, requiresContractEndDate, showsContractEndDate } from '~/utils/contract'
+import { createSuspension, updateSuspension } from '~/services/contractSuspensions'
 
 export const useEmployeeDetailPage = () => {
   const route = useRoute()
@@ -29,6 +30,16 @@ export const useEmployeeDetailPage = () => {
   const isCreateContractDrawerOpen = ref(false)
   const isCreateContractSubmitting = ref(false)
 
+  type SuspensionForm = {
+    id: number | null
+    startDate: string
+    endDate: string
+    comment: string
+  }
+
+  const suspensionForms = ref<SuspensionForm[]>([])
+  const isSuspensionSubmitting = ref(false)
+
   const contractForm = reactive({
     contractId: '' as number | '',
     contractName: '',
@@ -83,6 +94,11 @@ export const useEmployeeDetailPage = () => {
     return history.find((item) => item.startDate <= today && (!item.endDate || item.endDate >= today)) ?? null
   })
 
+  const currentActiveContractPeriodId = computed<number | null>(() => {
+    const period = currentActiveContractPeriod.value
+    return period?.periodId ?? null
+  })
+
   const canCloseCurrentContract = computed(() => {
     const active = currentActiveContractPeriod.value
     if (!active) return false
@@ -130,6 +146,16 @@ export const useEmployeeDetailPage = () => {
     validationTouched.endDate = false
   }
 
+  const hydrateSuspensionForms = () => {
+    const current = employee.value?.currentSuspensions ?? []
+    suspensionForms.value = current.map(s => ({
+      id: s.id,
+      startDate: s.startDate,
+      endDate: s.endDate ?? '',
+      comment: s.comment ?? ''
+    }))
+  }
+
   const hydrateContractFormFromCurrent = () => {
     const current = employee.value
     const active = currentActiveContractPeriod.value
@@ -149,6 +175,7 @@ export const useEmployeeDetailPage = () => {
     if (!employee.value || !canCloseCurrentContract.value) return
     hydrateContractFormFromCurrent()
     resetContractValidation()
+    hydrateSuspensionForms()
     isContractDrawerOpen.value = true
   }
 
@@ -301,6 +328,45 @@ export const useEmployeeDetailPage = () => {
     }
   }
 
+  const submitSuspension = async (index: number) => {
+    const form = suspensionForms.value[index]
+    if (!form || !form.startDate) return
+
+    const periodId = currentActiveContractPeriodId.value
+    if (!periodId) return
+
+    isSuspensionSubmitting.value = true
+    try {
+      if (form.id) {
+        await updateSuspension(form.id, {
+          startDate: form.startDate,
+          endDate: form.endDate || null,
+          comment: form.comment || null
+        })
+      } else {
+        await createSuspension({
+          contractPeriodId: periodId,
+          startDate: form.startDate,
+          endDate: form.endDate || null,
+          comment: form.comment || null
+        })
+      }
+      await loadEmployee()
+      hydrateSuspensionForms()
+    } finally {
+      isSuspensionSubmitting.value = false
+    }
+  }
+
+  const addSuspensionForm = () => {
+    suspensionForms.value.push({
+      id: null,
+      startDate: '',
+      endDate: '',
+      comment: ''
+    })
+  }
+
   const submitFractionedDays = async (days: number) => {
     if (!employee.value) return
     const year = leaveSummary.value?.year ?? undefined
@@ -368,6 +434,11 @@ export const useEmployeeDetailPage = () => {
     submitContractUpdate,
     submitCreateContract,
     submitFractionedDays,
-    submitRttPayment
+    submitRttPayment,
+    suspensionForms,
+    isSuspensionSubmitting,
+    submitSuspension,
+    addSuspensionForm,
+    currentActiveContractPeriodId
   }
 }