fixed informacionDeEquipo.equipos

app/Components/Receipt/Inscripcion.tsx

@@ -0,0 +1,154 @@
+"use client";
+
+import toast from "react-hot-toast";
+import { useState } from "react";
+import { PostReceipt } from "@/app/lib/postReceipt";
+import { useRouter } from "next/navigation";
+
+import "./Receipt.css";
+import Selection from "../Selection/Selection";
+
+interface ReceiptsProps {
+  numAcount: number | null;
+}
+
+export default function Inscripcion({ numAcount }: ReceiptsProps) {
+  const router = useRouter();
+
+  const [folio, setFolio] = useState("");
+  const [amount, setAmount] = useState("");
+  const [date, setDate] = useState("");
+
+  //restrict this month//
+  const day = new Date();
+  const year = day.getFullYear();
+  const month = day.getMonth();
+  const today = day.getDate();
+
+  const minFecha = new Date(year, month, 1).toISOString().split("T")[0];
+  const maxFecha = new Date(year, month, today).toISOString().split("T")[0];
+  //restrict this month//
+
+  const handleSaveReceipt = async () => {
+    if (!numAcount) {
+      toast.error("busca de nuevo al estudiante");
+      return;
+    }
+
+    if (!folio) {
+      toast.error("Ingresa el folio del ticket");
+      return;
+    }
+
+    if (!amount) {
+      toast.error("Coloca el monto a depositar");
+      return;
+    }
+
+    if (!date) {
+      toast.error("Coloca la fecha");
+      return;
+    }
+
+    try {
+      await PostReceipt({
+        id_cuenta: numAcount,
+        folio_recibo: folio,
+        monto: Number(amount),
+        fecha_recibo: date,
+      });
+
+      setFolio("");
+      setAmount("");
+      setDate("");
+
+      toast.success("Recibo guardado");
+      router.refresh();
+    } catch (err: any) {
+      toast.error(String(err));
+    }
+  };
+
+  return (
+    <section>
+      <Selection />
+
+      <select
+        style={{
+          marginBottom: "1rem",
+          maxWidth: "100px",
+          minWidth: "100px",
+        }}
+      >
+        <option value="0">con pago</option>
+        <option value="1">sin pago</option>
+      </select>
+
+      <form
+        onSubmit={(e) => {
+          e.preventDefault();
+          handleSaveReceipt();
+        }}
+      >
+        <div className="gap">
+          <div className="groupInput">
+            <label className="label">Ticket:</label>
+            <input
+              type="text"
+              value={folio}
+              onChange={(error) => {
+                const value = error.target.value;
+                if (/^\d*$/.test(value) && value.length <= 7) {
+                  setFolio(value);
+                }
+              }}
+              placeholder="Numero de tiket..."
+              inputMode="numeric"
+              pattern="[0-9]*"
+            />
+          </div>
+
+          <div className="groupInput">
+            <label className="label">Monto:</label>
+            <input
+              type="text"
+              value={amount}
+              onChange={(e) => {
+                const value = e.target.value;
+
+                if (/^\d*\.?\d*$/.test(value)) {
+                  const numericValue = parseFloat(value);
+
+                  if (value === "" || numericValue <= 1000) {
+                    setAmount(value);
+                  } else {
+                    toast.error("El monto no puede superar $1000.00");
+                  }
+                }
+              }}
+              placeholder="Monto recibido..."
+              inputMode="numeric"
+              pattern="^\d*\.?\d+$"
+            />
+          </div>
+
+          <div className="groupInput">
+            <label className="label">Fecha de Pago:</label>
+            <input
+              type="date"
+              value={date}
+              onChange={(e) => setDate(e.target.value)}
+              min={minFecha}
+              max={maxFecha}
+            />
+          </div>
+
+          <div className="containerButton">
+            <button className="button buttonSearch">Inscribir</button>
+          </div>
+        </div>
+      </form>
+    </section>
+  );
+}
+//IO

app/Components/Receipt/Receipt.tsx

@@ -129,7 +129,7 @@ function Receipt({ numAcount }: ReceiptsProps) {
         </div>
 
         <div className="containerButton">
-          <button className="button buttonSearch">Agregar tiempo</button>
+          <button className="button buttonSearch" type="submit">Guardar</button>
         </div>
       </div>
     </form>