feat : modification de la gestion des jours fériés

2026-04-16 15:52:19 +02:00
parent 13c71abddc
commit a8fe244b5c
42 changed files with 1752 additions and 167 deletions
--- a/frontend/components/AppDrawer.vue
+++ b/frontend/components/AppDrawer.vue
@@ -4,13 +4,13 @@
      <div class="absolute inset-0 bg-black/40" @click="close" />
    </Transition>
    <Transition name="drawer-panel">
-      <div class="absolute right-0 top-0 h-full w-full max-w-md bg-white shadow-xl">
-        <div class="flex items-center justify-between px-[20px] pt-8 pb-8">
+      <div class="absolute right-0 top-0 h-full w-full max-w-md bg-white shadow-xl flex flex-col">
+        <div class="shrink-0 flex items-center justify-between px-[20px] pt-8 pb-8">
          <h2 class="text-[32px] font-semibold text-primary-500">
            {{ title }}
          </h2>
        </div>
-        <div class="overflow-y-auto px-[20px]" style="max-height: calc(100% - 65px)">
+        <div class="min-h-0 flex-1 overflow-y-auto px-[20px] pb-4">
          <slot />
        </div>
      </div>
--- a/frontend/components/driver-hours/DriverHoursDayView.vue
+++ b/frontend/components/driver-hours/DriverHoursDayView.vue
@@ -76,7 +76,6 @@
                            </p>
                        </div>
                        <button
-                            v-if="!isHoliday"
                            type="button"
                            class="self-start text-left text-xs font-semibold underline"
                            :class="isRowLocked(employee.id) || !hasContractAtSelectedDate(employee.id) ? 'text-neutral-400 cursor-not-allowed' : 'text-primary-500 cursor-pointer'"
@@ -91,6 +90,12 @@
                            v-model="rows[employee.id].dayHours"
                            :disabled="!hasContractAtSelectedDate(employee.id) || isRowLocked(employee.id)"
                        />
+                        <p
+                            v-if="isHoliday && getRowMetrics(employee.id).virtualHolidayMinutes > 0"
+                            class="mt-1 text-xs font-semibold text-sky-700"
+                        >
+                            = {{ formatMinutes(getRowMetrics(employee.id).dayMinutes) }} (férié)
+                        </p>
                    </div>
                    <div class="pl-2">
                        <TimeSelect
