From bff2c3974e86c09ed9454ed0726a1219a0147e36 Mon Sep 17 00:00:00 2001
From: gabogg <git@gaboggamer.online>
Date: Sun, 14 Jun 2026 02:18:45 +0000
Subject: [PATCH] feat: expose End Validity in plan creation modal and handle
 optional input

---
 src/app/plans/page.tsx            | 14 ++++++++++++++
 src/lib/i18n/dictionaries/en.json |  3 ++-
 src/lib/i18n/dictionaries/es.json |  3 ++-
 3 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/app/plans/page.tsx b/src/app/plans/page.tsx
index 6409f0f..4ede086 100644
--- a/src/app/plans/page.tsx
+++ b/src/app/plans/page.tsx
@@ -36,6 +36,7 @@ export default function PlansPage() {
   const [name, setName] = useState('');
   const [code, setCode] = useState('');
   const [validityStart, setValidityStart] = useState('');
+  const [validityEnd, setValidityEnd] = useState('');
   const [type, setType] = useState('PERCENTAGE');
   const [metaAmount, setMetaAmount] = useState('');
   const [percentageRate, setPercentageRate] = useState('');
@@ -86,6 +87,7 @@ export default function PlansPage() {
           name,
           code,
           validityStart,
+          validityEnd: validityEnd || undefined,
           type,
           metaAmount: metaAmount ? parseFloat(metaAmount) : undefined,
           percentageRate: percentageRate ? parseFloat(percentageRate) : undefined,
@@ -105,6 +107,7 @@ export default function PlansPage() {
       setName('');
       setCode('');
       setValidityStart('');
+      setValidityEnd('');
       setType('PERCENTAGE');
       setMetaAmount('');
       setPercentageRate('');
@@ -263,6 +266,17 @@ export default function PlansPage() {
                 />
               </div>
 
+              <div className={styles.formGroup}>
+                <label className={styles.label} htmlFor="plan-validity-end">{t('plans.modalValidityEnd')}</label>
+                <input
+                  id="plan-validity-end"
+                  type="date"
+                  className={styles.input}
+                  value={validityEnd}
+                  onChange={(e) => setValidityEnd(e.target.value)}
+                />
+              </div>
+
               <div className={styles.formGroup}>
                 <label className={styles.label} htmlFor="plan-type">{t('plans.modalType')}</label>
                 <select
diff --git a/src/lib/i18n/dictionaries/en.json b/src/lib/i18n/dictionaries/en.json
index d375d0b..884750b 100644
--- a/src/lib/i18n/dictionaries/en.json
+++ b/src/lib/i18n/dictionaries/en.json
@@ -148,7 +148,8 @@
       "FIXED": "Fixed Commission"
     },
     "errorFind": "Could not find the plan.",
-    "errorLoad": "Error loading plan information."
+    "errorLoad": "Error loading plan information.",
+    "modalValidityEnd": "End Validity (Optional)"
   },
   "rules": {
     "back": "Back to Plans",
diff --git a/src/lib/i18n/dictionaries/es.json b/src/lib/i18n/dictionaries/es.json
index 54fc152..12bb444 100644
--- a/src/lib/i18n/dictionaries/es.json
+++ b/src/lib/i18n/dictionaries/es.json
@@ -148,7 +148,8 @@
       "FIXED": "Comisión Fija"
     },
     "errorFind": "No se pudo encontrar el plan.",
-    "errorLoad": "Error al cargar la información del plan."
+    "errorLoad": "Error al cargar la información del plan.",
+    "modalValidityEnd": "Fin de Vigencia (Opcional)"
   },
   "rules": {
     "back": "Volver a Planes",