From 0449df38f5427a356bca173ebf1065d0b99f76ad Mon Sep 17 00:00:00 2001
From: esteban <estppwork123@gmail.com>
Date: Sat, 1 Aug 2026 11:07:42 -0500
Subject: [PATCH] add tooltip for age and profesion, and message for show the
 conditions of minor age

---
 src/components/forms/DynamicForm.vue | 14 +++++++++++++-
 src/i18n/en.json                     |  5 ++++-
 src/i18n/es.json                     |  5 ++++-
 src/i18n/pt.json                     |  5 ++++-
 4 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/src/components/forms/DynamicForm.vue b/src/components/forms/DynamicForm.vue
index d2a18d5..db66632 100644
--- a/src/components/forms/DynamicForm.vue
+++ b/src/components/forms/DynamicForm.vue
@@ -49,6 +49,13 @@ const fieldHelp = (key) => {
   return v !== k ? v : "";
 };
 
+const isMinorBetween12and18 = (key) => {
+  const y = dateParts[key]?.year;
+  if (!y) return false;
+  const age = new Date().getFullYear() - y;
+  return age >= 12 && age < 18;
+};
+
 const stepErrors = reactive({});
 const formatErrors = reactive({});
 const phoneParts = reactive({});
@@ -62,7 +69,7 @@ const months = [
 
 const years = (() => {
   const y = new Date().getFullYear();
-  return Array.from({ length: 101 }, (_, i) => y - i);
+  return Array.from({ length: 101 }, (_, i) => y - 12 - i);
 })();
 
 const remainingRequired = computed(() => {
@@ -713,6 +720,11 @@ const getFieldInputType = (field) => {
                 </select>
               </div>
 
+              <div v-if="field.type === 'date' && isMinorBetween12and18(field.key)" class="bg-amber-50 border-l-4 border-amber-400 text-amber-800 p-3 mt-1 text-sm flex items-start gap-2">
+                <Icon icon="ph:info" class="text-lg mt-0.5 shrink-0" />
+                <span class="font-secondary">{{ tl("form.fecha_nacimiento_menor_aviso") }}</span>
+              </div>
+
               <div v-else-if="field.type === 'select'" class="relative">
                 <label
                   class="input w-full bg-white rounded-xl focus-within:outline-2 focus-within:outline-[#22523F]"
diff --git a/src/i18n/en.json b/src/i18n/en.json
index ca8a53c..6862609 100644
--- a/src/i18n/en.json
+++ b/src/i18n/en.json
@@ -345,5 +345,8 @@
   "form.documentos_help": "Enter the number of an official identity document issued by your country (e.g.: identity card, ID, national ID card, or passport, as applicable).",
   "form.lugar_trabajo_actual_help": "Indicate the city, province, and country where your current workplace is located.",
   "form.nacionalidad_help": "Indicate your country of birth.",
-  "form.nivel_academico_help": "Indicate your highest level of education (e.g.: high school, university, postgraduate)."
+  "form.nivel_academico_help": "Indicate your highest level of education (e.g.: high school, university, postgraduate).",
+  "form.fecha_nacimiento_help": "If you are under 18, you can indicate that your occupation is “Student”. Registration can also be completed from age 12 onward, accompanied by a parent or legal guardian.",
+  "form.fecha_nacimiento_menor_aviso": "Registration can also be completed from age 12 onward, accompanied by a parent or legal guardian; and if you are a student, you can indicate it in the “Profession or occupation” field.",
+  "form.profesion_help": "If you are under 18, you can indicate “Student” as your occupation."
 }
\ No newline at end of file
diff --git a/src/i18n/es.json b/src/i18n/es.json
index 2d93126..0b8fe9c 100644
--- a/src/i18n/es.json
+++ b/src/i18n/es.json
@@ -347,5 +347,8 @@
   "form.documentos_help": "Ingrese el número de un documento oficial de identidad emitido por su país (por ejemplo: cédula de identidad, DNI, tarjeta de identidad o pasaporte, según corresponda).",
   "form.lugar_trabajo_actual_help": "Indique la ciudad, provincia y país donde se encuentra su lugar de trabajo actual.",
   "form.nacionalidad_help": "Indique su país de nacimiento.",
-  "form.nivel_academico_help": "Indique su nivel académico alcanzado (ej.: secundario, universitario, posgrado)."
+  "form.nivel_academico_help": "Indique su nivel académico alcanzado (ej.: secundario, universitario, posgrado).",
+  "form.fecha_nacimiento_help": "La inscripción también podrá ser realizada desde los 12 años en adelante, acompañado por sus padres o representante legal; y si son estudiantes, podrán indicarlo en el campo en \"profesión u ocupación\".",
+  "form.fecha_nacimiento_menor_aviso": "La inscripción también podrá ser realizada desde los 12 años en adelante, acompañado por sus padres o representante legal; y si son estudiantes, podrán indicarlo en el campo en \"profesión u ocupación\".",
+  "form.profesion_help": "Si es menor de 18 años, puede indicar «Estudiante» como su ocupación."
 }
diff --git a/src/i18n/pt.json b/src/i18n/pt.json
index b7b8f11..bd7b207 100644
--- a/src/i18n/pt.json
+++ b/src/i18n/pt.json
@@ -345,5 +345,8 @@
   "form.documentos_help": "Insira o número de um documento oficial de identidade emitido pelo seu país (por exemplo: cédula de identidade, RG, cartão de identidade ou passaporte, conforme o caso).",
   "form.lugar_trabajo_actual_help": "Indique a cidade, província e país onde se encontra seu local de trabalho atual.",
   "form.nacionalidad_help": "Indique seu país de nascimento.",
-  "form.nivel_academico_help": "Indique seu nível acadêmico alcançado (ex.: ensino médio, universitário, pós-graduação)."
+  "form.nivel_academico_help": "Indique seu nível acadêmico alcançado (ex.: ensino médio, universitário, pós-graduação).",
+  "form.fecha_nacimiento_help": "Se for menor de 18 anos, pode indicar que sua ocupação é «Estudante». A inscrição também pode ser feita a partir dos 12 anos, acompanhado pelos pais ou responsável legal.",
+  "form.fecha_nacimiento_menor_aviso": "A inscrição também pode ser feita a partir dos 12 anos, acompanhado pelos pais ou responsável legal; e se forem estudantes, podem indicá-lo no campo «Profissão ou ocupação».",
+  "form.profesion_help": "Se for menor de 18 anos, pode indicar «Estudante» como sua ocupação."
 }
\ No newline at end of file
-- 
2.39.5