@@ -194,7 +199,7 @@ const props = defineProps<{
    onToggleSiteValidation: (employeeId: number, checked: boolean) => void
    onToggleValidationBulk: (checked: boolean) => Promise<void> | void
    onToggleSiteValidationBulk: (checked: boolean) => Promise<void> | void
-    getRowMetrics: (employeeId: number) => { dayMinutes: number; nightMinutes: number; totalMinutes: number }
+    getRowMetrics: (employeeId: number) => { dayMinutes: number; nightMinutes: number; workshopMinutes: number; totalMinutes: number; virtualHolidayMinutes: number }
    getRowAbsenceLabel: (employeeId: number) => string
    getRowAbsenceStyle: (employeeId: number) => { backgroundColor: string } | undefined
    getRowUpdatedAt: (employeeId: number) => string
--- a/frontend/components/employees/ContractTab.vue
+++ b/frontend/components/employees/ContractTab.vue
@@ -108,6 +108,13 @@
          <p v-if="showContractEndDateError" class="mt-1 text-sm text-red-600">La date de fin est obligatoire.</p>
        </div>

+        <WorkDaysHoursInput
+          v-if="contractForm.workDaysHours"
+          :model-value="contractForm.workDaysHours"
+          :contract-weekly-hours="contractForm.weeklyHours ?? null"
+          disabled
+        />
+
        <div>
          <label class="text-md font-semibold text-neutral-700" for="contract-comment">
            Commentaire
@@ -252,7 +259,13 @@
          </label>
        </div>

-        <div class="flex justify-center pt-2">
+        <WorkDaysHoursInput
+          v-if="requiresCreateWorkDaysHours"
+          v-model="createContractForm.workDaysHours"
+          :contract-weekly-hours="selectedCreateContract?.weeklyHours ?? null"
+        />
+
+        <div class="sticky bottom-0 -mx-[20px] bg-white px-[20px] py-3 flex justify-center">
          <button
            type="submit"
            class="flex w-[200px] items-center justify-center gap-2 rounded-md bg-primary-500 px-4 py-2 text-md font-semibold text-white hover:bg-secondary-500 disabled:cursor-not-allowed disabled:opacity-50"
@@ -269,6 +282,7 @@
 <script setup lang="ts">
 import type { Contract } from '~/services/dto/contract'
 import type { ContractHistoryItem } from '~/services/dto/employee'
+import WorkDaysHoursInput from '~/components/employees/WorkDaysHoursInput.vue'

 type SuspensionForm = {
  id: number | null
@@ -286,6 +300,7 @@ type ContractForm = {
  endDate: string
  paidLeaveSettled: boolean
  comment: string
+  workDaysHours: Record<number, number> | null
 }

 type CreateContractForm = {
@@ -294,6 +309,7 @@ type CreateContractForm = {
  startDate: string
  endDate: string
  isDriver: boolean
+  workDaysHours: Record<number, number> | null
 }

 const props = defineProps<{
@@ -322,6 +338,8 @@ const props = defineProps<{
  requiresCreateContractEndDate: boolean
  createContractEndDateFieldClass: string
  isCreateContractFormValid: boolean
+  requiresCreateWorkDaysHours: boolean
+  selectedCreateContract: Contract | null
  onOpenCloseContractDrawer: () => void
  onOpenCreateContractDrawer: () => void
  onUpdateContractDrawerOpen: (open: boolean) => void
--- a/frontend/components/hours/HoursDayView.vue
+++ b/frontend/components/hours/HoursDayView.vue
@@ -85,7 +85,7 @@
                        </p>
                    </div>
                    <button
-                        v-if="!hasRowFormation(employee.id) && !isHoliday"
+                        v-if="!hasRowFormation(employee.id)"
                        type="button"
                        class="self-start text-left text-xs font-semibold underline"
                        :class="isRowLocked(employee.id) || !hasContractAtSelectedDate(employee.id) ? 'text-neutral-400 cursor-not-allowed' : 'text-primary-500 cursor-pointer'"
@@ -229,7 +229,7 @@ const props = defineProps<{
    onToggleSiteValidation: (employeeId: number, checked: boolean) => void
    onToggleValidationBulk: (checked: boolean) => Promise<void> | void
    onToggleSiteValidationBulk: (checked: boolean) => Promise<void> | void
-    getRowMetrics: (employeeId: number) => { dayMinutes: number; nightMinutes: number; totalMinutes: number }
+    getRowMetrics: (employeeId: number) => { dayMinutes: number; nightMinutes: number; totalMinutes: number; virtualHolidayMinutes: number }
    getRowAbsenceLabel: (employeeId: number) => string
    getRowAbsenceStyle: (employeeId: number) => { backgroundColor: string } | undefined
    hasRowFormation: (employeeId: number) => boolean
--- a/frontend/composables/useDriverHoursPage.ts
+++ b/frontend/composables/useDriverHoursPage.ts
@@ -368,12 +368,23 @@ export const useDriverHoursPage = () => {

  const getRowMetrics = (employeeId: number) => {
    const row = rows.value[employeeId] ?? emptyRow()
-    const credited = dayContextByEmployeeId.value.get(employeeId)?.creditedMinutes ?? 0
-    const dayMinutes = toMinutes(row.dayHours) + credited
+    const dayRow = dayContextByEmployeeId.value.get(employeeId)
+    const credited = dayRow?.creditedMinutes ?? 0
+    let dayMinutes = toMinutes(row.dayHours) + credited
    const nightMinutes = toMinutes(row.nightHours)
    const workshopMinutes = toMinutes(row.workshopHours)
-    const totalMinutes = dayMinutes + nightMinutes + workshopMinutes
-    return { dayMinutes, nightMinutes, workshopMinutes, totalMinutes }
+    let totalMinutes = dayMinutes + nightMinutes + workshopMinutes
+
+    // Virtual holiday credit: backend already applies the contract-period
+    // schedule and absence-override rule; consume the value as-is.
+    const virtualHolidayMinutes = dayRow?.virtualHolidayMinutes ?? 0
+    if (virtualHolidayMinutes > totalMinutes) {
+      const delta = virtualHolidayMinutes - totalMinutes
+      dayMinutes += delta
+      totalMinutes = virtualHolidayMinutes
+    }
+
+    return { dayMinutes, nightMinutes, workshopMinutes, totalMinutes, virtualHolidayMinutes }
  }

  const getRowAbsenceLabel = (employeeId: number) => {
@@ -466,7 +477,6 @@ export const useDriverHoursPage = () => {

  const openAbsenceDrawer = (employeeId: number) => {
    if (!hasContractAtSelectedDate(employeeId)) return
-    if (isSelectedDateHoliday.value) return

    const existing = absences.value.find((absence) => {
      if (absence.employee?.id !== employeeId) return false
--- a/frontend/composables/useEmployeeContract.ts
+++ b/frontend/composables/useEmployeeContract.ts
@@ -5,7 +5,7 @@ import { listContracts } from '~/services/contracts'
 import { updateEmployee } from '~/services/employees'
 import { createSuspension, updateSuspension } from '~/services/contractSuspensions'
 import { formatNullableYmdToFr, getTodayYmd, shiftYmd } from '~/utils/date'
-import { contractNatureLabel, isContractNature, requiresContractEndDate, showsContractEndDate } from '~/utils/contract'
+import { contractNatureLabel, formatWorkDaysHoursSummary, isContractNature, requiresContractEndDate, requiresWorkDaysHours, showsContractEndDate } from '~/utils/contract'

 type SuspensionForm = {
  id: number | null
@@ -32,7 +32,8 @@ export const useEmployeeContract = (employee: Ref<Employee | null>, reloadEmploy
    startDate: '',
    endDate: '',
    paidLeaveSettled: false,
-    comment: ''
+    comment: '',
+    workDaysHours: null as Record<number, number> | null
  })

  const validationTouched = reactive({
@@ -44,7 +45,8 @@ export const useEmployeeContract = (employee: Ref<Employee | null>, reloadEmploy
    contractNature: 'CDI' as 'CDI' | 'CDD' | 'INTERIM',
    startDate: '',
    endDate: '',
-    isDriver: false
+    isDriver: false,
+    workDaysHours: null as Record<number, number> | null
  })

  const createValidationTouched = reactive({
@@ -59,10 +61,11 @@ export const useEmployeeContract = (employee: Ref<Employee | null>, reloadEmploy
  const formatDate = (value?: string | null) => formatNullableYmdToFr(value)

  const contractHistoryLabel = (item: ContractHistoryItem) => {
-    if (item.weeklyHours !== null && item.weeklyHours !== undefined) {
-      return `${item.weeklyHours} heures`
-    }
-    return item.contractName ?? '-'
+    const base = item.weeklyHours !== null && item.weeklyHours !== undefined
+      ? `${item.weeklyHours} heures`
+      : (item.contractName ?? '-')
+    const scheduleSummary = formatWorkDaysHoursSummary(item.workDaysHours)
+    return scheduleSummary ? `${base} (${scheduleSummary})` : base
  }

  const currentActiveContractPeriod = computed(() => {
@@ -111,11 +114,27 @@ export const useEmployeeContract = (employee: Ref<Employee | null>, reloadEmploy
  const isCreateContractNatureValid = computed(() => isContractNature(createContractForm.contractNature))
  const isCreateContractStartDateValid = computed(() => createContractForm.startDate !== '')
  const isCreateContractEndDateValid = computed(() => !requiresCreateContractEndDate.value || createContractForm.endDate !== '')
+  const selectedCreateContract = computed<Contract | null>(() =>
+    contracts.value.find((c) => c.id === Number(createContractForm.contractId)) ?? null
+  )
+  const requiresCreateWorkDaysHours = computed(() =>
+    requiresWorkDaysHours(selectedCreateContract.value, createContractForm.contractNature)
+  )
+  const createScheduleTotalMinutes = computed(() => {
+    const raw = createContractForm.workDaysHours ?? {}
+    return Object.values(raw).reduce((s, n) => s + (Number(n) || 0), 0)
+  })
+  const isCreateScheduleValid = computed(() => {
+    if (!requiresCreateWorkDaysHours.value) return true
+    const expected = (selectedCreateContract.value?.weeklyHours ?? 0) * 60
+    return expected > 0 && createScheduleTotalMinutes.value === expected
+  })
  const isCreateContractFormValid = computed(() =>
    isCreateContractValid.value &&
    isCreateContractNatureValid.value &&
    isCreateContractStartDateValid.value &&
-    isCreateContractEndDateValid.value
+    isCreateContractEndDateValid.value &&
+    isCreateScheduleValid.value
  )

  const baseInputClass =
@@ -159,6 +178,7 @@ export const useEmployeeContract = (employee: Ref<Employee | null>, reloadEmploy
    contractForm.endDate = period.endDate ?? getTodayYmd()
    contractForm.paidLeaveSettled = false
    contractForm.comment = ''
+    contractForm.workDaysHours = period.workDaysHours ?? null
  }

  const openCloseContractDrawer = () => {
@@ -186,6 +206,7 @@ export const useEmployeeContract = (employee: Ref<Employee | null>, reloadEmploy
    createContractForm.contractNature = 'CDI'
    createContractForm.endDate = ''
    createContractForm.isDriver = false
+    createContractForm.workDaysHours = null
    createContractForm.startDate = editableContractPeriod.value?.endDate
      ? (shiftYmd(editableContractPeriod.value.endDate, 1) ?? editableContractPeriod.value.endDate)
      : getTodayYmd()
@@ -261,7 +282,8 @@ export const useEmployeeContract = (employee: Ref<Employee | null>, reloadEmploy
        contractNature: createContractForm.contractNature,
        contractStartDate: createContractForm.startDate,
        contractEndDate: createContractForm.endDate || null,
-        isDriverInput: createContractForm.isDriver
+        isDriverInput: createContractForm.isDriver,
+        workDaysHoursInput: requiresCreateWorkDaysHours.value ? createContractForm.workDaysHours : null
      })
      isCreateContractDrawerOpen.value = false
      await reloadEmployee()
@@ -319,6 +341,12 @@ export const useEmployeeContract = (employee: Ref<Employee | null>, reloadEmploy
    }
  })

+  watch(requiresCreateWorkDaysHours, (required) => {
+    if (!required) {
+      createContractForm.workDaysHours = null
+    }
+  })
+
  return {
    contracts,
    contractHistory,
@@ -342,6 +370,8 @@ export const useEmployeeContract = (employee: Ref<Employee | null>, reloadEmploy
    requiresCreateContractEndDate,
    createContractEndDateFieldClass,
    isCreateContractFormValid,
+    requiresCreateWorkDaysHours,
+    selectedCreateContract,
    contractNatureLabel,
    contractHistoryLabel,
    formatDate,
--- a/frontend/composables/useHoursPage.ts
+++ b/frontend/composables/useHoursPage.ts
@@ -447,10 +447,21 @@ export const useHoursPage = () => {
      nightMinutes += nightIntervalMinutes(from, to)
    }

-    const creditedMinutes = dayContextByEmployeeId.value.get(employeeId)?.creditedMinutes ?? 0
+    const dayRow = dayContextByEmployeeId.value.get(employeeId)
+    const creditedMinutes = dayRow?.creditedMinutes ?? 0
    totalMinutes += creditedMinutes
-    const dayMinutes = Math.max(0, totalMinutes - nightMinutes)
-    return { dayMinutes, nightMinutes, totalMinutes }
+    let dayMinutes = Math.max(0, totalMinutes - nightMinutes)
+
+    // Virtual holiday credit: the backend already applies the contract-period
+    // schedule (workDaysHours) and the absence-override rule, so just use the
+    // computed value instead of recomputing on the client.
+    const virtualHolidayMinutes = dayRow?.virtualHolidayMinutes ?? 0
+    if (virtualHolidayMinutes > totalMinutes) {
+      dayMinutes += virtualHolidayMinutes - totalMinutes
+      totalMinutes = virtualHolidayMinutes
+    }
+
+    return { dayMinutes, nightMinutes, totalMinutes, virtualHolidayMinutes }
  }

  const getRowAbsenceLabel = (employeeId: number) => {
@@ -583,7 +594,6 @@ export const useHoursPage = () => {

  const openAbsenceDrawer = (employeeId: number) => {
    if (!hasContractAtSelectedDate(employeeId)) return
-    if (isSelectedDateHoliday.value) return

    const existing = absences.value.find((absence) => {
      if (absence.employee?.id !== employeeId) return false
--- a/frontend/data/documentation-content.ts
+++ b/frontend/data/documentation-content.ts
@@ -56,7 +56,9 @@ export const documentationSections: DocSection[] = [
          { type: 'list', content: 'Matin : heure de début et heure de fin\nAprès-midi : heure de début et heure de fin\nSoir : heure de début et heure de fin' },
          { type: 'paragraph', content: 'Le sélecteur de temps fonctionne par tranches de 15 minutes (00, 15, 30, 45). La saisie libre est possible mais sera corrigée automatiquement.' },
          { type: 'note', content: 'Les calculs sont mis à jour automatiquement : heures de jour (06:00–21:00), heures de nuit (00:00–06:00 et 21:00–24:00) et total.' },
-          { type: 'note', content: 'Jours fériés : le nom du férié apparaît en badge bleu dans la colonne Absence. La saisie d\'heures (ou de jours de présence) reste autorisée — elle est même nécessaire pour ne pas être en déficit sur la semaine concernée. La création d\'une absence sur un férié reste bloquée.' },
+          { type: 'note', content: 'Jours fériés : le nom du férié apparaît en badge bleu dans la colonne Absence. La saisie d\'heures (ou de jours de présence) et la création d\'absences sont autorisées.' },
+          { type: 'note', content: 'Crédit automatique sur jour férié Lun-Ven : pour tout contrat hors Forfait et s\'il n\'y a pas d\'absence déclarée, un jour férié compte au minimum les heures contractuelles attendues (35h → 7h, 39h → 8h Lun-Jeu / 7h Ven). Si vous saisissez des heures supérieures à cette référence, ce sont vos heures qui sont comptées ; sinon c\'est la référence. Les conducteurs reçoivent ce crédit dans leur bucket "Heures jour". **Si une absence est posée sur le férié**, c\'est le paramétrage du type d\'absence (compte les heures oui/non) qui pilote les heures comptées, le crédit virtuel férié ne s\'applique plus.' },
+          { type: 'note', content: 'Contrats non-standards (4h, 25h, 28h, etc.) : un planning par jour travaillé doit être saisi à la création/modification du contrat (bloc « Jours travaillés » avec case à cocher + horaire par jour). Le crédit férié et le crédit d\'absence ne s\'appliquent que sur les jours programmés, avec les heures programmées. Ex. un 4h Lundi 2h + Jeudi 2h : férié le lundi → +2h, férié le mardi → 0h.' },
        ],
      },
      {
--- a/frontend/pages/employees/[id].vue
+++ b/frontend/pages/employees/[id].vue
@@ -135,6 +135,8 @@
                    :requires-create-contract-end-date="requiresCreateContractEndDate"
                    :create-contract-end-date-field-class="createContractEndDateFieldClass"
                    :is-create-contract-form-valid="isCreateContractFormValid"
+                    :requires-create-work-days-hours="requiresCreateWorkDaysHours"
+                    :selected-create-contract="selectedCreateContract"
                    :on-open-close-contract-drawer="openCloseContractDrawer"
                    :on-open-create-contract-drawer="openCreateContractDrawer"
                    :on-update-contract-drawer-open="setContractDrawerOpen"
@@ -274,6 +276,8 @@ const {
    requiresCreateContractEndDate,
    createContractEndDateFieldClass,
    isCreateContractFormValid,
+    requiresCreateWorkDaysHours,
+    selectedCreateContract,
    contractNatureLabel,
    contractHistoryLabel,
    formatDate,
--- a/frontend/pages/employees/index.vue
+++ b/frontend/pages/employees/index.vue
@@ -205,6 +205,11 @@
                            Chauffeur
                        </label>
                    </div>
+                    <WorkDaysHoursInput
+                        v-if="requiresSchedule"
+                        v-model="form.workDaysHours"
+                        :contract-weekly-hours="selectedContract?.weeklyHours ?? null"
+                    />
                </template>
                <div class="flex justify-end gap-3 pt-2">
                    <button
@@ -234,6 +239,8 @@

 <script setup lang="ts">
 import type {Contract} from '~/services/dto/contract'
+import WorkDaysHoursInput from '~/components/employees/WorkDaysHoursInput.vue'
+import { requiresWorkDaysHours } from '~/utils/contract'
 import type {Employee} from '~/services/dto/employee'
 import type {Site} from '~/services/dto/site'
 import {listContracts} from '~/services/contracts'
@@ -292,7 +299,8 @@ const form = reactive({
    contractNature: 'CDI' as 'CDI' | 'CDD' | 'INTERIM',
    contractStartDate: '',
    contractEndDate: '',
-    isDriver: false
+    isDriver: false,
+    workDaysHours: null as Record<number, number> | null
 })

 const validationTouched = reactive({
@@ -310,6 +318,21 @@ const isLastNameValid = computed(() => form.lastName.trim() !== '')
 const isSiteValid = computed(() => form.siteId !== '')
 const isContractValid = computed(() => form.contractId !== '')
 const isContractNatureValid = computed(() => isContractNature(form.contractNature))
+const selectedContract = computed<Contract | null>(() =>
+    contracts.value.find((c) => c.id === Number(form.contractId)) ?? null
+)
+const requiresSchedule = computed(() =>
+    !editingEmployee.value && requiresWorkDaysHours(selectedContract.value, form.contractNature)
+)
+const scheduleTotalMinutes = computed(() => {
+    const raw = form.workDaysHours ?? {}
+    return Object.values(raw).reduce((s, n) => s + (Number(n) || 0), 0)
+})
+const isScheduleValid = computed(() => {
+    if (!requiresSchedule.value) return true
+    const expected = (selectedContract.value?.weeklyHours ?? 0) * 60
+    return expected > 0 && scheduleTotalMinutes.value === expected
+})
 const isContractStartDateValid = computed(() => form.contractStartDate !== '')
 const showsContractEndDateComputed = computed(() => showsContractEndDate(form.contractNature))
 const requiresContractEndDateComputed = computed(() => requiresContractEndDate(form.contractNature))
@@ -327,7 +350,8 @@ const isFormValid = computed(
            : (isContractValid.value &&
                isContractNatureValid.value &&
                isContractStartDateValid.value &&
-                isContractEndDateValid.value))
+                isContractEndDateValid.value &&
+                isScheduleValid.value))
 )

 const showFirstNameError = computed(
@@ -478,7 +502,8 @@ const handleSubmit = async () => {
                contractNature: form.contractNature,
                contractStartDate: form.contractStartDate,
                contractEndDate: form.contractEndDate || null,
-                isDriverInput: form.isDriver
+                isDriverInput: form.isDriver,
+                workDaysHoursInput: requiresSchedule.value ? form.workDaysHours : null
            })
        }

@@ -490,6 +515,7 @@ const handleSubmit = async () => {
        form.contractStartDate = new Date().toISOString().slice(0, 10)
        form.contractEndDate = ''
        form.isDriver = false
+        form.workDaysHours = null
        editingEmployee.value = null
        isDrawerOpen.value = false
        await loadEmployees()
@@ -516,6 +542,12 @@ watch(showsContractEndDateComputed, (shows) => {
    }
 })

+watch(requiresSchedule, (required) => {
+    if (!required) {
+        form.workDaysHours = null
+    }
+})
+
 const openEdit = (employee: Employee) => {
    editingEmployee.value = employee
    form.firstName = employee.firstName
@@ -534,6 +566,7 @@ const openCreate = () => {
    form.contractStartDate = new Date().toISOString().slice(0, 10)
    form.contractEndDate = ''
    form.isDriver = false
+    form.workDaysHours = null
    isDrawerOpen.value = true
 }

--- a/frontend/services/dto/employee.ts
+++ b/frontend/services/dto/employee.ts
@@ -19,6 +19,7 @@ export type ContractHistoryItem = {
  periodId?: number | null
  suspensions?: ContractSuspension[]
  isDriver?: boolean
+  workDaysHours?: Record<number, number> | null
 }

 export type Employee = {
--- a/frontend/services/dto/work-hour.ts
+++ b/frontend/services/dto/work-hour.ts
@@ -59,6 +59,7 @@ export type WeeklyWorkHourDailySummary = {
  hasLunch?: boolean
  hasDinner?: boolean
  hasOvernight?: boolean
+  virtualHolidayMinutes?: number
 }

 export type WeeklyWorkHourRowSummary = {
@@ -108,6 +109,7 @@ export type WorkHourDayContextRow = {
  isDriverContract?: boolean
  hasFormation?: boolean
  formationLabel?: string | null
+  virtualHolidayMinutes?: number
 }

 export type WorkHourDayContext = {
--- a/frontend/services/employees.ts
+++ b/frontend/services/employees.ts
@@ -35,6 +35,7 @@ export const createEmployee = async (payload: {
  contractStartDate?: string
  contractEndDate?: string | null
  isDriverInput?: boolean
+  workDaysHoursInput?: Record<number, number> | null
 }) => {
  const api = useApi()
  return api.post<Employee>('/employees', {
@@ -45,7 +46,8 @@ export const createEmployee = async (payload: {
    contractNature: payload.contractNature,
    contractStartDate: payload.contractStartDate,
    contractEndDate: payload.contractEndDate ?? null,
-    isDriverInput: payload.isDriverInput ?? false
+    isDriverInput: payload.isDriverInput ?? false,
+    workDaysHoursInput: payload.workDaysHoursInput ?? null
  }, {
    toastSuccessKey: 'success.employee.create',
    toastErrorKey: 'errors.employee.create'
@@ -66,6 +68,7 @@ export const updateEmployee = async (
    contractComment?: string | null
    displayOrder?: number
    isDriverInput?: boolean
+    workDaysHoursInput?: Record<number, number> | null
  }
 ) => {
  const api = useApi()
@@ -97,6 +100,9 @@ export const updateEmployee = async (
  if (payload.isDriverInput !== undefined) {
    body.isDriverInput = payload.isDriverInput
  }
+  if (payload.workDaysHoursInput !== undefined) {
+    body.workDaysHoursInput = payload.workDaysHoursInput
+  }

  return api.patch<Employee>(`/employees/${id}`, body, {
    toastSuccessKey: 'success.employee.update',
--- a/frontend/utils/contract.ts
+++ b/frontend/utils/contract.ts
@@ -19,3 +19,43 @@ export const requiresContractEndDate = (nature: ContractNature) => {
 export const isContractNature = (value: string): value is ContractNature => {
  return (CONTRACT_NATURES as readonly string[]).includes(value)
 }
+
+/**
+ * Whether a contract + nature pair requires the per-day schedule (workDaysHours).
+ * Mirrors EmployeeContractPeriodValidator::assertWorkDaysHours on the backend.
+ */
+export const requiresWorkDaysHours = (
+  contract: { trackingMode?: string | null; weeklyHours?: number | null } | null | undefined,
+  nature: ContractNature
+): boolean => {
+  if (!contract) return false
+  if (nature === 'INTERIM') return false
+  if (contract.trackingMode === 'PRESENCE') return false
+  if (contract.weeklyHours === 35 || contract.weeklyHours === 39) return false
+  return true
+}
+
+const DAY_SHORT_LABELS: Record<number, string> = { 1: 'Lun', 2: 'Mar', 3: 'Mer', 4: 'Jeu', 5: 'Ven' }
+
+/**
+ * Compact human-readable summary of a per-day schedule, e.g. "Lun 2h, Jeu 2h".
+ * Returns null when the schedule is empty/unset.
+ */
+export const formatWorkDaysHoursSummary = (
+  workDaysHours: Record<number, number> | null | undefined
+): string | null => {
+  if (!workDaysHours) return null
+  const entries = Object.entries(workDaysHours)
+    .map(([iso, minutes]) => [Number(iso), Number(minutes)] as const)
+    .filter(([iso, minutes]) => iso >= 1 && iso <= 5 && minutes > 0)
+    .sort(([a], [b]) => a - b)
+  if (entries.length === 0) return null
+  return entries
+    .map(([iso, minutes]) => {
+      const h = Math.floor(minutes / 60)
+      const m = minutes % 60
+      const suffix = m === 0 ? `${h}h` : `${h}h${String(m).padStart(2, '0')}`
+      return `${DAY_SHORT_LABELS[iso]} ${suffix}`
+    })
+    .join(', ')
+}