boleta terminado, posiblemente corrija prescripcion

src/App.jsx

@@ -58,6 +58,7 @@ export default function App() {
               setMonturas={setMonturas}
               setPrecioTotal={setPrecioTotal}
               setPrescripcion={setPrescripcion}
+              prescripcion={prescripcion}
             />
           }
         />

src/Carrito.jsx

@@ -2,24 +2,39 @@ import React, { useEffect, useState } from 'react'
 import { CarritoItem } from './components/CarritoItem'
 import { actualizarPut, cargarApi, obtenerEspecifico, registrarPost, obtenerGet } from "./lib/conexionApi";
 import ModalBoleta from './components/ModalBoleta';
+import {CarritoItemLunas} from './components/CarritoItemLunas';
 
 export const Carrito = ({setCarrito, carrito, precioTotal, setPrecioTotal, fecha, prescripcion}) => {
 
   const [modalBoleta, setModalBoleta] = useState(false)
   const [adelanto, setAdelanto] = useState('')
+  const [precioLunas, setPrecioLunas] = useState('')
+  const [error, setError] = useState('')
+  const [errorPrecioLuna, setErrorPrecioLuna] = useState('')
 
   useEffect(() => {
     setPrecioTotal(carrito.reduce((total, carritoItem) => total + (carritoItem["cantidad"]*carritoItem["monturaInventario"]["precio_unit"]), 0))
   }, [])
 
+  const handleContinuarClick = () => {
+    if (adelanto === '' || precioLunas === '') {
+      setError('todos los campos son obligatorios')
+    } else if (isNaN(parseFloat(adelanto)) || isNaN(parseFloat(precioLunas))) {
+      setError('Ingresar campos válidos')
+    } else {
+      setModalBoleta(true)
+      setError('')
+      setErrorPrecioLuna('')
+    }
+    
+  }
+
   return (
     <div className='w-3/5'>
         <div className='flex justify-between'>
           <h1 className="my-10 text-4xl font-semibold text-center">Carrito de compras</h1>
           
-          <button className='bg-slate-700 text-white my-8 rounded-lg hover:bg-slate-800 uppercase text-xl font-semibold px-5' onClick={()=>{
-            setModalBoleta(true)
-          }}>
+          <button className='bg-slate-700 text-white my-8 rounded-lg hover:bg-slate-800 uppercase text-xl font-semibold px-5' onClick={handleContinuarClick}>
               Continuar S/. {precioTotal}
           </button>
         </div>
@@ -27,6 +42,7 @@ export const Carrito = ({setCarrito, carrito, precioTotal, setPrecioTotal, fecha
             {(carrito.length > 0) && carrito.map((item) => {
                 return <CarritoItem key={item["monturaInventario"]["codigo"]} carritoItem={item} setCarrito={setCarrito} precioTotal={precioTotal} setPrecioTotal={setPrecioTotal} carrito={carrito} />
             })}
+            <CarritoItemLunas prescripcion={prescripcion} precioLunas={precioLunas} setPrecioLunas={setPrecioLunas} setPrecioTotal={setPrecioTotal} precioTotal={precioTotal} />
         </div>
         <div className='flex justify-end mt-10 items-center'>
           <label htmlFor="input-buscar-cliente" className='mr-2 font-semibold'>Adelanto: S/.</label>
@@ -42,9 +58,10 @@ export const Carrito = ({setCarrito, carrito, precioTotal, setPrecioTotal, fecha
             />
           </div>
         {(modalBoleta && precioTotal !== 0) && (
-          <ModalBoleta fecha={fecha} setModalBoleta={setModalBoleta} precioTotal={precioTotal} carrito={carrito} prescripcion={prescripcion} adelanto={adelanto} />
+          <ModalBoleta fecha={fecha} setModalBoleta={setModalBoleta} precioTotal={precioTotal+parseFloat(precioLunas)} carrito={carrito} prescripcion={prescripcion} adelanto={adelanto} precioLunas={precioLunas} />
         )}
-
+        {errorPrecioLuna && <p className="text-red-500 text-xl">{errorPrecioLuna}</p>}
+        {error && <p className="text-red-500 text-xl">{error}</p>}
     </div>
   )
 }

src/Catalogo.jsx

@@ -6,11 +6,12 @@ import {
   obtenerEspecifico,
   registrarPost,
   obtenerGet,
+  prescripcionPdff,
 } from "./lib/conexionApi";
 import ModalVerCarrito from "./components/ModalVerCarrito";
 import { Navigate } from "react-router";
 
-export const Catalogo = ({ setCarrito, carrito, monturas, setMonturas, setPrecioTotal, setPrescripcion }) => {
+export const Catalogo = ({ setCarrito, carrito, monturas, setMonturas, setPrecioTotal, setPrescripcion, prescripcion }) => {
   // Se obtienen primero los detalles de cada montura
   
   // se obtienen los datos de precio, stock y código
@@ -31,7 +32,9 @@ export const Catalogo = ({ setCarrito, carrito, monturas, setMonturas, setPrecio
 
   const [irAlCarrito, setIrAlCarrito] = useState(false)
 
-  // obtener detalle de monturas
+  useEffect(() => {
+
+  }, []);
   
   // obtener catalogo de monturas
   useEffect(() => {
@@ -43,7 +46,11 @@ export const Catalogo = ({ setCarrito, carrito, monturas, setMonturas, setPrecio
   }, []);
 
   useEffect(() => {
-    obtenerGet("prescripciones/ultimoregistro", setPrescripcion, setsetErrorUltimaPrescripcion);
+    const pdfPrescripcion = async () => {
+      await obtenerGet("prescripciones/ultimoregistro", setPrescripcion, setsetErrorUltimaPrescripcion);
+      await prescripcionPdff(prescripcion[0]["id_prescripcion"])
+    }
+    pdfPrescripcion()
   }, []);
 
 

src/components/CarritoItemLunas.jsx

@@ -0,0 +1,48 @@
+import React from 'react'
+// cantidad 1 prescripcion[0]["detalle_lunas"] input precio precio*cantidad
+export const CarritoItemLunas = ({ prescripcion, precioLunas, setPrecioLunas, setPrecioTotal, precioTotal }) => {
+  return (
+    <div className="w-full p-10 flex justify-between items-center border-b border-black">
+      <div className="">
+        <img width={200} src="../src/assets/lunas.jpg" alt="lunas" border="0" />
+      </div>
+      <div className="block w-[350px]">
+        <p className="truncate text-xl ">
+          Detalle de lunas: <span className='font-semibold uppercase'>{prescripcion[0]["detalle_lunas"] }</span>
+        </p>
+      </div>
+      
+      <div className="flex">
+        <button
+          className="bg-gray-200 h-8 w-8 text-lg hover:bg-gray-300 disabled:cursor-default disabled:text-gray-400 disabled:hover:bg-gray-200"
+          onClick={() => {
+            
+          }}
+          disabled={true}
+        >
+          -
+        </button>
+        <p className="mx-2 h-8 w-10 text-center">{1}</p>
+        <button
+          className="bg-gray-200 h-8 w-8 text-lg hover:bg-gray-300 disabled:cursor-default disabled:text-gray-400 disabled:hover:bg-gray-200"
+          onClick={() => {
+            
+          }}
+          disabled={true}
+        >
+          +
+        </button>
+      </div>
+      <div className="w-[80px] flex items-end">
+          <p className='text-sm'>S/.</p>
+          <input className='text-2xl border w-20 text-center ml-2' type="text" placeholder='00.00' value={precioLunas} onChange={e => {
+            setPrecioLunas(e.target.value)
+            //setPrecioTotal(pre)
+            }} />
+       
+
+      </div>
+      
+    </div>
+  )
+}

src/components/ModalBoleta.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from "react";
 import { obtenerEspecifico, obtenerGet, procesarBoleta, registrarPost } from "../lib/conexionApi";
 
-const ModalBoleta = ({ fecha, setModalBoleta, precioTotal, carrito, prescripcion, adelanto }) => {
+const ModalBoleta = ({ fecha, setModalBoleta, precioTotal, carrito, prescripcion, adelanto, precioLunas }) => {
 
     const [clienteBoleta, setClienteBoleta] = useState({})
     const [errorClienteBoleta, setErrorClienteBoleta] = useState(false)
@@ -72,6 +72,12 @@ const ModalBoleta = ({ fecha, setModalBoleta, precioTotal, carrito, prescripcion
                             </tr>
                         )
                     })}
+                    <tr>
+                      <td className="border">{1}</td>
+                      <td className="border">detalle de lunas: {prescripcion[0]["detalle_lunas"]}</td>
+                      <td className="border">S/.{parseFloat(precioLunas)}</td>
+                      <td className="border">S/.{1*parseFloat(precioLunas)}</td>
+                    </tr>
                 </tbody>
               </table>
             </div>
@@ -97,8 +103,9 @@ const ModalBoleta = ({ fecha, setModalBoleta, precioTotal, carrito, prescripcion
             <button
               type="submit"
               className="w-1/2 mt-2 cursor-pointer py-2  bg-slate-700 hover:bg-slate-800 text-white font-semibold text-center rounded-md "
-              onClick={(e) => {
-                procesarBoleta(precioTotal, carrito)
+              onClick={async (e) => {
+                procesarBoleta(precioTotal, carrito, adelanto, prescripcion[0]["id_prescripcion"], prescripcion[0]["detalle_lunas"], precioLunas );
+                
               }}
             >
               Sí

src/lib/conexionApi.js

@@ -67,7 +67,7 @@ export const emitirPdfPrescripcion = (idPrescripcion) => {
     return urlPdf
 }
 
-export const procesarBoleta = async (precioTotal, carrito) => {
+export const procesarBoleta = async (precioTotal, carrito, adelanto, idprescripcion, descripcion, precioLunas) => {
     const responseRegistrarBoleta = await fetch(`${url}/boletas`, {
         method: 'POST',
         body: JSON.stringify({
@@ -104,4 +104,29 @@ export const procesarBoleta = async (precioTotal, carrito) => {
         const resMonturasPedidos = await responseMonturasPedidos.json()
         console.log(resMonturasPedidos)
     })
+
+    const lunasPedido = await fetch(`${url}/lunas_pedido`, {
+        method: 'POST',
+        body: JSON.stringify({ 
+            "id_prescripcion": idprescripcion,
+            "precio": parseFloat(precioLunas),
+            "id_boleta": responseBoleta["id_boleta"] ,
+            "descripcion": descripcion,
+            "cantidad": 1
+        }),
+        headers: {
+            'Content-type': 'application/json'
+        }
+    })
+    const resLunasPedido = await lunasPedido.json()
+    console.log(resLunasPedido);
+
+    const responsePDF = await fetch(`${url}/boleta/descargarPDF/${responseBoleta["id_boleta"]}/${adelanto}`)
+
+    window.open(responsePDF.url, "_blank");
+}
+
+export const prescripcionPdff = async (idPrescripcion) => {
+    const responsePDF = await fetch(`${url}/prescripcion/pdf/${idPrescripcion}`)
+    window.open(responsePDF.url, "_blank");
 }