From a5c75a9129fbfb2aaafc5668e12797e87e27987e Mon Sep 17 00:00:00 2001
From: tristan <tristan@yuno.malio.fr>
Date: Tue, 19 May 2026 12:17:44 +0200
Subject: [PATCH] feat(rtt) : enable pay button on closed phase last exercise

---
 frontend/components/employees/RttTab.vue | 18 +++++++++++++++++-
 frontend/pages/employees/[id].vue        |  1 +
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/frontend/components/employees/RttTab.vue b/frontend/components/employees/RttTab.vue
index 04fe9ee..4b28686 100644
--- a/frontend/components/employees/RttTab.vue
+++ b/frontend/components/employees/RttTab.vue
@@ -28,7 +28,7 @@
         <div class="flex justify-center">
             <button
                 class="rounded-md bg-primary-500 px-8 py-2 font-bold text-white hover:bg-primary-600 disabled:opacity-40 disabled:cursor-not-allowed"
-                :disabled="isHistoricalYear"
+                :disabled="isPayDisabled"
                 @click="openPaymentDrawer"
             >
                 + Payer les RTT
@@ -276,6 +276,7 @@
 
 <script setup lang="ts">
 import type { EmployeeRttSummary, EmployeeRttWeekSummary } from '~/services/dto/employee-rtt-summary'
+import type { ContractPhase } from '~/services/dto/contract-phase'
 import AppDrawer from '~/components/AppDrawer.vue'
 
 type RttYearOption = {
@@ -288,6 +289,7 @@ const props = defineProps<{
   selectedYear: number | null
   availableYears: RttYearOption[]
   currentYear: number | null
+  selectedPhase: ContractPhase | null
 }>()
 
 const emit = defineEmits<{
@@ -301,6 +303,20 @@ const isHistoricalYear = computed(() =>
   && props.selectedYear !== props.currentYear
 )
 
+const isLastExerciseOfPhase = computed(() => {
+  if (!props.selectedPhase || props.selectedPhase.isCurrent) return false
+  if (!props.selectedPhase.endDate) return false
+  const endDate = new Date(`${props.selectedPhase.endDate}T00:00:00`)
+  const endYear = endDate.getMonth() >= 5
+    ? endDate.getFullYear() + 1
+    : endDate.getFullYear()
+  return props.selectedYear === endYear
+})
+
+const isPayDisabled = computed(() =>
+  isHistoricalYear.value && !isLastExerciseOfPhase.value
+)
+
 const handleYearChange = (event: Event) => {
   const target = event.target as HTMLSelectElement
   const value = Number(target.value)
diff --git a/frontend/pages/employees/[id].vue b/frontend/pages/employees/[id].vue
index ef4c472..43aef67 100644
--- a/frontend/pages/employees/[id].vue
+++ b/frontend/pages/employees/[id].vue
@@ -197,6 +197,7 @@
                         :selected-year="selectedRttYear"
                         :available-years="availableRttYears"
                         :current-year="currentRttYear"
+                        :selected-phase="selectedPhase"
                         @submit-rtt-payment="submitRttPayment"
                         @update-selected-year="setSelectedRttYear"
                     />