From 42168efe659751106ed5ecf918acc8e438068af1 Mon Sep 17 00:00:00 2001
From: IO420 <320154041@pcpuma.acatlan.unam.mx>
Date: Fri, 23 Jan 2026 14:57:17 -0600
Subject: [PATCH] added autocomplete

---
 app/(private)/Alta/page.tsx          | 10 ++++++++--
 app/Components/Alta/registerAlta.tsx | 30 ++++++++++++++++++----------
 app/Components/Receipt/Receipt.tsx   |  3 ++-
 3 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/app/(private)/Alta/page.tsx b/app/(private)/Alta/page.tsx
index a90117a..0ad2646 100644
--- a/app/(private)/Alta/page.tsx
+++ b/app/(private)/Alta/page.tsx
@@ -2,13 +2,19 @@ import RegisterAlta from "@/app/Components/Alta/registerAlta";
 
 import "./style.css";
 
-export default async function Page(props: { searchParams?: Promise<{}> }) {
+export default async function Page(props: {
+  searchParams?: Promise<{
+    numAcount: string;
+  }>;
+}) {
   const params = await props.searchParams;
+  const numAcount = params?.numAcount ? params.numAcount : null;
+
   return (
     <section className="containerSection">
       <h1 className="title">ALTA USUARIO</h1>
 
-      <RegisterAlta />
+      <RegisterAlta numCount={numAcount}/>
     </section>
   );
 }
diff --git a/app/Components/Alta/registerAlta.tsx b/app/Components/Alta/registerAlta.tsx
index b1796ca..b15cd5d 100644
--- a/app/Components/Alta/registerAlta.tsx
+++ b/app/Components/Alta/registerAlta.tsx
@@ -4,23 +4,29 @@ import apiClient from "@/app/lib/apiClient";
 
 import "./registerAlta.css";
 import toast from "react-hot-toast";
+import { useRouter } from "next/navigation";
 
 type Carrera = {
   id_carrera: number;
   carrera: string;
 };
 
-export default function RegisterAlta() {
+interface urlProp {
+  numCount: string | null;
+}
+
+export default function RegisterAlta(props: urlProp) {
+  const router = useRouter();
   const [listMajor, setListMajor] = useState<Carrera[]>([]);
   const [saved, setSaved] = useState(false);
 
   const [form, setForm] = useState({
-    cuenta: "",
+    cuenta: String(props.numCount),
     nombre: "",
     apellidoP: "",
     apellidoM: "",
     fecha: "",
-    email: "",
+    email: `${props.numCount}@pcpuma.acatlan.unam.mx`,
     genero: "",
     carrera: "",
   });
@@ -52,7 +58,6 @@ export default function RegisterAlta() {
     (value) => value.trim() !== "",
   );
 
-
   const handleSave = async (e: React.MouseEvent) => {
     e.preventDefault();
 
@@ -68,7 +73,7 @@ export default function RegisterAlta() {
 
   const handleInscripcion = (e: React.MouseEvent) => {
     e.preventDefault();
-    toast.success("Continuar con inscripción");
+    router.push("/Inscripcion");
   };
 
   return (
@@ -81,6 +86,7 @@ export default function RegisterAlta() {
           value={form.cuenta}
           onChange={handleChange}
           placeholder="Coloca un número de cuenta..."
+          required
         />
       </div>
 
@@ -92,6 +98,7 @@ export default function RegisterAlta() {
           value={form.nombre}
           onChange={handleChange}
           placeholder="Coloca el nombre"
+          required
         />
       </div>
 
@@ -103,6 +110,7 @@ export default function RegisterAlta() {
           value={form.apellidoP}
           onChange={handleChange}
           placeholder="Coloca el apellido paterno"
+          required
         />
       </div>
 
@@ -114,6 +122,7 @@ export default function RegisterAlta() {
           value={form.apellidoM}
           onChange={handleChange}
           placeholder="Coloca el apellido materno"
+          required
         />
       </div>
 
@@ -124,6 +133,7 @@ export default function RegisterAlta() {
           name="fecha"
           value={form.fecha}
           onChange={handleChange}
+          required
         />
       </div>
 
@@ -140,17 +150,17 @@ export default function RegisterAlta() {
 
       <div className="containerForm">
         <label className="label">Género</label>
-        <select name="genero" value={form.genero} onChange={handleChange}>
+        <select name="genero" value={form.genero} onChange={handleChange} required>
           <option value="">Selecciona género</option>
-          <option value="MUJER">Mujer</option>
-          <option value="HOMBRE">Hombre</option>
-          <option value="OTRO">Otro</option>
+          <option value="Femenino">Femenino</option>
+          <option value="Masculino">Masculino</option>
+          <option value="otro">Otro</option>
         </select>
       </div>
 
       <div className="containerForm">
         <label className="label">Carrera</label>
-        <select name="carrera" value={form.carrera} onChange={handleChange}>
+        <select name="carrera" value={form.carrera} onChange={handleChange} required>
           <option value="">Selecciona la carrera</option>
           {listMajor.map((c) => (
             <option key={c.id_carrera} value={c.id_carrera}>
diff --git a/app/Components/Receipt/Receipt.tsx b/app/Components/Receipt/Receipt.tsx
index c156f61..a270a4c 100644
--- a/app/Components/Receipt/Receipt.tsx
+++ b/app/Components/Receipt/Receipt.tsx
@@ -16,7 +16,8 @@ function Receipt({ numAcount }: ReceiptsProps) {
 
   const [folio, setFolio] = useState("");
   const [amount, setAmount] = useState("");
-  const [date, setDate] = useState("");
+  const todayISO = new Date().toISOString().split("T")[0];
+  const [date, setDate] = useState(todayISO);
 
   //restrict this month//
   const day = new Date();