\r\n )\r\n}","import axios from 'axios';\r\nimport React, { useEffect, useState } from 'react'\r\nimport { ApiUrl } from '../../../services/ApiRest';\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport { Link } from 'react-router-dom';\r\n// import { BrowserRouter as Router } from 'react-router-dom';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport Cookies from 'universal-cookie/es6';\r\nconst cookies = new Cookies();\r\nconst userId = cookies.get('uid');\r\n// import { BrowserRouter as Router } from 'react-router-dom';\r\n// console.log('USER ID', userId);\r\n\r\nexport const SalesFree = () => {\r\n\r\n const navigate = useNavigate();\r\n const [showForm, setShowForm] = useState(false);\r\n const [showForm2, setShowForm2] = useState(false);\r\n const [showForm3, setShowForm3] = useState(true);\r\n const [showForm4, setShowForm4] = useState(false);\r\n const [showForm5, setShowForm5] = useState(false);\r\n const [showForm6, setShowForm6] = useState(false);\r\n const [showForm7, setShowForm7] = useState(true);\r\n const [showForm8, setShowForm8] = useState(true);\r\n const [showForm9, setShowForm9] = useState(true);\r\n const [showForm10, setShowForm10] = useState(false);\r\n const [showForm11, setShowForm11] = useState(true);\r\n const [reloadChild, setReloadChild] = useState(false);\r\n const [selectDisabled, setselectDisabled] = useState(true);\r\n const [buttonDisabled, setButtonDisabled] = useState(true);\r\n const [total, setTotal] = useState(0);\r\n const [data, setdata] = useState([]);\r\n const [resetSelect, setResetSelect] = useState(false);\r\n const [passengerCiValue, setpassengerCiValue] = useState();\r\n const [passengerStatusValue, setpassengerStatusValue] = useState();\r\n const [productToDelete, setProductToDelete] = useState(null);\r\n const [productSelected, setproductSelected] = useState([]);\r\n const [passengerCiFinalConsumer, setpassengerCiFinalConsumer] = useState();\r\n const [ciFinalConsumer, setciFinalConsumer] = useState(9999999999);\r\n const [secuentialNew, setsecuentialNew] = useState();\r\n const [secuentialBillId, setsecuentialBillId] = useState();\r\n const [secuentialBillIdInProcess, setsecuentialBillIdInProcess] = useState();\r\n const [secuentialBillCiInProcess, setsecuentialBillCiInProcess] = useState();\r\n const [passengerSFValue, setpassengerSFValue] = useState();\r\n const [passengerSaleTypeValueDataList, setpassengerSaleTypeValueDataList] = useState();\r\n const [passengerSaleTypeValueDataList2, setpassengerSaleTypeValueDataList2] = useState();\r\n const [passengerStatusValueDataList, setpassengerStatusValueDataList] = useState();\r\n const [passengerSFValueDataList, setpassengerSFValueDataList] = useState();\r\n const [passengerCiValueDataList, setpassengerCiValueDataList] = useState();\r\n const [formD, setformD] = useState({\r\n ci: '',\r\n name: '',\r\n phone: '',\r\n address: '',\r\n correo: ''\r\n });\r\n const [formD2, setformD2] = useState({\r\n price_sale_free: '',\r\n description_sale_free: ''\r\n });\r\n\r\n const onSearch = async () => {\r\n setButtonDisabled(true);\r\n const formData = new FormData();\r\n formData.append(\"ci\", formD.ci);\r\n // Verificar el valor de formD.ci\r\n if (formD.ci === '' || formD.ci === null) {\r\n toast.error(\"Ingrese un número de cédula\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n } else {\r\n // console.log('Valor de ci en formD:', formD.ci);\r\n try {\r\n const response = await axios.post(`${ApiUrl}passenger-sale-products-search`, { ci: formD.ci });\r\n const resp = response.data;\r\n console.log('Resultado de la búsqueda:', resp);\r\n if (resp && resp.passenger) {\r\n console.log('Nombre del pasajero:', resp.passenger.name);\r\n console.log('Valor passengerCiValue', resp.passenger.ci);\r\n // if (formD.name === '' || formD.phone === '' || formD.address === '' || formD.correo === '') {\r\n if ((resp.passenger.name === null || resp.passenger.phone == null || resp.passenger.address === null || resp.passenger.correo === null) || (resp.passenger.name === '' || resp.passenger.phone == '' || resp.passenger.address === '' || resp.passenger.correo === '')) {\r\n // Actualizar el estado utilizando una función de actualización del estado\r\n setformD(prevFormD => ({\r\n ...prevFormD,\r\n name: resp.passenger.name,\r\n phone: resp.passenger.phone,\r\n address: resp.passenger.address,\r\n correo: resp.passenger.correo\r\n }));\r\n setButtonDisabled(false);\r\n dataList();\r\n // setpassengerExistCi(resp.passenger.passenger_id);\r\n console.log('Valor de passenger_idsdsds', resp.passenger.passenger_id);\r\n setShowForm7(false);\r\n setShowForm6(false);\r\n\r\n } else {\r\n\r\n // Actualizar el estado utilizando una función de actualización del estado\r\n setformD(prevFormD => ({\r\n ...prevFormD,\r\n name: resp.passenger.name,\r\n phone: resp.passenger.phone,\r\n address: resp.passenger.address,\r\n correo: resp.passenger.correo\r\n }));\r\n setButtonDisabled(true);\r\n dataList();\r\n console.log('Valor de passenger_idsdsds TODOOOO:', resp.passenger.passenger_id);\r\n setShowForm7(false);\r\n setShowForm6(false);\r\n setShowForm8(false);\r\n }\r\n setShowForm(true);\r\n\r\n } else {\r\n toast.error(\"Cliente no registrado en el sistema. Ingrese su información\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n // Limpiar los campos del formulario\r\n setformD(prevFormD => ({\r\n ...prevFormD,\r\n name: '',\r\n phone: '',\r\n address: '',\r\n correo: ''\r\n }));\r\n setButtonDisabled(false);\r\n setShowForm(false);\r\n }\r\n\r\n if (resp && resp.passenger) {\r\n const ciSecuentialBill = formD.ci;\r\n console.log('passengerCiValue SSSSS FREE:', ciSecuentialBill);\r\n console.log('passenger SALE TYPE Value SSSSS FREE:', passengerSaleTypeValueDataList);\r\n const formData = new FormData();\r\n formData.append(\"description\", `Fact`);\r\n // formData.append(\"passengerCiValue\", ciSecuentialBill); // Nombre para el valor de passengerCiValue passengerCiValue\r\n formData.append(\"ciSecuentialBill\", ciSecuentialBill); // Nombre para el valor de passengerCiValue\r\n formData.append(\"passengerStatusValue\", passengerStatusValue); // Nombre para el valor de passengerStatusValue\r\n console.log('passengerCiValue AAAA FREE:', passengerCiValue);\r\n console.log('passengerCiValue AAAA FREE:', passengerStatusValue);\r\n console.log('FREEE Datos enviados al backend AGREGADOSSSS secuential_bill:', Object.fromEntries(formData));\r\n\r\n const response = await axios.post(ApiUrl + 'free-secuential-bill-sale-products-create', formData);\r\n const resp = response.data;\r\n console.log('Valor FACT IN :', resp);\r\n setsecuentialBillId(resp.secuential_bill_id);\r\n setsecuentialBillIdInProcess(resp.valueClientInProcess);\r\n setsecuentialBillCiInProcess(resp.valueCIClientInProcess);\r\n setsecuentialNew(resp.valueClientInProcess);\r\n console.log('IDnewinsertSecuentia Bill:', resp.secuential_bill_id);\r\n console.log('valueClientInProcess Secuentia Bill:', resp.valueClientInProcess);\r\n console.log('valueCIClientInProcess Secuentia Bill CI:', resp.valueCIClientInProcess);\r\n console.log('onSEARCH P:', passengerStatusValue);\r\n }\r\n\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \" !\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n }\r\n\r\n };\r\n\r\n const getFinalConsumerInfo = async () => {\r\n try {\r\n const response = await axios.post(`${ApiUrl}passenger-sale-products-search-consumer`, { ci: 9999999999 });\r\n const resp = response.data;\r\n console.log('consumidor devuelve FREE:', resp);\r\n console.log('consumidor devuelve 22 FREE:', resp.passenger.ci);\r\n if (resp.passenger.ci) {\r\n setformD(prevFormD => ({\r\n ...prevFormD,\r\n ci: resp.passenger.ci,\r\n name: resp.passenger.name,\r\n phone: resp.passenger.phone,\r\n address: resp.passenger.address,\r\n correo: resp.passenger.correo\r\n }));\r\n\r\n console.log('quiero ver comsumidor DATA:', data);\r\n setButtonDisabled(true);\r\n dataList();\r\n setShowForm7(true);\r\n setShowForm6(false);\r\n setShowForm8(false);\r\n setShowForm2(false);\r\n setShowForm5(false);\r\n setShowForm10(true);\r\n console.log('ci consumidor:', resp.passenger.ci);\r\n setpassengerCiFinalConsumer(resp.passenger.ci);\r\n setShowForm6(false);\r\n } else {\r\n toast.error(\"No se encontró información del consumidor final\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n var response2 = '';\r\n if (resp.passenger.ci) {\r\n response2 = await axios.post(`${ApiUrl}passenger-sale-products-search-consumer-final`, { ci: 9999999999 });\r\n console.log('consumidor devuelve 99999 si EXISTE:', response2);\r\n }\r\n if (response2.data.passenger2 === null) {\r\n console.log('No hay consumidores en proceso FREE');\r\n } else {\r\n const fsID = response2.data.passenger2.secuential_bill_id;\r\n console.log('fsID:', fsID);\r\n const fsStatus = response2.data.passenger2.status_sales_products;\r\n console.log('fsStatus:', fsStatus);\r\n const fsCi = response2.data.passenger2.passengers_ci;\r\n console.log('fsCi:', fsCi);\r\n const fsSaleType = response2.data.passenger2.sale_type;\r\n console.log('fsSaleType:', fsSaleType);\r\n if (fsCi === 9999999999 || fsStatus === 'P' || fsSaleType === 'Libre') {\r\n // if (fsCi === 9999999999 || fsStatus === 'P' ) {\r\n toast.error(\"Consumidor Final en proceso\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n setShowForm(false);\r\n setShowForm6(false);\r\n setShowForm7(true);\r\n setShowForm10(false);\r\n setShowForm11(true);\r\n return;\r\n } else {\r\n setShowForm6(false);\r\n setShowForm7(false);\r\n }\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \" !\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n };\r\n\r\n const onSearchFinalConsumer = async () => {\r\n const statusForFC = passengerStatusValue;\r\n console.log('statusForFC909090:', statusForFC);\r\n const ciForFC = passengerCiValue;\r\n console.log('CI PARA CONSUMIDOR90909', ciForFC);\r\n console.log('CI PARA CONSUMIDOR 55555', ciFinalConsumer);\r\n console.log('secuentialBillProcces909090909090909090', secuentialNew);\r\n dataList();\r\n setButtonDisabled(true);\r\n getFinalConsumerInfo();\r\n };\r\n\r\n const onInputChange = ({ target }) => {\r\n const { name, value } = target;\r\n setformD({\r\n ...formD,\r\n [name]: value\r\n })\r\n }\r\n\r\n const onInputChange2 = (event) => {\r\n setformD2({\r\n ...formD2,\r\n [event.target.name]: event.target.value,\r\n });\r\n };\r\n\r\n const onSubmit = async (event) => {\r\n\r\n event.preventDefault();\r\n\r\n const formData = new FormData();\r\n formData.append(\"ci\", formD.ci);\r\n formData.append(\"name\", formD.name);\r\n formData.append(\"phone\", formD.phone);\r\n formData.append(\"address\", formD.address);\r\n formData.append(\"correo\", formD.correo);\r\n formData.append(\"city\", 'N/A');\r\n // Verificar el valor de formD.ci\r\n console.log('Valor de ci en formD:', formD.ci);\r\n try {\r\n const response = await axios.post(ApiUrl + 'passenger-sale-products-create', formData);\r\n const resp = response.data;\r\n console.log('Valor :', resp);\r\n\r\n if (resp.success) {\r\n toast.success(\"Cliente agregado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n setButtonDisabled(true);\r\n setShowForm(true);\r\n // setpassengerNewCi(resp.passenger_ci);\r\n // console.log('Valor de passenger_id Nuevo', resp.passenger_id);\r\n\r\n } else {\r\n toast.error(\"Cliente NO se ha agregado\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n if (resp && resp.passenger_id) {\r\n const ciSecuentialBill = formD.ci;\r\n console.log('passengerCiValue SSSSS NUEVO CLIENT:', ciSecuentialBill);\r\n const formData = new FormData();\r\n formData.append(\"description\", `Fact`);\r\n formData.append(\"passengerCiValue\", ciSecuentialBill); // Nombre para el valor de passengerCiValue\r\n formData.append(\"passengerStatusValue\", passengerStatusValue); // Nombre para el valor de passengerStatusValue\r\n console.log('passengerCiValue AAAA NUEVO CLIENT:', passengerCiValue);\r\n console.log('passengerCiValue AAAA NUEVO CLIENT:', passengerStatusValue);\r\n console.log('Datos enviados al backend AGREGADOSSSS secuential_bill NUEVO CLIENT:', Object.fromEntries(formData));\r\n\r\n const response = await axios.post(ApiUrl + 'secuential-bill-sale-products-create', formData);\r\n const resp = response.data;\r\n console.log('Valor FACT IN :', resp);\r\n setsecuentialBillId(resp.secuential_bill_id);\r\n setsecuentialBillIdInProcess(resp.valueClientInProcess);\r\n setsecuentialBillCiInProcess(resp.valueCIClientInProcess);\r\n console.log('IDnewinsertSecuentia Bill Consumi:', resp.secuential_bill_id);\r\n console.log('valueClientInProcess Secuentia Bill NUEVO CLIENT IN PROCESO:', resp.valueClientInProcess);\r\n console.log('valueClientInProcess Secuentia Bill NUEVO CLIENT IN PROCESO:', resp.valueClientInProcess);\r\n console.log('valueCIClientInProcess Secuentia Bill CI NUEVO CLIENT IN PROCESO:', resp.valueCIClientInProcess);\r\n console.log('onSEARCH P NUEVO CLIENT:', passengerStatusValue);\r\n // setShowForm12(true);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n };\r\n\r\n const onSubmitSale = async (event) => {\r\n event.preventDefault();\r\n\r\n const free_sale_product = formD2.price_sale_free;\r\n const free_name_product = formD2.description_sale_free;\r\n const ciValue = formD.ci;\r\n console.log('CANTIDAD DE PRODUCTOS:', free_sale_product);\r\n console.log('NOMBRE DE PRODUCTOS DIRECTo:', free_name_product);\r\n // Validar que la cantidad sea un número positivo \r\n\r\n console.log('secuencial _bill PROCESS:', secuentialBillIdInProcess);\r\n console.log('secuencial _bill NEW:', secuentialBillId);\r\n console.log('passengerStatusValue:', passengerStatusValue);\r\n console.log('CANTIDAD DE CI PARA VENTA ciValue:', ciValue);\r\n console.log('CANTIDAD DE CI PARA VENTA secuentialBillCiInProcess:', secuentialBillCiInProcess);\r\n console.log('LOS DE DATALIST:');\r\n console.log('STATUS passengerStatusValueDataList:', passengerStatusValueDataList);\r\n console.log('CI passengerCiValueDataList:', passengerCiValueDataList);\r\n const formData = new FormData();\r\n formData.append(\"passengers_ci\", ciValue);\r\n formData.append(\"user_id\", userId);\r\n formData.append(\"price_sale_free\", free_sale_product);\r\n formData.append(\"description_sale_free\", free_name_product);\r\n formData.append(\"status_sales_products\", 'P');\r\n formData.append(\"sale_type\", 'Libre');\r\n if (passengerStatusValue === 'P' && ciValue === secuentialBillCiInProcess) {\r\n // if (secuentialBillIdInProcess != undefined) {\r\n formData.append(\"secuential_bill_id\", secuentialBillIdInProcess);\r\n } else {\r\n formData.append(\"secuential_bill_id\", secuentialBillId);\r\n } \r\n const currentDate = new Date().toISOString().split('T')[0]; // YYYY-MM-DD\r\n formData.append(\"sale_date\", currentDate);\r\n try {\r\n const response = await axios.post(ApiUrl + 'free-sale-products-create', formData);\r\n const resp = response.data;\r\n if (resp.success) {\r\n toast.success(\"Producto agregado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n dataList();\r\n setReloadChild(!reloadChild);\r\n setformD2({\r\n ...formD2,\r\n price_sale_free: '', // Limpiar la cantidad después de agregar el producto //classList\r\n description_sale_free: '' // Limpiar la cantidad después de agregar el producto //classList\r\n });\r\n setButtonDisabled(true);\r\n setShowForm6(true);\r\n\r\n } else {\r\n toast.error(\"El Producto no se ha agregado\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \" !\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n setResetSelect(true);\r\n setResetSelect(false);\r\n\r\n\r\n };\r\n\r\n const dataList = async () => {\r\n try {\r\n const ci1 = formD.ci;\r\n console.log('ci cicicici:', ci1);\r\n setpassengerCiValue(ci1);\r\n\r\n if (ci1 === null || ci1 === '') {\r\n console.log('En espera de datos');\r\n\r\n } else {\r\n\r\n const response = await axios.get(ApiUrl + `free-sale-products-list/${userId}/${ci1}`);\r\n const responseData = response.data;\r\n setdata(responseData);\r\n console.log('DATALIST LISTADO FREE:', responseData);\r\n // Calcular la suma total\r\n const newTotal = responseData.reduce((acc, item) => acc + parseFloat(item.price_sale_free), 0).toFixed(2);\r\n setTotal(newTotal); \r\n responseData.forEach(item => {\r\n console.log('status sss DataList:', item.status_sales_products);\r\n setpassengerStatusValueDataList(item.status_sales_products);\r\n setShowForm6(true);\r\n });\r\n responseData.forEach(item => {\r\n console.log('CIII sssNOTICE DataList:', item.passengers_ci);\r\n setpassengerCiValueDataList(item.passengers_ci);\r\n });\r\n responseData.forEach(item => {\r\n console.log('SF id sss desde dataList:', item.secuential_bill_id);\r\n setpassengerSFValueDataList(item.secuential_bill_id);\r\n setShowForm6(true);\r\n });\r\n responseData.forEach(item => {\r\n console.log('TypeSale id sss DATA list:', item.sale_type);\r\n setpassengerSaleTypeValueDataList2(item.sale_type);\r\n }); \r\n }\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n const aceptarModal = async () => {\r\n // Realizar la actualización del estado en el servidor\r\n try {\r\n var response1 = '';\r\n const ciInput = formD.ci;\r\n const saleProducts = passengerStatusValue;\r\n if (passengerStatusValueDataList === undefined || ciInput === undefined) {\r\n toast.error(\"No existen productos en listado. Por favor, selecciona un producto.\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n return;\r\n } else {\r\n // Verificar si las variables tienen valor antes de usarlas\r\n if (ciInput != null || ciInput != undefined || ciInput != '') {\r\n // response1 = await axios.post(`${ApiUrl}sale-product-update-status/${ciInput}`);\r\n if (secuentialBillId != undefined) {\r\n response1 = await axios.post(`${ApiUrl}free-sale-product-update-status/${ciInput}/${secuentialBillId}`);\r\n } else if (secuentialBillIdInProcess != undefined) {\r\n response1 = await axios.post(`${ApiUrl}free-sale-product-update-status/${ciInput}/${secuentialBillIdInProcess}`);\r\n } else {\r\n console.log('No se ha vendido');\r\n }\r\n\r\n console.log('ResponseACCEPT:', response1);\r\n toast.success(\"Venta generada exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n // navigate('/administrativo/ventas-productos');\r\n } else {\r\n toast.error(\"Error al generar venta\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n // setShowForm5(false);\r\n }\r\n\r\n // INSERCION DE CUENTA TOTAL \r\n\r\n console.log('Valor de ciInput Inventario AceptarModal:', ciInput);\r\n console.log('Valor de saleProducts Inventario AceptarModal:', saleProducts);\r\n console.log('Valor de saleProducts Inventario AceptarModal DataList:', passengerStatusValueDataList);\r\n console.log('Valor de secuencial final NEW AceptarModal:', secuentialBillId);\r\n console.log('Valor de secuencial final PROCESS AceptarModal:', secuentialBillIdInProcess);\r\n console.log('Valor de secuencial final Dato en Proceso PROCESS AceptarModal:', secuentialBillCiInProcess);\r\n console.log('Valor de secuencial TOTAL AceptarModal:', total);\r\n console.log('Valor de secuencial Type Sale AceptarModal FREE2 dataList:', passengerSaleTypeValueDataList2);\r\n console.log('Valor de secuencial CI AceptarModal:', passengerCiValueDataList);\r\n\r\n const formData = new FormData();\r\n formData.append(\"total_price\", total);\r\n // if (passengerStatusValueDataList === 'P' && ciInput === passengerCiValueDataList && passengerSaleTypeValueDataList2 === 'Libre') {\r\n if (secuentialBillIdInProcess != undefined) {\r\n formData.append(\"secuential_bill_id\", secuentialBillIdInProcess);\r\n } else if (secuentialBillId != undefined) {\r\n formData.append(\"secuential_bill_id\", secuentialBillId);\r\n } else {\r\n console.log('No se ha guardado en el TC');\r\n }\r\n\r\n console.log('Datos enviados al backend AGREGADOSSSS secuential_bill FREE:', Object.fromEntries(formData));\r\n const response = await axios.post(ApiUrl + 'total-account-sale-products-create', formData);\r\n const respTC = response.data;\r\n navigate('/administrativo/ventas-productos');\r\n console.log('Valor FACT IN :', respTC);\r\n\r\n } catch (error) {\r\n console.error(error);\r\n toast.error(\"Error al generar venta\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n };\r\n\r\n const DeleteSaleModal = async () => {\r\n // Realizar la actualización del estado en el servidor\r\n try {\r\n var response1 = '';\r\n const ciInput = formD.ci;\r\n const saleProducts2 = passengerStatusValue;\r\n console.log('Valor de ciInput ELIMINAR MODAL:', ciInput);\r\n console.log('Valor de STATUS ELIMINAR MODAL:', saleProducts2);\r\n console.log('Valor de secuencial final NEW ELIMINAR MODAL:', secuentialBillId);\r\n console.log('Valor de secuencial final PROCESS ELIMINAR MODAL:', secuentialBillIdInProcess);\r\n console.log('Valor de saleProducts Inventario AceptarModal DataList:', passengerStatusValueDataList);\r\n if (passengerStatusValueDataList === undefined || ciInput === undefined) {\r\n toast.error(\"No existen productos en listado. Por favor, selecciona un producto.\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n return;\r\n } else {\r\n // Verificar si las variables tienen valor antes de usarlas\r\n if (ciInput != null || ciInput != undefined || ciInput != '') {\r\n // response1 = await axios.post(`${ApiUrl}sale-products-delete-complete/${ciInput}`);\r\n\r\n if (secuentialBillId != undefined) {\r\n response1 = await axios.post(`${ApiUrl}free-sale-products-delete-complete/${ciInput}/${secuentialBillId}`);\r\n } else if (secuentialBillIdInProcess != undefined) {\r\n response1 = await axios.post(`${ApiUrl}free-sale-products-delete-complete/${ciInput}/${secuentialBillIdInProcess}`);\r\n } else {\r\n console.log('No se ha vendido');\r\n }\r\n\r\n toast.error(\"Venta cancelada\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n navigate('/administrativo/ventas-productos');\r\n dataList();\r\n setReloadChild(!reloadChild);\r\n // setShowForm6(false);\r\n // setShowForm7(true);\r\n } else {\r\n toast.error(\"Error al generar venta\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n }\r\n } catch (error) {\r\n console.error(error);\r\n toast.error(\"Error al generar venta\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n };\r\n\r\n const deleteSaleProduct = async (id) => {\r\n console.log(\"ID a eliminar:\", id);\r\n await axios.post(ApiUrl + `free-sale-products-delete/${id}`)\r\n .then(resp => {\r\n toast.success(\"Producto eliminado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n deleteTable();\r\n dataList();\r\n setReloadChild(!reloadChild);\r\n })\r\n .catch(e => {\r\n console.log(e);\r\n });\r\n setProductToDelete(null);\r\n };\r\n\r\n const deleteTable = () => {\r\n const script1 = document.createElement(\"script\");\r\n script1.src = `/assets/dataTable/datatable-destroy.js`;\r\n script1.async = true;\r\n document.body.appendChild(script1);\r\n }\r\n\r\n const dataList2 = async () => {\r\n try {\r\n const response = await axios.get(ApiUrl + `free-sale-products-list-notice`);\r\n const responseData = response.data;\r\n setdata(responseData);\r\n console.log('DATALIST LISTADO NOTICEEE:', responseData);\r\n\r\n // Mostrar solo el estado de cada elemento\r\n responseData.forEach(item => {\r\n console.log('status sssNOTICE:', item.status_sales_products);\r\n setpassengerStatusValue(item.status_sales_products);\r\n });\r\n\r\n responseData.forEach(item => {\r\n console.log('CIII sssNOTICE:', item.passengers_ci);\r\n setpassengerCiValue(item.passengers_ci);\r\n });\r\n\r\n responseData.forEach(item => {\r\n console.log('TypeSale id sss NOTICE:', item.sale_type);\r\n setpassengerSaleTypeValueDataList(item.sale_type);\r\n });\r\n\r\n\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n const handleContinueButtonClick = () => {\r\n setShowForm3(true);\r\n setShowForm4(false);\r\n setShowForm5(true);\r\n };\r\n\r\n\r\n useEffect(() => {\r\n dataList();\r\n }, []);\r\n\r\n useEffect(() => {\r\n dataList2();\r\n console.log('ererer', passengerStatusValue);\r\n // Verificar si passengerStatusValue tiene un valor\r\n if (passengerStatusValue !== undefined) {\r\n if (passengerStatusValue === 'P') {\r\n setShowForm2(true);\r\n setShowForm3(false);\r\n setShowForm4(true);\r\n setShowForm5(false);\r\n\r\n }\r\n\r\n } else {\r\n setShowForm3(true);\r\n // alert('bbbbb');\r\n }\r\n }, [passengerStatusValue]);\r\n\r\n\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n VENTA LIBRE\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n Regresar \r\n \r\n
\r\n\r\n
\r\n {passengerStatusValue === 'P' && showForm2 && (\r\n
\r\n
Existe una venta en Proceso con número de cédula: {passengerCiValue}. Para continuar el proceso, dar clic en el botón continuar. \r\n )}\r\n
\r\n {passengerStatusValue === 'P' && showForm4 && (\r\n
\r\n
Continuar \r\n )}\r\n\r\n {passengerStatusValue === 'P' && showForm5 && (\r\n
\r\n
Digite el número de cédula que muestra la advertencia, en el casillero de \"Cédula de Identidad\" y dar clic en el botón Buscar. \r\n \r\n )}\r\n\r\n {showForm3 && (\r\n
\r\n )}\r\n\r\n {showForm && (\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n \r\n \r\n Nombre Producto \r\n Precio unitario \r\n Fecha \r\n Acciones \r\n \r\n \r\n \r\n {data.map((item) => (\r\n \r\n {item.description_sale_free} \r\n {item.price_sale_free} \r\n {/* {item.description_product_sale} */}\r\n {item.created_at} \r\n \r\n setProductToDelete(item.sales_products_id)}> \r\n \r\n \r\n ))\r\n }\r\n \r\n \r\n \r\n Total: {total} \r\n \r\n
\r\n
\r\n\r\n
\r\n )}\r\n\r\n {showForm6 && (\r\n
\r\n Vender \r\n Cancelar \r\n
\r\n )}\r\n\r\n
\r\n
\r\n\r\n {/* MODAL ELIMINAR PRODUCTO */}\r\n
\r\n
\r\n
\r\n
\r\n
Eliminar \r\n \r\n
\r\n Está seguro que desea eliminar{productSelected.description} \r\n
\r\n
\r\n\r\n deleteSaleProduct(productToDelete)} data-bs-dismiss=\"modal\">Aceptar \r\n Cancelar \r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* MODAL GENERAR VENTA */}\r\n
\r\n
\r\n
\r\n
\r\n
Generar Solicitud \r\n \r\n
\r\n ¿Estás seguro que deseas vender los siguientes productos?
\r\n
\r\n Aceptar \r\n Cancelar \r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* MODAL ELIMINAR VENTA */}\r\n
\r\n
\r\n
\r\n
\r\n
Cancelar Venta \r\n \r\n
\r\n ¿Está seguro de cancelar venta?
\r\n
\r\n {\r\n DeleteSaleModal();\r\n setResetSelect(false);\r\n }}>Aceptar \r\n Cancelar \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n )\r\n}","import axios from 'axios';\r\nimport React, { useEffect, useState } from 'react'\r\nimport { ApiUrl } from '../../../services/ApiRest';\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport { Link } from 'react-router-dom';\r\nimport Cookies from 'universal-cookie/es6';\r\n// import { Alert } from 'bootstrap';\r\nconst cookies = new Cookies();\r\nconst userId = cookies.get('uid');\r\n\r\nexport const SalesHistory = () => {\r\n\r\n const [total, setTotal] = useState(0);\r\n const [data, setdata] = useState([]);\r\n const [total2, setTotal2] = useState(0);\r\n const [totalFree, setTotalFree] = useState(0);\r\n const [data2, setdata2] = useState([]);\r\n const [dataFree, setdataFree] = useState([]);\r\n const [showForm, setShowForm] = useState(true);\r\n const [showForm1, setShowForm1] = useState(false);\r\n const [ci_total, setciTotal] = useState();\r\n const [secuentialBillIdTotal, setsecuentialBillIdTotal] = useState();\r\n const [startDate, setStartDate] = useState('');\r\n const [endDate, setEndDate] = useState('');\r\n const [filteredData, setFilteredData] = useState([]);\r\n const [filteredTotal, setFilteredTotal] = useState(0);\r\n const [typeSaleTotal, settypeSaleTotal] = useState();\r\n\r\n // const addScript = (src) => {\r\n // const script = document.createElement(\"script\");\r\n // script.src = src;\r\n // script.async = true;\r\n // document.body.appendChild(script);\r\n // };\r\n\r\n\r\n // const deleteTable = () => {\r\n // const existingScript = document.querySelector('script[src=\"/assets/dataTable/datatable-destroy.js\"]');\r\n // if (existingScript) {\r\n // existingScript.parentNode.removeChild(existingScript);\r\n // }\r\n // addScript('/assets/dataTable/datatable-destroy.js');\r\n // };\r\n\r\n // const dataListTotalSale = async () => {\r\n // try {\r\n // const response = await axios.get(ApiUrl + `total-list-sale-products-history`);\r\n // const responseData = response.data;\r\n // setdata2(responseData);\r\n // console.log('DATALIST LISTADO dataListTotalSale:', responseData);\r\n\r\n // // Calcular la suma total\r\n // // const newTotal2 = responseData.reduce((acc, item) => acc + parseFloat(item.total_price), 0);\r\n // // setTotal2(newTotal2);\r\n // const newTotal2 = responseData.reduce((acc, item) => acc + parseFloat(item.total_price), 0).toFixed(2);\r\n // setTotal2(newTotal2);\r\n // const script = document.createElement(\"script\");\r\n // script.src = `/assets/dataTable/dataTable.js`;\r\n // script.async = true;\r\n // document.body.appendChild(script);\r\n // } catch (error) {\r\n // console.error(error);\r\n // }\r\n // };\r\n /******************************************************************************************************* */\r\n // const dataListTotalSale = async () => {\r\n // try {\r\n // // const response = await axios.get(ApiUrl + `total-list-sale-products-history`, {\r\n // const response = await axios.post(ApiUrl + `total-list-sale-products-history2`);\r\n // console.log('startEND:');\r\n // const responseData = response.data;\r\n // // // let responseData = response.data;\r\n // console.log('Response Data dataListTotalSale:', responseData);\r\n\r\n // // // Asegúrate de que responseData sea un arreglo\r\n // const validResponseData = Array.isArray(responseData) ? responseData : [];\r\n // setdata2(validResponseData);\r\n // setFilteredData(validResponseData);\r\n // const newTotal2 = validResponseData.reduce((acc, item) => acc + parseFloat(item.total_price), 0).toFixed(2);\r\n // setTotal2(newTotal2);\r\n // // Destruir cualquier instancia anterior de DataTables antes de volver a inicializarla\r\n // deleteTable(); \r\n // const script = document.createElement(\"script\");\r\n // script.src = `/assets/dataTable/dataTable.js`;\r\n // script.async = true;\r\n // document.body.appendChild(script);\r\n // } catch (error) {\r\n // console.error(error);\r\n // }\r\n // };\r\n /******************************************************************************************************* */\r\n // const loadScript = (src) => {\r\n // const script = document.createElement('script');\r\n // script.src = src;\r\n // script.async = true;\r\n // script.onload = () => console.log(`Script ${src} loaded`);\r\n // script.onerror = () => console.error(`Failed to load script ${src}`);\r\n // document.body.appendChild(script);\r\n // };\r\n /******************************************************************************************************* */\r\n const dataListTotalSale = async () => {\r\n try {\r\n // const response = await axios.get(ApiUrl + `total-list-sale-products-history`, {\r\n const response = await axios.post(ApiUrl + `total-list-sale-products-history2`);\r\n console.log('startEND:');\r\n const responseData = response.data;\r\n // // let responseData = response.data;\r\n console.log('Response Data dataListTotalSale:', responseData);\r\n\r\n // // Asegúrate de que responseData sea un arreglo\r\n const validResponseData = Array.isArray(responseData) ? responseData : [];\r\n setdata2(validResponseData);\r\n setFilteredData(validResponseData);\r\n const newTotal2 = validResponseData.reduce((acc, item) => acc + parseFloat(item.total_price), 0).toFixed(2);\r\n setTotal2(newTotal2);\r\n // Destruir cualquier instancia anterior de DataTables antes de volver a inicializarla\r\n // deleteTable();\r\n \r\n\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n /******************************************************************************************************* */\r\n // const handleSearch = () => {\r\n // if (startDate && endDate) {\r\n // alert('ESTOY EN FILTERed');\r\n // console.log('VAlor en HandleSearch startDate:', startDate);\r\n // console.log('VAlor en HandleSearch endDate:', endDate);\r\n // const filtered = data2.filter(item => {\r\n // const saleDate = new Date(item.sale_date);\r\n // return saleDate >= new Date(startDate) && saleDate <= new Date(endDate);\r\n // });\r\n // console.log('filtered',filtered);\r\n // setFilteredData(filtered);\r\n // console.log('filtered2:', filtered);\r\n // // Calcular el total de los registros filtrados\r\n // const newFilteredTotal = filtered.reduce((acc, item) => acc + parseFloat(item.total_price), 0).toFixed(2);\r\n // setFilteredTotal(newFilteredTotal);\r\n // setShowForm(false);\r\n // setShowForm1(true);\r\n // } else {\r\n // setFilteredData(data2);\r\n // }\r\n // };\r\n /******************************************************************************************************* */\r\n const handleSearch = async (event) => {\r\n event.preventDefault();\r\n // alert('DAVID PC');\r\n const formData = new FormData();\r\n formData.append(\"startDate\", startDate);\r\n formData.append(\"endDate\", endDate);\r\n console.log('Datos enviados al backend AGREGADOSSSS SEARCH DATE:', Object.fromEntries(formData));\r\n try {\r\n // const responseSearch = await axios.post(ApiUrl + 'total-list-sale-products-history', formData);\r\n const responseSearch = await axios.post(ApiUrl + 'total-list-sale-products-history2', formData);\r\n const respSearch = responseSearch.data;\r\n // setFilteredData(respSearch);\r\n // Actualiza el estado con los datos devueltos\r\n setFilteredData(respSearch);\r\n console.log('Valor de respSearch:', respSearch);\r\n // Calcular el total de los registros filtrados\r\n const newFilteredTotal = respSearch.reduce((acc, item) => acc + parseFloat(item.total_price), 0).toFixed(2);\r\n setFilteredTotal(newFilteredTotal);\r\n setShowForm(false);\r\n setShowForm1(true);\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n };\r\n /******************************************************************************************************* */\r\n const dataList = async (ci, secuentialBillId) => {\r\n try {\r\n console.log('ci cicicici DATALIST:', ci);\r\n console.log('ci secuential_bill_id_total DATALIST:', secuentialBillId);\r\n\r\n if (ci && secuentialBillId) {\r\n const response = await axios.get(ApiUrl + `sale-products-list-total/${ci}/${secuentialBillId}`);\r\n const responseData = response.data;\r\n setdata(responseData);\r\n console.log('DATALIST LISTADO SaleProduct FINAL TOTAL:', responseData);\r\n\r\n const newTotal = responseData.reduce((acc, item) => acc + parseFloat(item.total_price_sale), 0);\r\n setTotal(newTotal);\r\n console.log('el total', newTotal);\r\n } else {\r\n console.log('En espera de datos');\r\n }\r\n\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n const dataListFree = async (ci, secuentialBillId) => {\r\n try {\r\n console.log('ci cicicici DATALIST:', ci);\r\n console.log('ci secuential_bill_id_total DATALIST:', secuentialBillId);\r\n\r\n if (ci && secuentialBillId) {\r\n const response = await axios.get(ApiUrl + `free-sale-products-list-total/${ci}/${secuentialBillId}`);\r\n const responseData = response.data;\r\n setdataFree(responseData);\r\n console.log('DATALIST LISTADO SaleProduct FINAL TOTAL FREE:', responseData);\r\n\r\n const newTotalFree = responseData.reduce((acc, item) => acc + parseFloat(item.price_sale_free), 0);\r\n setTotalFree(newTotalFree);\r\n } else {\r\n console.log('En espera de datos');\r\n }\r\n\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n const DeleteSaleTotal = async (ci, secuentialBillId) => {\r\n // Realizar la actualización del estado en el servidor\r\n console.log('Valor de ciInput ELIMINAR MODAL:', ci_total);\r\n console.log('Valor de secuentialBillId ELIMINAR MODAL:', secuentialBillIdTotal);\r\n console.log('Valor de typeSaleTotal ELIMINAR MODAL:', typeSaleTotal);\r\n try {\r\n // const response = await axios.post(ApiUrl + `sale-products-delete-total/${ci_total}/${secuentialBillIdTotal}`);\r\n // const responseData = response.data; \r\n const response = await axios.post(ApiUrl + `sale-products-delete-total/${ci_total}/${secuentialBillIdTotal}`);\r\n const responseData = response.data;\r\n console.log('DELETE TOTAL', responseData);\r\n toast.success(\"Venta eliminada con éxito\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n dataListTotalSale();\r\n } catch (error) {\r\n console.error(error);\r\n toast.error(\"Error al generar venta\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n };\r\n\r\n const handleShowAll = () => {\r\n // Limpiar los inputs\r\n setStartDate('');\r\n setEndDate('');\r\n // Mostrar todos los registros\r\n setFilteredData(data2);\r\n setFilteredTotal(total2); // Restablecer el total al total general\r\n };\r\n\r\n const deleteTable = () => {\r\n const script1 = document.createElement(\"script\");\r\n script1.src = `/assets/dataTable/datatable-destroy.js`;\r\n script1.async = true;\r\n document.body.appendChild(script1);\r\n }\r\n\r\n useEffect(() => {\r\n dataListTotalSale();\r\n }, []);\r\n\r\n useEffect(() => {\r\n dataList();\r\n }, []);\r\n\r\n useEffect(() => {\r\n dataListFree();\r\n }, []);\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n HISTORIAL DE VENTAS\r\n
\r\n
\r\n
\r\n
\r\n Ir a ventas \r\n \r\n
\r\n
\r\n
\r\n {showForm && (\r\n
\r\n
\r\n
TOTAL VENTAS: {total2} \r\n
\r\n )}\r\n {showForm1 && (\r\n
\r\n
\r\n
TOTAL VENTAS: {filteredTotal} \r\n
\r\n )}\r\n
\r\n
\r\n
\r\n Fecha Inicio \r\n setStartDate(e.target.value)}\r\n required\r\n />\r\n
\r\n
\r\n
\r\n
\r\n Fecha Fin \r\n setEndDate(e.target.value)}\r\n required\r\n />\r\n
\r\n
\r\n
\r\n
\r\n Buscar \r\n Mostrar todo \r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n # \r\n Nombre del cliente \r\n Cédula del cliente \r\n Tipo de venta \r\n Total de venta \r\n Fecha \r\n Acciones \r\n \r\n \r\n \r\n {filteredData.map((item, index) => (\r\n \r\n {index + 1} \r\n {item.passenge_name} \r\n {item.sales_ci} \r\n {item.sale_type} \r\n {item.total_price} \r\n {item.sale_date} \r\n \r\n {\r\n item.sale_type === 'Inventario' ?\r\n (<> dataList(item.sales_ci, item.secuential_bill_id)}> \r\n ) : (\r\n <> dataListFree(item.sales_ci, item.secuential_bill_id)}> \r\n \r\n )\r\n } \r\n { setciTotal(item.sales_ci); setsecuentialBillIdTotal(item.secuential_bill_id); settypeSaleTotal(item.sale_type); }}> \r\n \r\n \r\n ))\r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* MODAL VENTA INVENTARIO */}\r\n
\r\n
{/* Aquí se añade la clase modal-lg */}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Detalle de venta \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Cantidad \r\n Producto \r\n Categoría \r\n Precio unitario \r\n Precio total \r\n Fecha \r\n\r\n \r\n \r\n \r\n {data.map((item) => (\r\n \r\n {item.quantity_prod} \r\n {item.description_product_sale} \r\n {item.description_category} \r\n {item.unitary_price} \r\n {item.total_price_sale} \r\n {item.created_at} \r\n \r\n ))\r\n }\r\n \r\n \r\n \r\n Total: {total} {isNaN(total2) ? \"0\" : total2.toFixed(2)} \r\n \r\n
\r\n
\r\n
\r\n
\r\n Salir \r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* MODAL VENTA FREE */}\r\n
\r\n
{/* Aquí se añade la clase modal-lg */}\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Detalle de venta \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Nombre Producto \r\n Precio unitario \r\n Fecha \r\n \r\n \r\n \r\n {dataFree.map((item) => (\r\n \r\n {item.description_sale_free} \r\n {item.price_sale_free} \r\n {/* {item.description_product_sale} */}\r\n {item.created_at} \r\n \r\n ))\r\n }\r\n \r\n \r\n \r\n Total: {totalFree} {isNaN(total2) ? \"0\" : total2.toFixed(2)} \r\n \r\n
\r\n
\r\n
\r\n
\r\n Salir \r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* MODAL ELIMINAR VENTA TOTAL */}\r\n
\r\n
\r\n
\r\n
\r\n
Eliminar \r\n \r\n
\r\n Está seguro que desea eliminar
\r\n
\r\n\r\n {/* DeleteSaleTotal(deleteListSaleFree)} data-bs-dismiss=\"modal\">Aceptar */}\r\n DeleteSaleTotal()} data-bs-dismiss=\"modal\">Aceptar \r\n {/* <button type=\"button\" className=\"btn btn-primary\" onClick={() => DeleteSaleTotal()} data-bs-dismiss=\"modal\">Aceptar</button> */}\r\n\r\n Cancelar \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n )\r\n}","import axios from 'axios';\r\nimport React, { useEffect, useState } from 'react'\r\nimport { Link } from 'react-router-dom';\r\nimport { useGetDate } from '../../hooks/useGetDate'\r\nimport { useSetMonthlyTour } from '../../hooks/useSetMonthlyTour';\r\nimport { ApiStorage, ApiUrl } from '../../services/ApiRest';\r\nimport { FooterScreen } from '../footer/FooterScreen';\r\nimport { NavBarScreen } from '../navBar/NavBarScreen'\r\nimport { WhatsappButtonScreen } from './whatsappButton/WhatsappButtonScreen';\r\nimport { useGetDateToDayMonth } from '../../hooks/useGetDateToDayMonth';\r\n\r\nexport const CuevaTayosScreen = () => {\r\n localStorage.removeItem(\"menu\");\r\n window.localStorage.setItem(\"menu\", 10);\r\n\r\n const { printMonth, printNextMonth, date } = useGetDate();\r\n\r\n const [tours, settours] = useState([]);\r\n\r\n const getData = async () => {\r\n await axios.get(ApiUrl + \"monthly-tour-list\")\r\n .then(response => {\r\n const data = response.data;\r\n settours(data);\r\n })\r\n .catch(e => {\r\n console.log(e);\r\n })\r\n }\r\n\r\n const convertDate = (date) => {\r\n const { letterMonth, day } = useGetDateToDayMonth(date);\r\n var dateText = day + ' ' + 'DE ' + letterMonth;\r\n return (dateText);\r\n }\r\n\r\n useEffect(() => {\r\n getData();\r\n }, [])\r\n\r\n const { monthlyTour, nextMonthlyTour } = useSetMonthlyTour(tours);\r\n console.log(nextMonthlyTour);\r\n\r\n return (\r\n <>\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
Explora la \r\n \r\n\r\n
\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/*
\r\n
¡Descubre la maravillosa aventura que te espera en Perú! \r\n */}\r\n\r\n\r\n
\r\n
\r\n
3 DÍAS Y DOS NOCHES DE EXPLORACIÓN \r\n 1 - 2 Y 3 DE NOVIEMBRE \r\n {/* \r\n 1-2 Y 3 DE NOVIEMBRE\r\n */}\r\n\r\n \r\n\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n
\r\n
\r\n Previous \r\n \r\n
\r\n Next \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n\r\n\r\n
\r\n ¿Estás listo para una aventura única que solo unos pocos han experimentado? Te invitamos a descubrir la mística Cueva de los Tayos en un recorrido de 3 días y 2 noches, donde vivirás la naturaleza y el misterio en su forma más pura\r\n
\r\n
¿Qué te espera?
\r\n
\r\n
Exploración a la Cueva de los Tayos: Adéntrate en una de las cuevas más legendarias del mundo, famosa por su historia, belleza natural y misterios aún por descubrir. Acompañado de guías locales expertos, explorarás sus profundidades como nunca antes. \r\n
Cultura Shuar: Conoce de primera mano las tradiciones y costumbres de la comunidad Shuar, quienes serán tus anfitriones en esta travesía. Vive una conexión auténtica con su cultura, sus rituales y su sabiduría ancestral. \r\n
Noche dentro de la Cueva: ¡Sí! Pasarás una noche mágica en el interior de la cueva, rodeado de un entorno lleno de historia, silencio y naturaleza pura. Una experiencia incomparable que te dejará asombrado \r\n
Aventura y Naturaleza: A lo largo del recorrido, disfrutarás de impresionantes paisajes amazónicos, navegando ríos y caminando entre la flora y fauna más diversa del Ecuador. \r\n
\r\n \r\n
\r\n
\r\n\r\n\r\n
\r\n\r\n {/*
\r\n
\r\n
Fecha Salida \r\n {convertDate(tour.departure_date)} \r\n \r\n
\r\n
Fecha Retorno \r\n {convertDate(tour.return_date)} \r\n\r\n \r\n
*/}\r\n\r\n
\r\n {/*
*/}\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n \r\n Día 1 \r\n \r\n \r\n Día 2 \r\n \r\n \r\n Día 3 \r\n \r\n \r\n Incluye \r\n \r\n \r\n No Incluye \r\n \r\n \r\n\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
INGRESO A LA SELVA \r\n
¿Te imaginas adentrarte en el corazón de la selva y descubrir sus secretos mejor guardados? Este paquete te ofrece una\r\n aventura única que conecta la naturaleza, la cultura ancestral y el misticismo en un solo viaje. Aquí tienes un adelanto de lo que te espera:\r\n
\r\n
Conexión con la Naturaleza desde el Primer Momento \r\n
El día comienza temprano, reuniéndonos en el parque central de Méndez, donde te unirás a un grupo de aventureros como tú, listos para vivir una\r\n experiencia inolvidable. Desde allí, nos dirigimos a Yuquianza, atravesando paisajes majestuosos, hasta llegar a la comunidad indígena Yukiankas.\r\n
\r\n
\r\n
Inmersión Cultural y Natural \r\n
Llegarás a Kiankus, donde montarás tu campamento en medio de la naturaleza. Aquí, sentirás la conexión total con la selva, respirando aire puro,\r\n rodeado de sonidos de la vida silvestre, y compartiendo historias bajo un cielo estrellado.\r\n
\r\n
\r\n
Aventura en el Corazón de la Selva \r\n
Navegarás por ríos hermosos, mientras la selva amazónica se despliega a tu alrededor en todo su esplendor. No es solo un viaje; es una\r\n verdadera inmersión en la vida amazónica, compartiendo momentos únicos con las comunidades locales y disfrutando de su hospitalidad.\r\n
\r\n
\r\n
Experiencia Espiritual (Opcional) \r\n
Para los que buscan una experiencia más profunda, tendrás la opción de participar en un ritual de Ayahuasca, una ceremonia ancestral guiada\r\n por chamanes locales, que promete una conexión única con lo espiritual.\r\n\r\n\r\n\r\n \r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
¡Vive una Noche Mágica con el Descenso a la Cueva! \r\n
¿Estás listo para una aventura que te llevará más allá de lo convencional? El Descenso a la Cueva es una\r\n experiencia única que te conectará con la naturaleza, la cultura y la magia de la selva amazónica. Esto es lo que te espera:\r\n
\r\n
Montaje del Campamento \r\n
Al llegar, te sumergirás en la naturaleza mientras montamos el campamento en un rincón especial de la selva. Aquí empieza la aventura, rodeado por un entorno poco visitado y lleno de vida.\r\n
\r\n
\r\n
Exploración a la Cueva \r\n
Equipados con linternas, nos adentraremos en una cueva ancestral llena de misterio. Las formaciones naturales y el ambiente silencioso te harán sentir parte de un mundo escondido, donde solo los más aventureros se atreven a entrar.\r\n
\r\n
\r\n
Cena dentro de la Cueva \r\n
Después de la exploración, te espera una cena inolvidable dentro de la cueva. Imagina disfrutar de una deliciosa comida en este entorno natural, mientras el eco de la cueva y la serenidad te rodean. ¡Es una experiencia que no encontrarás en ningún otro lugar!\r\n
\r\n
\r\n
Fogata Simbólica y Cantos Shuar \r\n
Como cierre perfecto de esta jornada, nos reuniremos alrededor de una fogata simbólica dentro de la cueva, mientras los Shuar nos deleitan con sus cantos tradicionales. Este momento místico y cultural te permitirá sumergirte en sus costumbres ancestrales y crear una conexión profunda con la selva y su gente.\r\n\r\n
\r\n
\r\n
Descanso dentro de la Cueva \r\n
Después de un día lleno de emociones, te relajarás y descansarás en el interior de la cueva, en un entorno seguro y lleno de paz, donde los sonidos de la naturaleza te arrullarán hasta dormir.\r\n\r\n\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
¡Aventura de 3 Días/2 Noches en la Selva Amazónica! 🌿🛶 \r\n
¡Prepárate para una experiencia única que combina aventura, cultura y naturaleza en el corazón de la selva! Este paquete te ofrece todo lo que necesitas para disfrutar al máximo de esta increíble travesía. Esto es lo que incluye:\r\n\r\n
\r\n
🍽️ Alimentación Completa \r\n
\r\n Saborea la gastronomía local con 6 deliciosas comidas:\r\n
Día 1: Desayuno, almuerzo y cena \r\n
Día 2: Desayuno, almuerzo y cena \r\n
Día 3: Desayuno ligero para recargar energías \r\n
\r\n
🚐 Transporte desde Méndez (ida y regreso) \r\n
\r\n El transporte está incluido desde el punto de encuentro en Méndez, para que disfrutes del viaje sin preocupaciones. ¡Solo relájate y deja que la aventura comience!\r\n
\r\n
\r\n
🛶 Transporte Fluvial \r\n
\r\n Navega por los ríos amazónicos en una embarcación tradicional. La selva se despliega a tu alrededor mientras avanzamos hacia comunidades remotas.\r\n
\r\n
\r\n
🧢 Equipo Completo para el Ascenso \r\n
\r\n Todo el equipo necesario para tu seguridad está incluido: casco y arnés. ¡Estás en buenas manos para una aventura segura y emocionante!\r\n
\r\n
\r\n
🗺️ Guía Local con 17 Años de Experiencia \r\n
\r\n Con un guía local con más de 17 años de experiencia, te aseguras de explorar la selva de la manera más auténtica y segura. ¡Conoce historias, secretos y detalles únicos de la región!\r\n
\r\n
\r\n
📜 Permisos de Ingreso a las Comunidades \r\n
\r\n Todo está gestionado para que puedas ingresar y convivir con las comunidades locales, respetando su cultura y costumbres.\r\n
\r\n
\r\n
⛺ Equipo de Camping Completo \r\n
\r\n Dormirás cómodo en la selva con nuestro equipo de camping, que incluye:\r\n
Carpas compartidas para 3 personas \r\n
Sleeping bag \r\n
Aislante para una noche confortable \r\n
\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
¡Detalles Importantes! ❗️ \r\n\r\n
NO INCLUYE \r\n
\r\n
\r\n
🐎 Mulas para cargar tu equipo \r\n
🍫 Snacks y bebidas durante el recorrido (lleva tus preferidos). \r\n
🏕️ Carpas individuales (solo se incluyen carpas compartidas). \r\n
🌿 Ceremonia de Ayahuasca (costo adicional). \r\n
🚐 Transporte desde otras ciudades, como Riobamba. El punto de encuentro es en Méndez. \r\n\r\n
\r\n
\r\n
Opciones Adicionales (con costo extra): \r\n
\r\n
\r\n
🐴 Servicio de mulas: Si tu mochila es muy grande o pesada, puedes contratar el servicio de mulas por $50 (solo ida). ¡Una excelente opción si prefieres hacer el trayecto más ligero! \r\n
🌌 Ceremonia de Ayahuasca: Si deseas participar en esta experiencia espiritual ancestral, el costo es de $60 por persona. \r\n
🚶♂️ Camino corto para el regreso: Existe una opción más rápida para el regreso, por solo $6 por persona. Este valor no está incluido, ya que se paga directamente a los dueños del terreno. ¡Es completamente opcional y dependerá de lo que decida el grupo! \r\n\r\n\r\n\r\n \r\n
\r\n
\r\n\r\n\r\n
\r\n\r\n\r\n {/* *********PANTALLA PEQUE************* */}\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n
\r\n
\r\n Previous \r\n \r\n
\r\n Next \r\n \r\n
\r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n {/*
{tour.tour_name} \r\n
{tour.tour_destiny} \r\n
{tour.description}
*/}\r\n\r\n
\r\n \r\n Día 1 \r\n \r\n \r\n Día 2 \r\n \r\n \r\n Día 3 \r\n \r\n \r\n Incluye \r\n \r\n \r\n No Incluye \r\n \r\n \r\n\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
INGRESO A LA SELVA \r\n
¿Te imaginas adentrarte en el corazón de la selva y descubrir sus secretos mejor guardados? Este paquete te ofrece una\r\n aventura única que conecta la naturaleza, la cultura ancestral y el misticismo en un solo viaje. Aquí tienes un adelanto de lo que te espera:\r\n
\r\n
Conexión con la Naturaleza desde el Primer Momento \r\n
El día comienza temprano, reuniéndonos en el parque central de Méndez, donde te unirás a un grupo de aventureros como tú, listos para vivir una\r\n experiencia inolvidable. Desde allí, nos dirigimos a Yuquianza, atravesando paisajes majestuosos, hasta llegar a la comunidad indígena Yukiankas.\r\n
\r\n
\r\n
Inmersión Cultural y Natural \r\n
Llegarás a Kiankus, donde montarás tu campamento en medio de la naturaleza. Aquí, sentirás la conexión total con la selva, respirando aire puro,\r\n rodeado de sonidos de la vida silvestre, y compartiendo historias bajo un cielo estrellado.\r\n
\r\n
\r\n
Aventura en el Corazón de la Selva \r\n
Navegarás por ríos hermosos, mientras la selva amazónica se despliega a tu alrededor en todo su esplendor. No es solo un viaje; es una\r\n verdadera inmersión en la vida amazónica, compartiendo momentos únicos con las comunidades locales y disfrutando de su hospitalidad.\r\n
\r\n
\r\n
Experiencia Espiritual (Opcional) \r\n
Para los que buscan una experiencia más profunda, tendrás la opción de participar en un ritual de Ayahuasca, una ceremonia ancestral guiada\r\n por chamanes locales, que promete una conexión única con lo espiritual.\r\n\r\n\r\n\r\n \r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
¡Vive una Noche Mágica con el Descenso a la Cueva! \r\n
¿Estás listo para una aventura que te llevará más allá de lo convencional? El Descenso a la Cueva es una\r\n experiencia única que te conectará con la naturaleza, la cultura y la magia de la selva amazónica. Esto es lo que te espera:\r\n
\r\n
Montaje del Campamento \r\n
Al llegar, te sumergirás en la naturaleza mientras montamos el campamento en un rincón especial de la selva. Aquí empieza la aventura, rodeado por un entorno poco visitado y lleno de vida.\r\n
\r\n
\r\n
Exploración a la Cueva \r\n
Equipados con linternas, nos adentraremos en una cueva ancestral llena de misterio. Las formaciones naturales y el ambiente silencioso te harán sentir parte de un mundo escondido, donde solo los más aventureros se atreven a entrar.\r\n
\r\n
\r\n
Cena dentro de la Cueva \r\n
Después de la exploración, te espera una cena inolvidable dentro de la cueva. Imagina disfrutar de una deliciosa comida en este entorno natural, mientras el eco de la cueva y la serenidad te rodean. ¡Es una experiencia que no encontrarás en ningún otro lugar!\r\n
\r\n
\r\n
Fogata Simbólica y Cantos Shuar \r\n
Como cierre perfecto de esta jornada, nos reuniremos alrededor de una fogata simbólica dentro de la cueva, mientras los Shuar nos deleitan con sus cantos tradicionales. Este momento místico y cultural te permitirá sumergirte en sus costumbres ancestrales y crear una conexión profunda con la selva y su gente.\r\n\r\n
\r\n
\r\n
Descanso dentro de la Cueva \r\n
Después de un día lleno de emociones, te relajarás y descansarás en el interior de la cueva, en un entorno seguro y lleno de paz, donde los sonidos de la naturaleza te arrullarán hasta dormir.\r\n\r\n\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
¡Aventura de 3 Días/2 Noches en la Selva Amazónica! 🌿🛶 \r\n
¡Prepárate para una experiencia única que combina aventura, cultura y naturaleza en el corazón de la selva! Este paquete te ofrece todo lo que necesitas para disfrutar al máximo de esta increíble travesía. Esto es lo que incluye:\r\n\r\n
\r\n
🍽️ Alimentación Completa \r\n
\r\n Saborea la gastronomía local con 6 deliciosas comidas:\r\n
Día 1: Desayuno, almuerzo y cena \r\n
Día 2: Desayuno, almuerzo y cena \r\n
Día 3: Desayuno ligero para recargar energías \r\n
\r\n
🚐 Transporte desde Méndez (ida y regreso) \r\n
\r\n El transporte está incluido desde el punto de encuentro en Méndez, para que disfrutes del viaje sin preocupaciones. ¡Solo relájate y deja que la aventura comience!\r\n
\r\n
\r\n
🛶 Transporte Fluvial \r\n
\r\n Navega por los ríos amazónicos en una embarcación tradicional. La selva se despliega a tu alrededor mientras avanzamos hacia comunidades remotas.\r\n
\r\n
\r\n
🧢 Equipo Completo para el Ascenso \r\n
\r\n Todo el equipo necesario para tu seguridad está incluido: casco y arnés. ¡Estás en buenas manos para una aventura segura y emocionante!\r\n
\r\n
\r\n
🗺️ Guía Local con 17 Años de Experiencia \r\n
\r\n Con un guía local con más de 17 años de experiencia, te aseguras de explorar la selva de la manera más auténtica y segura. ¡Conoce historias, secretos y detalles únicos de la región!\r\n
\r\n
\r\n
📜 Permisos de Ingreso a las Comunidades \r\n
\r\n Todo está gestionado para que puedas ingresar y convivir con las comunidades locales, respetando su cultura y costumbres.\r\n
\r\n
\r\n
⛺ Equipo de Camping Completo \r\n
\r\n Dormirás cómodo en la selva con nuestro equipo de camping, que incluye:\r\n
Carpas compartidas para 3 personas \r\n
Sleeping bag \r\n
Aislante para una noche confortable \r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
¡Detalles Importantes! ❗️ \r\n\r\n
NO INCLUYE \r\n
\r\n
\r\n
🐎 Mulas para cargar tu equipo \r\n
🍫 Snacks y bebidas durante el recorrido (lleva tus preferidos). \r\n
🏕️ Carpas individuales (solo se incluyen carpas compartidas). \r\n
🌿 Ceremonia de Ayahuasca (costo adicional). \r\n
🚐 Transporte desde otras ciudades, como Riobamba. El punto de encuentro es en Méndez. \r\n\r\n
\r\n
\r\n
Opciones Adicionales (con costo extra): \r\n
\r\n
\r\n
🐴 Servicio de mulas: Si tu mochila es muy grande o pesada, puedes contratar el servicio de mulas por $50 (solo ida). ¡Una excelente opción si prefieres hacer el trayecto más ligero! \r\n
🌌 Ceremonia de Ayahuasca: Si deseas participar en esta experiencia espiritual ancestral, el costo es de $60 por persona. \r\n
🚶♂️ Camino corto para el regreso: Existe una opción más rápida para el regreso, por solo $6 por persona. Este valor no está incluido, ya que se paga directamente a los dueños del terreno. ¡Es completamente opcional y dependerá de lo que decida el grupo! \r\n\r\n\r\n\r\n \r\n
\r\n
\r\n\r\n
\r\n\r\n\r\n\r\n {/*
\r\n
\r\n
Fecha Salida \r\n {convertDate(tour.departure_date)} \r\n \r\n
\r\n
Fecha Retorno \r\n {convertDate(tour.return_date)} \r\n \r\n
\r\n\r\n
\r\n
*/}\r\n\r\n\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n \r\n\r\n )\r\n}\r\n","import React, { useEffect, useState } from 'react'\r\nimport { ApiUrl } from '../../../services/ApiRest';\r\nimport axios from 'axios';\r\nimport { useGetDate } from '../../../hooks/useGetDate';\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport DeleteOutlinedIcon from '@mui/icons-material/DeleteOutlined';\r\n\r\n\r\nexport const ListToBuy = () => {\r\n\r\n const { year, month, day } = useGetDate();\r\n const paddedMonth = String(month + 1).padStart(2, '0');\r\n const paddedDay = String(day).padStart(2, '0');\r\n const currentDate = `${year}-${paddedMonth}-${paddedDay}`;\r\n const [buttonDisabled, setButtonDisabled] = useState(false);\r\n\r\n const [toBuy, settoBuy] = useState([]);\r\n const [selectedtoBuy, setselectedtoBuy] = useState([]);\r\n\r\n const [formD, setformD] = useState({\r\n name: '',\r\n description: '',\r\n price: '',\r\n });\r\n\r\n const getData = async () => {\r\n await axios.get(ApiUrl + \"tobuy-list\")\r\n .then(response => {\r\n const data = response.data;\r\n settoBuy(data);\r\n\r\n //cargamos los datos nuevos\r\n const script = document.createElement(\"script\");\r\n script.src = `/assets/dataTable/dataTable.js`;\r\n script.async = true;\r\n document.body.appendChild(script);\r\n })\r\n .catch(e => {\r\n console.log(e)\r\n })\r\n }\r\n\r\n const selecttoBuy = (data) => {\r\n console.log(data)\r\n setselectedtoBuy(data);\r\n setformD({\r\n name: data.name || '',\r\n price: data.price || '',\r\n description: data.description || '',\r\n });\r\n }\r\n\r\n const onSubmit = async (event) => {\r\n event.preventDefault();\r\n setButtonDisabled(true);\r\n // notify();\r\n const f = new FormData();\r\n\r\n f.append(\"name\", formD.name);\r\n f.append(\"price\", formD.price);\r\n f.append(\"description\", formD.description);\r\n \r\n console.log(Object.fromEntries(f));\r\n await axios.post(ApiUrl + 'tobuy-add', f)\r\n .then(response => {\r\n var resp = response.data;\r\n console.log(resp);\r\n if (resp.success) {\r\n toast.success(\"Producto Agregado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n deleteTable();\r\n getData();\r\n setformD({\r\n name: '',\r\n price: '',\r\n description: '',\r\n });\r\n } else {\r\n toast.error(\"El Producto no se ha agregado\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n })\r\n .catch(e => {\r\n console.log(e)\r\n toast.error(\"\" + e + \" !\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n })\r\n .finally(() => {\r\n setButtonDisabled(false); // Habilitar el botón después de que la solinametud haya finalizado\r\n });\r\n }\r\n\r\n const onSubmitEdit = async (event) => {\r\n event.preventDefault();\r\n setButtonDisabled(true);\r\n // notify();\r\n const f = new FormData();\r\n\r\n f.append(\"name\", formD.name);\r\n f.append(\"price\", formD.price);\r\n f.append(\"description\", formD.description);\r\n \r\n console.log(Object.fromEntries(f));\r\n await axios.post(ApiUrl + 'toBuy-update/' + selectedtoBuy.toBuy_id, f)\r\n .then(response => {\r\n var resp = response.data;\r\n console.log(resp);\r\n if (resp.success) {\r\n toast.success(\"toBuyo Actualizado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n deleteTable();\r\n getData();\r\n setformD({\r\n name: '',\r\n price: '',\r\n description: '',\r\n \r\n });\r\n // setcategorySelected('');\r\n // setsupplierSelected('');\r\n } else {\r\n toast.error(\"El crédito no se ha editado\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n })\r\n .catch(e => {\r\n console.log(e)\r\n toast.error(\"\" + e + \" !\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n })\r\n .finally(() => {\r\n setButtonDisabled(false); // Habilitar el botón después de que la solinametud haya finalizado\r\n });\r\n }\r\n\r\n const clearData= ()=>{\r\n setformD({\r\n name: '',\r\n price: '',\r\n description: '',\r\n \r\n });\r\n }\r\n\r\n const onInputChange = ({ target }) => {\r\n const { name, value } = target;\r\n setformD({\r\n ...formD,\r\n [name]: value\r\n })\r\n }\r\n\r\n const deletetoBuy = async () => {\r\n console.log(selectedtoBuy)\r\n await axios.post(ApiUrl + 'tobuy-delete/' + selectedtoBuy.id_ToBuy)\r\n .then(resp => {\r\n deleteTable();\r\n getData();\r\n setformD({\r\n name: '',\r\n price: '',\r\n description: '',\r\n \r\n });\r\n toast.success(\"Crédito Eliminado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n\r\n })\r\n .catch(e => {\r\n console.log(e);\r\n })\r\n }\r\n\r\n\r\n const deleteTable = () => {\r\n const script1 = document.createElement(\"script\");\r\n script1.src = `/assets/dataTable/datatable-destroy.js`;\r\n script1.async = true;\r\n document.body.appendChild(script1);\r\n }\r\n\r\n useEffect(() => {\r\n getData();\r\n\r\n }, [])\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n LISTA DE PRODUCTOS POR COMPRAR \r\n
\r\n
\r\n \r\n AGREGAR PRODUCTO A COMPRAR \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n # \r\n Nombre del Producto \r\n Precio \r\n Fecha de creación \r\n Descripción \r\n Acciones \r\n \r\n \r\n \r\n {toBuy.map((toBuy, index) => (\r\n \r\n {index + 1} \r\n {toBuy.name} \r\n {toBuy.price} \r\n {toBuy.created_at} \r\n {toBuy.description} \r\n \r\n\r\n {/* selecttoBuy(toBuy)}> */}\r\n\r\n selecttoBuy(toBuy)}> \r\n\r\n \r\n\r\n \r\n ))}\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
Eliminar \r\n \r\n
\r\n Está seguro que desea eliminar el producto a comprar {selectedtoBuy.name} {selectedtoBuy.price}
\r\n
\r\n deletetoBuy()} data-bs-dismiss=\"modal\" >Aceptar \r\n clearData()} >Cancelar \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {/*
*/}\r\n
\r\n
\r\n
\r\n
\r\n
CREAR PRODUCTO A COMPRAR \r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n
\r\n
EDITAR CRÉDITO \r\n
\r\n\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n\r\n
\r\n )\r\n}\r\n","import React, { useRef } from 'react'\r\nimport \"./CarouselStyles.css\";\r\nimport { Link } from 'react-router-dom';\r\n\r\n\r\nconst aliados = [\r\n { id: 1, src: \"./assets/images/carouselTyger/urku2.jpg\", name: \"URKU ÑAN\", city: 'Penipe' },\r\n { id: 2, src: \"./assets/images/carouselTyger/urkunan.jpg\", name: \"HOSPEDAJE\", city: 'Penipe' },\r\n \r\n];\r\n\r\n\r\nexport const HospedajeCaousel = () => {\r\n\r\n const scrollRef = useRef(null);\r\n\r\n const scrollLeft = () => {\r\n scrollRef.current.scrollBy({\r\n left: -300, // Ajusta el valor para determinar la cantidad de desplazamiento\r\n behavior: \"smooth\",\r\n });\r\n };\r\n\r\n const scrollRight = () => {\r\n scrollRef.current.scrollBy({\r\n left: 300, // Ajusta el valor para determinar la cantidad de desplazamiento\r\n behavior: \"smooth\",\r\n });\r\n };\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n \r\n
\r\n {aliados.map((item, index) => (\r\n
\r\n
\r\n
\r\n
{item.name} {item.city} \r\n
\r\n\r\n \r\n
\r\n\r\n ))}\r\n
\r\n
\r\n \r\n
\r\n \r\n\r\n );\r\n\r\n\r\n}\r\n","import React from 'react'\r\nimport { NavBarScreen } from '../navBar/NavBarScreen'\r\nimport { HospedajeCaousel } from './carouselTiger/HospedajeCaousel'\r\n\r\n\r\nexport const TigerClub = () => {\r\n return (\r\n <>\r\n
\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
TIGER CLUB \r\n Un espacio para quienes disfrutan la aventura. \r\n \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n
\r\n {/*
*/}\r\n
\r\n\r\n
\r\n
\r\n
\r\n Previous \r\n \r\n
\r\n Next \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n\r\n\r\n
\r\n Suscribete al Tyger Club y disfruta de todos los beneficios de ser parte de esta comunidad. ¿Qué te espera en nuestro grupo? \r\n
\r\n
\r\n
\r\n
\r\n Descuentos en alquiler de equipos: Al ser miembro de Tiger Club recibes un descuento del 10% en cualquiera de los equipos de camping que tenemosDescuentos en la compra de productos: Queremos que estés equipado con el mejor equipo para tus rutas, así que recibes un 10% de descuento en todos los productos que tenemos a la venta para tiDescuentos en Tours: En cualquiera de nuestras próximas rutas obtendrás un 10% de descuentoDescuentos con nuestros aliados estratégicos: Tenemos varios aliados que se han sumado a nuestro grupo. Te comentamos quienes son¿Estás de cumpleaños? Tu tour tendrá un 50% de descuento para ti y un acompañante, es decir, viajan dos y el cumpleañero no pagaKit de Bienvenida: Gorra, Taza, Tomatodo, Llavero, Agenda, Mochila Pequeña \r\n
Inscríbete por 35 dólares
\r\n
Mensualidad de 10.00
\r\n
Nuestros Clientes Que han confiado en nuestro Trabajo y han Viajado más de 5 Veces con nosotros Ya son parte del Tiger Club.
\r\n
Cuando no han pagado su membresía, su código QR deja de funcionar hasta que lo activen de nuevo cancelando la membresía del mes.
\r\n\r\n\r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n
\r\n\r\n\r\n
\r\n \r\n
\r\n
\r\n\r\n
\r\n
HOSPEDAJE \r\n
\r\n \r\n\r\n
ALIMENTACIÓN \r\n
\r\n\r\n
DIVERSIÓN y COCTELERÍA \r\n
\r\n Rayuela Bar and Coffee \r\n \r\n\r\n
VESTIMENTA Y ACCESORIOS \r\n
\r\n Tribu en Sucursal Riobamba Sector Media Laguna \r\n \r\n\r\n
NUTRICIÓN \r\n
\r\n Omnilife Distribuidor Sector del Redondel del Libro \r\n \r\n\r\n
SALUD \r\n
\r\n\r\n
TRANSPORTE PRIVADO \r\n
\r\n 10% de descuento en viajes dentro y fuera de la ciudad para tus rutas \r\n \r\n\r\n
TECNOLOGÍA \r\n
\r\n Descuento en Payfer \r\n \r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n\r\n\r\n \r\n )\r\n}\r\n","import React, { useEffect, useState } from 'react'\r\n// import { useParams } from 'react-router-dom';\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport { ApiStorage, ApiUrl } from '../../../services/ApiRest';\r\nimport axios from 'axios';\r\nimport { Link, useParams } from 'react-router-dom';\r\n\r\nexport const TransactionPassengerList = () => {\r\n\r\n const { idList } = useParams(); // Obtiene el parámetro de la URL (en este caso, '2')\r\n const [isLoading, setisLoading] = useState(true);\r\n const [dataTransactions, setdataTransactions] = useState([]);\r\n const [buttonDisabled, setButtonDisabled] = useState(false);\r\n const [transactionId, settransactionId] = useState();\r\n const [dataTour, setdataTour] = useState({});\r\n const [formData, setformData] = useState({\r\n transactions_id: null,\r\n quantity: '',\r\n description: '',\r\n unit_price: '',\r\n total_price: '',\r\n movement_type: 'Egreso',\r\n payment_type: 'Efectivo', // Valor predeterminado\r\n list_id: idList || '', // Usa el ID de la URL como list_id\r\n });\r\n\r\n // const handleChange = (e) => {\r\n // const { name, value } = e.target;\r\n // setformData((prevData) => ({\r\n // ...prevData,\r\n // [name]: value,\r\n // }));\r\n // };\r\n\r\n const handleChange = (e) => {\r\n const { name, value } = e.target;\r\n setformData((prevData) => {\r\n const updatedData = {\r\n ...prevData,\r\n [name]: value,\r\n };\r\n // Realiza la multiplicación si ambos valores son válidos\r\n if (updatedData.quantity && updatedData.unit_price) {\r\n const quantity = parseFloat(updatedData.quantity) || 0;\r\n const unitPrice = parseFloat(updatedData.unit_price) || 0;\r\n // Calcula el precio total\r\n updatedData.total_price = (quantity * unitPrice).toFixed(2); // Formatea con 2 decimales\r\n } else {\r\n updatedData.total_price = ''; // Resetea si falta algún dato\r\n }\r\n return updatedData;\r\n });\r\n };\r\n\r\n const onSubmit = async (event) => {\r\n event.preventDefault();\r\n setButtonDisabled(true);\r\n try {\r\n const f = new FormData();\r\n f.append(\"quantity\", formData.quantity);\r\n f.append(\"description\", formData.description);\r\n f.append(\"unit_price\", formData.unit_price);\r\n f.append(\"total_price\", formData.total_price);\r\n f.append(\"movement_type\", formData.movement_type);\r\n f.append(\"payment_type\", formData.payment_type);\r\n f.append(\"list_id\", idList);\r\n console.log('Datos enviados al backend AGREGADOSSSS secuential_bill NUEVO CLIENT:', Object.fromEntries(f));\r\n const response = await axios.post(ApiUrl + 'transaction-add', f);\r\n const resp = response.data;\r\n console.log('RESPUESTA DEL BACKEND', response);\r\n setformData({\r\n quantity: '',\r\n description: '',\r\n unit_price: '',\r\n total_price: '',\r\n movement_type: 'Egreso',\r\n payment_type: 'Efectivo',\r\n list_id: idList || '',\r\n });\r\n if (resp.success) {\r\n dataListTransactions(); // Vuelve a cargar los datos desde el servidor\r\n } else {\r\n toast.error(\"Transacción errónea\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n } catch (error) {\r\n console.log(\"Error al enviar los datos:\", error);\r\n toast.error(\"\" + error + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n } finally {\r\n setButtonDisabled(false); // Habilitar el botón después de que la solicitud haya finalizado\r\n };\r\n };\r\n\r\n const dataListTransactions = async () => {\r\n try {\r\n const response = await axios.get(ApiUrl + `transaction-list/${idList}`);\r\n const responseData = response.data;\r\n console.log('DATOS:', responseData);\r\n // setdataTransactions(responseData);\r\n if (Array.isArray(responseData)) {\r\n setdataTransactions(responseData);\r\n } else {\r\n console.error(\"La respuesta no es un arreglo:\", responseData);\r\n setdataTransactions([]); // Evita errores si la API devuelve algo inesperado\r\n }\r\n const script = document.createElement(\"script\");\r\n script.src = `/assets/dataTable/dataTable.js`;\r\n script.async = true;\r\n document.body.appendChild(script);\r\n setisLoading(false);\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n const onSubmitUpdate = async (event) => {\r\n event.preventDefault();\r\n setButtonDisabled(true);\r\n const f = new FormData();\r\n f.append(\"quantity\", formData.quantity);\r\n f.append(\"description\", formData.description);\r\n f.append(\"unit_price\", formData.unit_price);\r\n f.append(\"total_price\", formData.total_price);\r\n f.append(\"movement_type\", formData.movement_type);\r\n f.append(\"payment_type\", formData.payment_type);\r\n // f.append(\"list_id\", idList);\r\n try {\r\n const response = await axios.post(ApiUrl + `transaction-update/${formData.transactions_id}`, f);\r\n const resp = response.data;\r\n if (resp.success) {\r\n toast.success(\"Transacción actualizada exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n dataListTransactions();\r\n } else {\r\n toast.error(\"Transacción no se ha actualizado\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n setformData({\r\n quantity: '',\r\n description: '',\r\n unit_price: '',\r\n total_price: '',\r\n movement_type: 'Egreso',\r\n payment_type: 'Efectivo',\r\n list_id: idList || '',\r\n });\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n } finally {\r\n setButtonDisabled(false); // Habilitar el botón después de que la solicitud haya finalizado\r\n };\r\n };\r\n\r\n const deleteTransactions = async (transactions_id) => {\r\n try {\r\n const response = await axios.post(ApiUrl + `transaction-delete/${transactions_id}`);\r\n const resp = response.data;\r\n if (resp.success === true) {\r\n toast.success(\"Transacción eliminada exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n dataListTransactions();\r\n } else {\r\n toast.error(\"Transacción no eliminada\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \" !\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n };\r\n\r\n const loadDataTour = async () => {\r\n setisLoading(true);\r\n try {\r\n const resp = await axios.get(ApiUrl + 'monthly-tour-show-id-for-list1/' + idList);\r\n setisLoading(false);\r\n setdataTour(resp.data[0]);\r\n console.log('RESP:', resp);\r\n console.log('resp.data[0]111:', resp.data[0]); \r\n } catch (error) {\r\n console.error(\"Error en loadDataTour:\", error);\r\n setisLoading(false);\r\n }\r\n }\r\n\r\n // // Cálculos de totales\r\n // const totalIngreso = dataTransactions.filter(item => item.movement_type === 'Ingreso').length;\r\n // const totalEgreso = dataTransactions.filter(item => item.movement_type === 'Egreso').length;\r\n // Cálculos de totales\r\n const totalIngreso = dataTransactions\r\n .filter(item => item.movement_type === 'Ingreso' && item.payment_type === 'Efectivo')\r\n .reduce((acc, item) => acc + parseFloat(item.total_price || 0), 0);\r\n\r\n const totalEgreso = dataTransactions\r\n .filter(item => item.movement_type === 'Egreso' && item.payment_type === 'Efectivo')\r\n .reduce((acc, item) => acc + parseFloat(item.total_price || 0), 0);\r\n\r\n const dineroEfectivo = totalIngreso - totalEgreso;\r\n\r\n const dineroTransferencia = dataTransactions\r\n .filter(item => item.movement_type === 'Ingreso' && item.payment_type === 'Transferencia')\r\n .reduce((acc, item) => acc + parseFloat(item.total_price || 0), 0);\r\n\r\n useEffect(() => {\r\n dataListTransactions();\r\n }, [])\r\n\r\n useEffect(() => {\r\n loadDataTour();\r\n }, [])\r\n\r\n if (isLoading) {\r\n return (\r\n
\r\n
Cargando Datos... \r\n \r\n )\r\n }\r\n\r\n return (\r\n <>\r\n
\r\n
Regresar \r\n
\r\n
\r\n
\r\n
\r\n
\r\n TRANSACCIONES - Ruta: {dataTour.Description} / {new Date(dataTour.created_at).toLocaleDateString('en-CA')} \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
Total ingreso: {totalIngreso.toFixed(2)} \r\n
\r\n
Total egreso: {totalEgreso.toFixed(2)} \r\n {/*
\r\n
Dinero efectivo: {dineroEfectivo.toFixed(2)} */}\r\n
\r\n
Dinero tranferencia: {dineroTransferencia.toFixed(2)} \r\n
\r\n
\r\n
Agregar cobro / gasto \r\n
\r\n
\r\n
\r\n \r\n \r\n Fecha \r\n Cantidad \r\n Descripción \r\n P. unitario \r\n P. total \r\n Tipo gasto \r\n Tipo pago \r\n Acciones \r\n \r\n \r\n \r\n {\r\n Array.isArray(dataTransactions) && dataTransactions.map((item, index) => (\r\n \r\n {item.date} \r\n {item.quantity} \r\n {item.description} \r\n {item.unit_price} \r\n {item.total_price} \r\n {item.movement_type} \r\n {item.payment_type} \r\n \r\n { setformData({ transactions_id: item.transactions_id, quantity: item.quantity, description: item.description, unit_price: item.unit_price, total_price: item.total_price, movement_type: item.movement_type || \"\", payment_type: item.payment_type || \"\" }); }}> \r\n { settransactionId(item.transactions_id) }}> \r\n \r\n \r\n ))\r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* MODAL AGREGAR TRANSACCIONES */}\r\n
\r\n {/* EDITAR TRANSACCIONES */}\r\n
\r\n
\r\n
\r\n
\r\n
EDITAR TRANSACCIÓN \r\n
\r\n
\r\n
\r\n
\r\n {/* ELIMINAR TRASACTIONS */}\r\n
\r\n
\r\n
\r\n
\r\n
Eliminar Transacción \r\n \r\n
\r\n ¿Está seguro que desea eliminar\r\n
\r\n
\r\n deleteTransactions(transactionId)} >Aceptar \r\n Cancelar \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport { WhatsappButtonScreen } from '../whatsappButton/WhatsappButtonScreen'\r\nimport { FooterScreen } from '../../footer/FooterScreen'\r\nimport { Link } from 'react-router-dom'\r\nimport { NavBarScreen } from '../../navBar/NavBarScreen'\r\n\r\nexport const SingleAliance = () => {\r\n\r\n const tours = [\r\n {\r\n city: \"Penipe, Chimborazo\",\r\n description: \"Un acogedor alojamiento rodeado de naturaleza, perfecto para desconectar y disfrutar de la tranquilidad de Penipe. Precios del hospedaje: Habitación individual: 25 USD por noche. Habitación doble: 40 USD por noche. Suite familiar: 70 USD por noche.\",\r\n business_name: \"Urkuñan\",\r\n googleMaps: \"https://maps.app.goo.gl/8KaKqF3PfaWK6ez57\",\r\n opening_hours: \"Abierto las 24 horas, todos los días\",\r\n benefit: \"Beneficios para miembros del Tiger Club: 10% de descuento en todas las reservas. Check-out extendido hasta las 2 p.m. Acceso gratuito a eventos especiales organizados por Urkuñan.\",\r\n Facebook: \"https://www.facebook.com/profile.php?id=100067891923078\",\r\n Instagram: \"https://www.facebook.com/profile.php?id=100067891923078\",\r\n img_1: \"/assets/images/carouselTyger/urkunan.jpg\",\r\n img_2: \"/assets/images/carouselTyger/urku3.jpg\",\r\n contact_phone: \"961119670\",\r\n messagge_for_contact: \"Hola, estoy interesado en alojarme en Urkuñan. ¿Podrían darme más información?\"\r\n }\r\n ];\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n {tours.map((tour, index) => (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Previous \r\n \r\n
\r\n Next \r\n \r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
{tour.city} \r\n
{tour.business_name} \r\n
{tour.description}
\r\n\r\n
Para suscriptores: {tour.benefit}
\r\n
Horario de atención: {tour.opening_hours}
\r\n
Dirección: {tour.googleMaps}
\r\n\r\n \r\n\r\n
\r\n\r\n\r\n\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n ))}\r\n
\r\n\r\n {/* *********PANTALLA PEQUE************* */}\r\n\r\n
\r\n
\r\n {tours.map((tour, index) => (\r\n
\r\n
{tour.business_name} \r\n
{tour.city} \r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n Previous \r\n \r\n
\r\n Next \r\n \r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
{tour.city} \r\n
{tour.business_name} \r\n
{tour.description}
\r\n\r\n
Para suscriptores: {tour.benefit}
\r\n
Horario de atención: {tour.opening_hours}
\r\n
Dirección: {tour.googleMaps}
\r\n\r\n\r\n
\r\n\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n ))}\r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n )\r\n}\r\n","import { useEffect } from \"react\";\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\nexport const ScrollToTop = () => {\r\n const { pathname } = useLocation();\r\n\r\n useEffect(() => {\r\n window.scrollTo(0, 0); // Desplaza la ventana al inicio\r\n }, [pathname]);\r\n\r\n return null; // Este componente no renderiza nada en la UI\r\n};\r\n","import React, { useEffect, useState } from 'react'\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport { ApiStorage, ApiUrl } from '../../../services/ApiRest';\r\nimport axios from 'axios';\r\nimport CryptoJS from 'crypto-js';\r\n\r\nexport const SubscriptionsList = () => {\r\n const [data, setdata] = useState([]);\r\n const [nameUser, setnameUser] = useState();\r\n const [lastNameUser, setlastNameUser] = useState();\r\n const [isLoading, setisLoading] = useState(true);\r\n const [buttonDisabled, setButtonDisabled] = useState(false);\r\n const [buttonDisabled1, setButtonDisabled1] = useState(false);\r\n const [userId, setuserId] = useState();\r\n const [formData, setformData] = useState({\r\n id: null,\r\n ci: '',\r\n name: '',\r\n last_name: '',\r\n country: '',\r\n city: '',\r\n cellphone: '',\r\n img: '',\r\n email: '',\r\n password: '',\r\n user_status: ''\r\n });\r\n\r\n const handleChange = (e) => {\r\n const { name, value } = e.target;\r\n setformData((prevData) => ({\r\n ...prevData,\r\n [name]: value,\r\n }));\r\n };\r\n\r\n const onSubmit = async (event) => {\r\n event.preventDefault();\r\n setButtonDisabled(true);\r\n const rol_id = 'c642c1be-81a7-4bfb-bc85-c04238b93857';\r\n try {\r\n const f = new FormData();\r\n // const encryptedPassword = CryptoJS.AES.encrypt(formData.ci, formData.ci).toString();\r\n f.append(\"ci\", formData.ci);\r\n f.append(\"name\", formData.name);\r\n f.append(\"last_name\", formData.last_name);\r\n f.append(\"country\", formData.country);\r\n f.append(\"city\", formData.city);\r\n f.append(\"cellphone\", formData.cellphone);\r\n f.append(\"rol\", rol_id);\r\n f.append(\"email\", formData.email);\r\n f.append(\"password\", formData.ci);\r\n f.append(\"user_status\", 1);\r\n console.log('Datos enviados al backend AGREGADOSSSS secuential_bill NUEVO CLIENT:', Object.fromEntries(f));\r\n const response = await axios.post(ApiUrl + 'subscriptions-add', f);\r\n const resp = response.data;\r\n console.log('RESPUESTA DEL BACKEND', response);\r\n setformData({\r\n ci: '',\r\n name: '',\r\n last_name: '',\r\n country: '',\r\n city: '',\r\n cellphone: '',\r\n img: '',\r\n email: '',\r\n password: '',\r\n });\r\n if (resp.success) {\r\n toast.success(\"Suscripción agregada exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT })\r\n dataListSubscription();\r\n } else {\r\n toast.error(\"Suscripción errónea\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n } catch (error) {\r\n console.log(\"Error al enviar los datos:\", error);\r\n toast.error(\"\" + error + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n } finally {\r\n setButtonDisabled(false);\r\n };\r\n };\r\n\r\n const onSubmitUpdate = async (event) => {\r\n event.preventDefault();\r\n setButtonDisabled(true);\r\n const rol_id = 'c642c1be-81a7-4bfb-bc85-c04238b93857';\r\n const f = new FormData();\r\n f.append(\"ci\", formData.ci);\r\n f.append(\"name\", formData.name);\r\n f.append(\"last_name\", formData.last_name);\r\n f.append(\"country\", formData.country);\r\n f.append(\"city\", formData.city);\r\n f.append(\"cellphone\", formData.cellphone);\r\n f.append(\"rol\", rol_id);\r\n f.append(\"email\", formData.email);\r\n f.append(\"user_status\", 1);\r\n try {\r\n const response = await axios.post(ApiUrl + `subscriptions-update/${formData.id}`, f);\r\n const resp = response.data;\r\n if (resp.success) {\r\n toast.success(\"Suscripción actualizada exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n dataListSubscription();\r\n } else {\r\n toast.error(\"Suscripción no actualizada\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n setformData({\r\n ci: '',\r\n name: '',\r\n last_name: '',\r\n country: '',\r\n city: '',\r\n cellphone: '',\r\n img: '',\r\n email: '',\r\n });\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n } finally {\r\n setButtonDisabled(false);\r\n };\r\n };\r\n\r\n const passwordUpdate = async (event) => {\r\n event.preventDefault();\r\n setButtonDisabled1(true);\r\n const f = new FormData();\r\n // const encryptedPassword = CryptoJS.AES.encrypt(formData.ci, formData.ci).toString();\r\n f.append(\"password\", formData.ci);\r\n try {\r\n const response = await axios.post(ApiUrl + `password-update/${formData.id}`, f);\r\n const resp = response.data;\r\n if (resp.success) {\r\n toast.success(\"Contraseña actualizada exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n dataListSubscription();\r\n } else {\r\n toast.error(\"Contraseña no actualizada\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n } finally {\r\n setButtonDisabled1(false);\r\n };\r\n };\r\n\r\n const dataListSubscription = async () => {\r\n try {\r\n const response = await axios.get(ApiUrl + `subscriptions-list`);\r\n const responseData = response.data;\r\n console.log('DATOS:', responseData);\r\n // setdataTransactions(responseData);\r\n if (Array.isArray(responseData)) {\r\n setdata(responseData);\r\n } else {\r\n console.error(\"La respuesta no es un arreglo:\", responseData);\r\n setdata([]); // Evita errores si la API devuelve algo inesperado\r\n }\r\n const script = document.createElement(\"script\");\r\n script.src = `/assets/dataTable/dataTable.js`;\r\n script.async = true;\r\n document.body.appendChild(script);\r\n setisLoading(false);\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n const deleteSubscription = async (id) => {\r\n try {\r\n const response = await axios.post(ApiUrl + `subscriptions-delete/${id}`);\r\n const resp = response.data;\r\n if (resp.success === true) {\r\n toast.success(\"Suscripción eliminada exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n dataListSubscription();\r\n } else {\r\n toast.error(\"Suscripción no eliminada\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \" !\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n dataListSubscription();\r\n }, [])\r\n\r\n if (isLoading) {\r\n return (\r\n
\r\n
Cargando Datos... \r\n \r\n )\r\n }\r\n\r\n return (\r\n <>\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n SUSCRIPCIONES \r\n
\r\n
\r\n CREAR SUSCRIPCIÓN
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n # \r\n Cédula de identidad \r\n Nombres y Apellidos \r\n País \r\n Ciudad \r\n Contacto \r\n email \r\n Acciones \r\n \r\n \r\n \r\n {\r\n Array.isArray(data) && data.map((item, index) => (\r\n \r\n {index + 1} \r\n {item.ci} \r\n {item.name} {item.last_name} \r\n {item.country} \r\n {item.city} \r\n {item.cellphone} \r\n {item.email} \r\n \r\n { setformData({ id: item.id, ci: item.ci, name: item.name, last_name: item.last_name, country: item.country, city: item.city, cellphone: item.cellphone, email: item.email }); setnameUser(item.name); setlastNameUser(item.last_name); }}> \r\n { setuserId(item.id) }}> \r\n \r\n \r\n ))\r\n }\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* AGREGAR SUSCRIPCIONES */}\r\n
\r\n\r\n {/* EDITAR SUSCRIPCIONES */}\r\n
\r\n
\r\n
\r\n
\r\n
EDITAR SUSCRIPCIÓN \r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* ELIMINAR SUSCRIPCIONES */}\r\n
\r\n
\r\n
\r\n
\r\n
ELIMINAR SUSCRIPCIÓN \r\n \r\n
\r\n ¿Está seguro que desea eliminar?\r\n
\r\n
\r\n deleteSubscription(userId)}>Aceptar \r\n Cancelar \r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* RESETEAR CONTRASEÑA */}\r\n
\r\n
\r\n
\r\n
\r\n
RESETEAR CONTRASEÑA \r\n \r\n
\r\n ¿Está seguro que desea resetear la contraseña de usuario {nameUser} {lastNameUser} ? \r\n
\r\n
\r\n Aceptar \r\n Cancelar \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport { useSelector } from 'react-redux';\r\nimport { Link } from 'react-router-dom'\r\n\r\nexport const SubscriberSidebar = () => {\r\n\r\n const { displayName } = useSelector(state => state.auth);\r\n console.log(displayName);\r\n\r\n return (\r\n
\r\n \r\n
\r\n
Core 1.0.6
\r\n
\r\n
\r\n INICIO - SUSCRIPTOR\r\n \r\n\r\n
Interface
\r\n
\r\n
\r\n
\r\n Mi perfil\r\n \r\n\r\n
\r\n
\r\n
\r\n
Usuario:
\r\n {displayName}\r\n
\r\n\r\n\r\n\r\n )\r\n}\r\n","import React from 'react'\r\nimport { BrowserRouter, Outlet, Route, Routes } from 'react-router-dom'\r\nimport { AdminHomeScreen } from '../components/admin/AdminHomeScreen'\r\nimport { NavBarUserScreen } from '../components/navBar/NavBarUserScreen'\r\nimport { AdminSidebar } from '../components/sidebar/AdminSidebar'\r\nimport Cookies from 'universal-cookie/es6';\r\nimport { FooterDashboardScreen } from '../components/footer/FooterDashboardScreen'\r\nimport axios from 'axios'\r\nimport { ApiUrl } from '../services/ApiRest'\r\n// import { loadUser } from '../store/auth/thunks'\r\nimport { loadUser } from '../store/auth/thunks'\r\nimport { useDispatch } from 'react-redux'\r\nimport { startLoadingTourCatalogue } from '../store/tour_catalogue/thunks'\r\n// import { GuideSidebar } from '../components/sidebar/GuideSidebar'\r\nimport { SubscriberSidebar } from '../components/sidebar/SubscriberSidebar'\r\n// import { AddTour } from '../components/admin/tours/AddTour'\r\n\r\n\r\nconst cookies = new Cookies();\r\n\r\nexport const SubscriberRoute = () => {\r\n\r\n const dispatch = useDispatch();\r\n\r\n \r\n if(cookies.get('token') && cookies.get('uid')){\r\n dispatch(loadUser(cookies.get('uid')));\r\n dispatch(startLoadingTourCatalogue());\r\n // console.log(\"Estoy en administrativo logeado!!!\")\r\n \r\n \r\n }else{\r\n // console.log('no está logeado')\r\n // //setisLiggedIn(false);\r\n // window.location.href=\"/iniciar-sesion\";\r\n }\r\n\r\n \r\n\r\n return (\r\n <> \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n } > \r\n } > \r\n */}\r\n
\r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n\r\n \r\n {/*
*/}\r\n \r\n )\r\n}\r\n","import React from 'react'\r\nimport { NavBarUserScreen } from '../navBar/NavBarUserScreen'\r\nimport { toast, ToastContainer } from 'react-toastify';\r\nimport axios from 'axios';\r\nimport { ApiUrl } from '../../services/ApiRest';\r\n\r\nexport const SubscriberHomeScreen = () => {\r\n const toastId = React.useRef(null);\r\n\r\n function handleUpload() {\r\n axios.request({\r\n method: \"get\",\r\n url: ApiUrl + \"catalogue-list\",\r\n onUploadProgress: p => {\r\n const progress = p.loaded / p.total;\r\n\r\n // check if we already displayed a toast\r\n if (toastId.current === null) {\r\n toastId.current = toast('Upload in Progress', { progress });\r\n } else {\r\n toast.update(toastId.current, { progress });\r\n }\r\n }\r\n }).then(data => {\r\n // Upload is done! \r\n // The remaining progress bar will be filled up\r\n // The toast will be closed when the transition end\r\n toast.done(toastId.current);\r\n })\r\n }\r\n\r\n return (\r\n
\r\n Upload something \r\n
\r\n )\r\n}\r\n","// import React from 'react';\r\nimport React, { useEffect, useState } from 'react'\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport { ApiUrl } from '../../services/ApiRest';\r\nimport axios from 'axios';\r\nimport Cookies from 'universal-cookie/es6';\r\n\r\nconst cookies = new Cookies();\r\nconst userId = cookies.get('uid');\r\n\r\n\r\nexport const SubscriberProfileEdit = () => {\r\n const [data, setdata] = useState([]);\r\n const [isLoading, setisLoading] = useState(true);\r\n const [buttonDisabled, setButtonDisabled] = useState(false);\r\n const [passwordMatch, setPasswordMatch] = useState(null);\r\n const [passwords, setPasswords] = useState({\r\n newPassword: \"\",\r\n confirmPassword: \"\",\r\n });\r\n const [formData, setformData] = useState({\r\n id: null,\r\n ci: '',\r\n name: '',\r\n last_name: '',\r\n country: '',\r\n city: '',\r\n email: '',\r\n password: '',\r\n user_status: ''\r\n });\r\n\r\n const onSubmitUpdate = async (event) => {\r\n event.preventDefault();\r\n setButtonDisabled(true);\r\n const rol_id = 'c642c1be-81a7-4bfb-bc85-c04238b93857';\r\n const f = new FormData();\r\n f.append(\"ci\", formData.ci);\r\n f.append(\"name\", formData.name);\r\n f.append(\"last_name\", formData.last_name);\r\n f.append(\"country\", formData.country);\r\n f.append(\"city\", formData.city);\r\n f.append(\"cellphone\", formData.cellphone);\r\n f.append(\"rol\", rol_id);\r\n f.append(\"email\", formData.email);\r\n f.append(\"user_status\", 1);\r\n try {\r\n const response = await axios.post(ApiUrl + `subscriptions-update/${formData.id}`, f);\r\n const resp = response.data;\r\n if (resp.success) {\r\n toast.success(\"Suscripción actualizada exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n dataListSubscription();\r\n } else {\r\n toast.error(\"Suscripción no actualizada\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n } finally {\r\n setButtonDisabled(false);\r\n };\r\n };\r\n\r\n const handleChange = (e) => {\r\n const { name, value } = e.target;\r\n setformData((prevData) => ({\r\n ...prevData,\r\n [name]: value,\r\n }));\r\n };\r\n\r\n const handlePasswordInput = (e) => {\r\n const { name, value } = e.target;\r\n setPasswords((prevPasswords) => ({\r\n ...prevPasswords,\r\n [name]: value,\r\n }));\r\n\r\n // Verificar si las contraseñas coinciden\r\n if (name === \"confirmPassword\" || name === \"newPassword\") {\r\n setPasswordMatch(\r\n e.target.name === \"newPassword\"\r\n ? value === passwords.confirmPassword\r\n : value === passwords.newPassword\r\n );\r\n }\r\n };\r\n\r\n const handlePasswordChange = async (e) => {\r\n e.preventDefault();\r\n setButtonDisabled(true);\r\n if (!passwordMatch) {\r\n toast.error(\"Las contraseñas no coinciden.\", {\r\n position: toast.POSITION.BOTTOM_RIGHT,\r\n });\r\n return;\r\n }\r\n const f = new FormData();\r\n f.append(\"newPassword\", passwords.newPassword);\r\n f.append(\"password\", passwords.confirmPassword);\r\n try {\r\n const response = await axios.post(\r\n `${ApiUrl}password-update-subscriber-profile/${userId}`, f\r\n );\r\n if (response.data.success) {\r\n toast.success(\"Contraseña actualizada exitosamente.\", {\r\n position: toast.POSITION.BOTTOM_RIGHT,\r\n });\r\n } else {\r\n toast.error(\"No se pudo actualizar la contraseña.\", {\r\n position: toast.POSITION.BOTTOM_RIGHT,\r\n });\r\n }\r\n } catch (error) {\r\n console.error(error);\r\n toast.error(\"Error al actualizar la contraseña.\", {\r\n position: toast.POSITION.BOTTOM_RIGHT,\r\n });\r\n } finally {\r\n setButtonDisabled(false);\r\n };\r\n };\r\n\r\n const dataListSubscription = async () => {\r\n try {\r\n const response = await axios.get(ApiUrl + `subscriber-edit-profile-list/${userId}`);\r\n const responseData = response.data;\r\n if (Array.isArray(responseData) && responseData.length > 0) {\r\n const dataUser = responseData[0]; // Accede al primer elemento del array\r\n // Actualiza los valores de formData con los datos recibidos\r\n setformData({\r\n id: dataUser.id || '',\r\n ci: dataUser.ci || '',\r\n name: dataUser.name || '',\r\n last_name: dataUser.last_name || '',\r\n country: dataUser.country || '',\r\n city: dataUser.city || '',\r\n cellphone: dataUser.cellphone || '',\r\n email: dataUser.email || '',\r\n password: '', // Deja en blanco si no lo recibes\r\n user_status: dataUser.user_status || '',\r\n });\r\n setdata(responseData); // Opcional, según sea necesario\r\n } else {\r\n console.error(\"La respuesta no es un arreglo:\", responseData);\r\n setdata([]); // Evita errores si la API devuelve algo inesperado\r\n }\r\n setisLoading(false);\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n dataListSubscription();\r\n }, [])\r\n\r\n if (isLoading) {\r\n return (\r\n
\r\n
Cargando Datos... \r\n \r\n )\r\n }\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n SUSCRIPCIONES \r\n
\r\n
\r\n EDITAR CONTRASEÑA
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Cédula de identidad \r\n Nombres y Apellidos \r\n País \r\n Ciudad \r\n Contacto \r\n email \r\n \r\n \r\n \r\n {\r\n Array.isArray(data) && data.map((item, index) => (\r\n \r\n {item.ci} \r\n {item.name} {item.last_name} \r\n {item.country} \r\n {item.city} \r\n {item.cellphone} \r\n {item.email} \r\n \r\n ))\r\n }\r\n \r\n
\r\n
\r\n\r\n {/* CAMBIO DE CONTRASEÑA */}\r\n
\r\n
\r\n
\r\n
\r\n
Cambiar Contraseña \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n );\r\n};","import axios from 'axios';\r\nimport React, { useEffect, useState } from 'react';\r\nimport Select from 'react-select';\r\nimport { ApiUrl } from '../../../services/ApiRest';\r\n\r\nexport const ProductSelectEdit = ({ requestProductSelect2, setrequestProductSelect2, resetValue, onDataListUpdate, reload }) => {\r\n const [data, setdata] = useState([]);\r\n\r\n\r\n const dataList = async () => {\r\n try {\r\n const response = await axios.get(ApiUrl + 'request-products');\r\n const responseData = response.data;\r\n addNewData(responseData);\r\n console.log(\"hola\");\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n };\r\n\r\n const addNewData = (oldData) => {\r\n const newFormatData = oldData.map(item => ({\r\n label: item.product + ' (' + item.quantity + ')' + ' - ' + item.description_products + ' - '+ item.description_warehouse,\r\n value: {\r\n product_warehouses_id: item.product_warehouses_id,\r\n category_id: item.category_id,\r\n buying_price: item.buying_price,\r\n quantity: item.quantity,\r\n \r\n },\r\n }));\r\n setdata(newFormatData);\r\n };\r\n\r\n useEffect(() => {\r\n dataList();\r\n }, []);\r\n\r\n useEffect(() => {\r\n dataList(); \r\n }, [reload])\r\n \r\n useEffect(() => {\r\n // Aquí detectamos cambios en resetValue y reseteamos el valor del Select\r\n if (resetValue) {\r\n setrequestProductSelect2(null);\r\n }\r\n }, [resetValue]);\r\n\r\n const handleSelectChange = (selectedOption) => {\r\n setrequestProductSelect2(selectedOption);\r\n\r\n // Llama a onDataListUpdate para actualizar los datos en WarehouseRequestProducts.js\r\n onDataListUpdate();\r\n };\r\n\r\n return (\r\n
\r\n );\r\n};","import axios from 'axios';\r\nimport React, { useState, useEffect } from 'react'\r\nimport { useForm } from '../../../hooks/useForm'\r\nimport { ApiUrl } from '../../../services/ApiRest';\r\n\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport { Link } from 'react-router-dom';\r\nimport { RequestProductsSelect } from '../../guide/selects/RequestProductsSelect';\r\nimport { ProductSelectEdit } from './ProductSelectEdit';\r\n\r\nexport const EgressOfDay = () => {\r\n const [requestProductToAddSelected, setrequestProductToAddSelected] = useState(null);\r\n const [resetSelect, setResetSelect] = useState(false);\r\n const [reloadChild, setReloadChild] = useState(false);\r\n const [selectDisabled, setselectDisabled] = useState(true);\r\n const [buttonDisabled, setButtonDisabled] = useState(true);\r\n const [data, setdata] = useState([]);\r\n const [productNameMerma, setproductNameMerma] = useState(null);\r\n const [resultTotal, setResultTotal] = useState(\"\");\r\n const [quantitySaved, setQuantitySaved] = useState();\r\n const [mermaId, setmermaId] = useState();\r\n const [egressId, setegressId] = useState();\r\n const today = new Date().toISOString().split(\"T\")[0]; // Obtener la fecha actual en formato YYYY-MM-DD \r\n const [date, setDate] = useState(today); // Estado para manejar la fecha, permitiendo su modificación\r\n const [totalEgreso, setTotalEgreso] = useState(0);\r\n const [totalMerma, setTotalMerma] = useState(0);\r\n const [sumatoriaTotal, setSumatoriaTotal] = useState(0);\r\n const [formD2, setformD2] = useState({\r\n quantity_em: 1,\r\n egress_mermas_id: null, // Si es necesario\r\n date_em: date,\r\n });\r\n const [formD, setformD] = useState({\r\n quantity_em: 1,\r\n description_em: '',\r\n type_em: '',\r\n total_price_em: '0.00',\r\n date_em: date,\r\n unit_price_em: '',\r\n egress_mermas_id: null, // Si es necesario\r\n });\r\n\r\n const onDataListUpdate = () => {\r\n console.log(\"Actualización de datos solicitada\");\r\n };\r\n\r\n const onSubmitMerma = async (event) => {\r\n event.preventDefault();\r\n if (requestProductToAddSelected && requestProductToAddSelected.value) {\r\n const selectedProductId = requestProductToAddSelected.value.product_warehouses_id;\r\n const selectedProductLabel = requestProductToAddSelected.label;\r\n const selectedProductBuyingPrice = requestProductToAddSelected.value.buying_price;\r\n console.log('DATO PRECIOSSsss:', selectedProductBuyingPrice);\r\n if (!selectedProductId || !selectedProductLabel) {\r\n toast.error(\"Por favor, selecciona un producto válido.\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n return;\r\n }\r\n const quantityToAdd = formD2.quantity_em;\r\n console.log('CANTIDAD DE PRODUCTOS:', quantityToAdd);\r\n console.log('CANTIDAD DE PRODUCTOS DIRECTo:', formD2.quantity_em);\r\n // Validar que la cantidad sea un número positivo\r\n if (!quantityToAdd || isNaN(quantityToAdd) || quantityToAdd <= 0) {\r\n toast.error(\"Por favor, ingresa una cantidad válida.\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n return;\r\n }\r\n const availableQuantity = parseInt(selectedProductLabel.match(/\\((\\d+)\\)/)[1], 10);\r\n // Validar que la cantidad a agregar no exceda la cantidad disponible\r\n if (quantityToAdd > availableQuantity) {\r\n toast.error(\"La cantidad solicitada excede la disponibilidad del producto.\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n return;\r\n }\r\n // Calcular el precio total\r\n const totalPrice = quantityToAdd * selectedProductBuyingPrice;\r\n const formData = new FormData();\r\n // formData.append(\"description_em\", null);\r\n formData.append(\"product_warehouses_id\", selectedProductId);\r\n formData.append(\"quantity_em\", quantityToAdd);\r\n formData.append(\"type_em\", 'Merma');\r\n formData.append(\"total_price_em\", totalPrice);\r\n formData.append(\"status_em\", '1');\r\n formData.append(\"date_em\", date);\r\n console.log('Datos enviados al backend RESPUESTA:', Object.fromEntries(formData));\r\n try {\r\n const response = await axios.post(ApiUrl + 'mermas-add', formData);\r\n const resp = response.data;\r\n if (resp.success) {\r\n toast.success(\"Producto agregado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n setReloadChild(!reloadChild);\r\n deleteTable();\r\n setformD2({\r\n ...formD2,\r\n quantity_em: 1,\r\n date_em: '',\r\n });\r\n dataList();\r\n setButtonDisabled(true);\r\n } else {\r\n toast.error(\"El Producto no se ha agregado\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \" !\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n setResetSelect(true);\r\n setResetSelect(false);\r\n } else {\r\n toast.error(\"Por favor, selecciona un producto antes de continuar\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n };\r\n\r\n const onSubmitEgress = async (event) => {\r\n event.preventDefault();\r\n setButtonDisabled(true);\r\n // notify();\r\n const unitPrice = formD.unit_price_em;\r\n const quantityEg = formD.quantity_em;\r\n // Calcular el precio total\r\n const totalPriceEg = unitPrice * quantityEg;\r\n const f = new FormData();\r\n f.append(\"quantity_em\", formD.quantity_em);\r\n f.append(\"description_em\", formD.description_em);\r\n f.append(\"type_em\", 'Egreso');\r\n f.append(\"unit_price_em\", formD.unit_price_em);\r\n f.append(\"total_price_em\", totalPriceEg);\r\n f.append(\"date_em\", date);\r\n f.append(\"status_em\", '1');\r\n console.log('DOSTOS ENVIADOS del backend:', Object.fromEntries(f));\r\n await axios.post(ApiUrl + 'egress-add', f)\r\n .then(response => {\r\n var resp = response.data;\r\n console.log(resp);\r\n if (resp.success) {\r\n toast.success(\"Información agregada exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n deleteTable();\r\n dataList();\r\n setformD({\r\n quantity_em: 1,\r\n description_em: '',\r\n type_em: '',\r\n total_price_em: '',\r\n date_em: '',\r\n unit_price_em: '',\r\n });\r\n } else {\r\n toast.error(\"La información no se ha agregado\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n })\r\n .catch(e => {\r\n console.log(e)\r\n toast.error(\"\" + e + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n })\r\n .finally(() => {\r\n setButtonDisabled(false); // Habilitar el botón después de que la solicitud haya finalizado\r\n });\r\n }\r\n\r\n const onSubmitUpdateEgress = async (event) => {\r\n event.preventDefault();\r\n setButtonDisabled(true);\r\n const unitPrice = formD.unit_price_em;\r\n const quantityEg = formD.quantity_em;\r\n // Calcular el precio total\r\n const totalPriceEg = unitPrice * quantityEg;\r\n const f = new FormData();\r\n f.append(\"quantity_em\", formD.quantity_em);\r\n f.append(\"description_em\", formD.description_em);\r\n // f.append(\"type_em\", 'Egreso');\r\n f.append(\"unit_price_em\", formD.unit_price_em);\r\n f.append(\"total_price_em\", totalPriceEg);\r\n f.append(\"date_em\", formD.date_em);\r\n console.log('DOSTOS ENVIADOS del backend UPDATE EGRESS:', Object.fromEntries(f));\r\n try {\r\n const id_egress = formD.egress_mermas_id;\r\n console.log('Este es el id:', id_egress);\r\n const response = await axios.post(ApiUrl + `egress-update/${formD.egress_mermas_id}`, f);\r\n const resp = response.data;\r\n console.log('RESPUESTS UPDATE EGRESs:', resp);\r\n if (resp.success) {\r\n toast.success(\"Información actualizada exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n dataList();\r\n } else {\r\n toast.error(\"Información no actualizada\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n setformD({\r\n quantity_em: '',\r\n description_em: '',\r\n type_em: '',\r\n total_price_em: '',\r\n date_em: date,\r\n unit_price_em: '',\r\n });\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n } finally {\r\n setButtonDisabled(false);\r\n };\r\n };\r\n\r\n const onSubmitUpdateMermas = async (event) => {\r\n event.preventDefault();\r\n setButtonDisabled(true);\r\n console.log(\"Valor actual de requestProductToAddSelected:\", requestProductToAddSelected);\r\n event.preventDefault();\r\n const nombreProductoMerma = productNameMerma;\r\n console.log('Nombre merma PRODUCTO:', nombreProductoMerma);\r\n if (requestProductToAddSelected && requestProductToAddSelected.value) {\r\n const selectedProductId = requestProductToAddSelected.value.product_warehouses_id;\r\n const selectedProductLabel = requestProductToAddSelected.label;\r\n const selectedProductBuyingPrice = requestProductToAddSelected.value.buying_price;\r\n const selectedProductQuantity = requestProductToAddSelected.value.quantity;\r\n console.log('DATO PRECIOSSsss:', selectedProductBuyingPrice);\r\n console.log(\"ID del PRODUCTO antes de enviar QUANTITY:\", selectedProductQuantity);\r\n if (!selectedProductId || !selectedProductLabel) {\r\n toast.error(\"Por favor, selecciona un producto válido.\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n return;\r\n }\r\n const quantityToAdd = formD2.quantity_em;\r\n console.log('CANTIDAD DE PRODUCTOS:', quantityToAdd);\r\n console.log('CANTIDAD DE PRODUCTOS DIRECTo:', formD2.quantity_em);\r\n // Validar que la cantidad sea un número positivo\r\n if (!quantityToAdd || isNaN(quantityToAdd) || quantityToAdd <= 0) {\r\n toast.error(\"Por favor, ingresa una cantidad válida.\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n return;\r\n }\r\n const availableQuantity = parseInt(selectedProductLabel.match(/\\((\\d+)\\)/)[1], 10);\r\n // Validar que la cantidad a agregar no exceda la cantidad disponible\r\n if (quantityToAdd > availableQuantity) {\r\n toast.error(\"La cantidad solicitada excede la disponibilidad del producto.\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n return;\r\n }\r\n\r\n\r\n console.log('ID del PRODUCTO:', selectedProductId)\r\n console.log('ID del PRODUCTOVALOR ALMACENADO EN BD de MERMA:', quantitySaved);\r\n // Calcular el precio total\r\n const totalPrice = quantityToAdd * selectedProductBuyingPrice;\r\n let newResultTotal = \"\";\r\n\r\n if (quantitySaved < quantityToAdd) {\r\n const differenceProduct1 = quantityToAdd - quantitySaved;\r\n newResultTotal = selectedProductQuantity - differenceProduct1;\r\n } else if (quantitySaved > quantityToAdd) {\r\n const differenceProduct2 = quantitySaved - quantityToAdd;\r\n newResultTotal = selectedProductQuantity + differenceProduct2;\r\n }\r\n console.log('NEWRESULT TOTAL:', newResultTotal);\r\n // Actualizar el estado con el nuevo resultado\r\n setResultTotal(newResultTotal);\r\n\r\n const formData = new FormData();\r\n formData.append(\"quantity_em\", quantityToAdd);\r\n formData.append(\"total_price_em\", totalPrice);\r\n formData.append(\"product_warehouses_id\", selectedProductId);\r\n formData.append(\"date_em\", date);\r\n // formData.append(\"description_em\", null);\r\n // formData.append(\"type_em\", 'Merma');\r\n // formData.append(\"status_em\", '1');\r\n console.log('Datos enviados al backend RESPUESTA EDITAR MERMA:', Object.fromEntries(formData));\r\n try {\r\n\r\n const id_mermas = formD2.egress_mermas_id;\r\n console.log('ver el ID merma:', id_mermas);\r\n // const response = await axios.post(ApiUrl + 'mermas-add', formData);\r\n\r\n const response = await axios.post(ApiUrl + `merma-update/${formD2.egress_mermas_id}`, formData);\r\n const resp = response.data;\r\n console.log('DATOS RESPUESTA dsdsd:', resp);\r\n console.log('DATOS RESPUESTA dsdsd product_warehouses_id:', response.data.ProductsWarId);\r\n // console.log(\"ID del almacén del producto:\", response.data[0].product_warehouses_id);\r\n console.log('ID del almacén del producto:', response.data.ProductsWarId);\r\n\r\n console.log('Valor de ProductWarehouse que se envia desde el textVOx:', selectedProductId)\r\n console.log('SUCCESS:', resp.success);\r\n if (resp.success) {\r\n toast.success(\"Información actualizada exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n setReloadChild(!reloadChild);\r\n deleteTable();\r\n dataList();\r\n setButtonDisabled(true);\r\n\r\n } else {\r\n // toast.error(\"Información no actualizada\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n toast.error(\"Debe elegir una cantidad diferente a la actual\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \" !\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n setResetSelect(true);\r\n setResetSelect(false);\r\n } else {\r\n toast.error(\"Por favor, selecciona un producto antes de continuar\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n };\r\n\r\n const onInputChange2 = (event) => {\r\n const { name, value } = event.target;\r\n // Si el campo modificado es la fecha, actualiza el estado de la fecha\r\n if (name === \"date_em\") {\r\n setDate(value);\r\n }\r\n // Convertir el valor de cantidad en número\r\n const quantity = parseInt(value, 10) || 0;\r\n // Verificar si hay un producto seleccionado y obtener su precio de compra\r\n var selectedProductBuyingPrice = (requestProductToAddSelected && requestProductToAddSelected.value)\r\n ? requestProductToAddSelected.value.buying_price\r\n : 0;\r\n // Calcular el total automáticamente\r\n const totalPrice = quantity * selectedProductBuyingPrice;\r\n // Actualizar el estado con la cantidad y el precio total calculado\r\n setformD2({\r\n ...formD2,\r\n [name]: value,\r\n total_price_em: totalPrice, // Actualiza el total en tiempo real\r\n });\r\n };\r\n\r\n const onInputChange = ({ target }) => {\r\n const { name, value } = target;\r\n // Si el campo modificado es la fecha, actualiza el estado de la fecha\r\n if (name === \"date_em\") {\r\n setDate(value);\r\n }\r\n // Actualiza el estado del formulario\r\n setformD((prevState) => {\r\n const updatedForm = { ...prevState, [name]: value };\r\n // Calcula el total_price_em si ambos valores están presentes\r\n if (name === 'quantity_em' || name === 'unit_price_em') {\r\n const quantity = parseFloat(updatedForm.quantity_em) || 0;\r\n const unitPrice = parseFloat(updatedForm.unit_price_em) || 0;\r\n updatedForm.total_price_em = (quantity * unitPrice).toFixed(2);\r\n }\r\n return updatedForm;\r\n })\r\n }\r\n\r\n const dataList = async () => {\r\n try {\r\n const response = await axios.get(ApiUrl + `mermas-list`);\r\n const responseData = response.data;\r\n setdata(responseData);\r\n console.log('DATALIST LISTADOoOOO:', responseData);\r\n // Calcular la suma total - Egresos\r\n const totalEgresoCalculado = responseData\r\n .filter(item => item.type_em === \"Egreso\") // Filtra solo los egresos\r\n .reduce((acc, item) => acc + parseFloat(item.total_price_em || 0), 0); // Suma los valores\r\n setTotalEgreso(totalEgresoCalculado);\r\n // Calcular la suma total - Mermas\r\n const totalMermasCalculados = responseData\r\n .filter(item => item.type_em === \"Merma\")\r\n .reduce((acc, item) => acc + parseFloat(item.total_price_em || 0), 0);\r\n setTotalMerma(totalMermasCalculados);\r\n // Sumatoria Total tanyo de Mermas y Egresos\r\n const sumaTotalME = responseData.reduce((acc, item) => acc + parseFloat(item.total_price_em || 0), 0);\r\n setSumatoriaTotal(sumaTotalME);\r\n const script = document.createElement(\"script\");\r\n script.src = `/assets/dataTable/dataTable.js`;\r\n script.async = true;\r\n document.body.appendChild(script);\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n const deleteTable = () => {\r\n const script1 = document.createElement(\"script\");\r\n script1.src = `/assets/dataTable/datatable-destroy.js`;\r\n script1.async = true;\r\n document.body.appendChild(script1);\r\n }\r\n\r\n const deleteMermas = async (egress_mermas_id) => {\r\n try {\r\n const response = await axios.post(ApiUrl + `merma-delete/${egress_mermas_id}`);\r\n const resp = response.data;\r\n if (resp.success === true) {\r\n toast.success(\"Producto eliminado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n dataList();\r\n deleteTable();\r\n } else {\r\n toast.error(\"Producto no eliminado\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n };\r\n\r\n const deleteEgress = async (egress_mermas_id) => {\r\n try {\r\n const response = await axios.post(ApiUrl + `egress-delete/${egress_mermas_id}`);\r\n const resp = response.data;\r\n if (resp.success === true) {\r\n toast.success(\"Producto eliminado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n dataList();\r\n deleteTable();\r\n } else {\r\n toast.error(\"Producto no eliminado\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n dataList();\r\n }, []);\r\n\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n EGRESOS Y MERMAS \r\n
\r\n
\r\n HOY: {today} \r\n
\r\n
\r\n \r\n AGREGAR EGRESO \r\n \r\n AGREGAR MERMA \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
TOTAL EGRESO: {totalEgreso.toFixed(2)}\r\n
\r\n
TOTAL MERMA: {totalMerma.toFixed(2)}\r\n
\r\n
TOTAL EGRESOS Y MERMAS: {sumatoriaTotal.toFixed(2)}\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Cantidad \r\n Descripción \r\n Tipo \r\n Valor total \r\n Fecha \r\n Acciones \r\n \r\n \r\n \r\n {Array.isArray(data) &&\r\n data.map((item) => (\r\n \r\n {item.quantity_em} \r\n \r\n {item.type_em === \"Merma\"\r\n ? item.products_name_mer\r\n : item.description_em}\r\n \r\n {item.type_em} \r\n {item.total_price_em} \r\n {item.date_em} \r\n \r\n {item.type_em === \"Merma\" ? (\r\n {\r\n setformD2({\r\n quantity_em: item.quantity_em || \"\",\r\n products_name_mer: item.products_name_mer || \"\",\r\n type_em: item.type_em || \"\",\r\n total_price_em: item.total_price_em || \"0.00\",\r\n date_em: item.date_em || \"\",\r\n egress_mermas_id: item.egress_mermas_id || null,\r\n });\r\n console.log(\"producto ID:\", item.egress_mermas_id);\r\n setproductNameMerma(item.products_name_mer);\r\n setQuantitySaved(item.quantity_em);\r\n }}\r\n >\r\n {\r\n setformD({\r\n quantity_em: item.quantity_em || \"\",\r\n description_em: item.description_em || \"\",\r\n type_em: item.type_em || \"\",\r\n total_price_em: item.total_price_em || \"0.00\",\r\n date_em: item.date_em || \"\",\r\n unit_price_em: item.unit_price_em || \"\",\r\n egress_mermas_id: item.egress_mermas_id || null,\r\n });\r\n console.log(\"precio unitario:\", item.unit_price_em);\r\n }}\r\n >\r\n {\r\n setmermaId(item.egress_mermas_id);\r\n }}\r\n >\r\n {\r\n setegressId(item.egress_mermas_id);\r\n }}\r\n >\r\n \r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* AGREGAR EGRESOS */}\r\n
\r\n\r\n {/* EDITAR EGRESOS */}\r\n
\r\n\r\n {/* AGREGAR MERMA */}\r\n
\r\n\r\n {/* EDITAR MERMA */}\r\n
\r\n\r\n {/* ELIMINAR EGRESS */}\r\n
\r\n
\r\n
\r\n
\r\n
ELIMINAR SUSCRIPCIÓN \r\n \r\n
\r\n ¿Está seguro que desea eliminar?\r\n
\r\n
\r\n deleteEgress(egressId)}>Aceptar \r\n Cancelar \r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* ELIMINAR MERMAS */}\r\n
\r\n
\r\n
\r\n
\r\n
ELIMINAR SUSCRIPCIÓN \r\n \r\n
\r\n ¿Está seguro que desea eliminar?\r\n
\r\n
\r\n deleteMermas(mermaId)}>Aceptar \r\n Cancelar \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n )\r\n}\r\n","import axios from 'axios';\r\nimport React, { useState } from 'react'\r\nimport { useForm } from '../../../hooks/useForm'\r\nimport { ApiUrl } from '../../../services/ApiRest';\r\n\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport { Link } from 'react-router-dom';\r\n\r\nexport const IncomeOfDay = () => {\r\n\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n INGRESOS DIARIOS\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n )\r\n}\r\n","import axios from 'axios';\r\nimport React, { useState, useEffect } from 'react'\r\nimport { useForm } from '../../../hooks/useForm'\r\nimport { ApiUrl } from '../../../services/ApiRest';\r\n\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport { Link } from 'react-router-dom';\r\n\r\nexport const BeginningOfDay = () => {\r\n const today = new Date().toISOString().split(\"T\")[0];\r\n const [buttonDisabled, setButtonDisabled] = useState(true);\r\n const [data, setdata] = useState([]);\r\n const [bDayId, setbDayId] = useState();\r\n const [formD, setformD] = useState({\r\n date_bd: '',\r\n description_bd: '',\r\n });\r\n\r\n const onSubmitBeginningDay = async (event) => {\r\n event.preventDefault();\r\n setButtonDisabled(true);\r\n console.log('VALOR ENVIADO:', formD.description_bd);\r\n console.log('FECHAS ENVIADA:', formD.date_bd);\r\n const f = new FormData();\r\n f.append(\"description_bd\", formD.description_bd);\r\n f.append(\"date_bd\", formD.date_bd);\r\n console.log('DOSTOS ENVIADOS del backend:', Object.fromEntries(f));\r\n await axios.post(ApiUrl + 'beginning-day-add', f)\r\n .then(response => {\r\n\r\n var resp = response.data;\r\n console.log(resp);\r\n if (resp.success) {\r\n toast.success(\"Información agregada exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n deleteTable();\r\n dataList();\r\n setformD({\r\n date_bd: '',\r\n description_bd: '',\r\n });\r\n } else {\r\n toast.error(\"La información no se ha agregado\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n })\r\n .catch(e => {\r\n console.log(e)\r\n toast.error(\"\" + e + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n })\r\n .finally(() => {\r\n setButtonDisabled(false); // Habilitar el botón después de que la solicitud haya finalizado\r\n });\r\n }\r\n\r\n const onInputChange = ({ target }) => {\r\n const { name, value } = target;\r\n setformD({\r\n ...formD,\r\n [name]: value\r\n })\r\n }\r\n\r\n const onSubmitUpdateBeginningDay = async (event) => {\r\n event.preventDefault();\r\n setButtonDisabled(true);\r\n const f = new FormData();\r\n f.append(\"date_bd\", formD.date_bd);\r\n f.append(\"description_bd\", formD.description_bd);\r\n console.log('DOSTOS ENVIADOS del backend UPDATE EGRESS:', Object.fromEntries(f));\r\n try {\r\n const response = await axios.post(ApiUrl + `beginning-day-update/${formD.beginning_days_id}`, f);\r\n const resp = response.data;\r\n console.log('RESPUESTS UPDATE EGRESs:', resp);\r\n if (resp.success) {\r\n toast.success(\"Información actualizada exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n dataList();\r\n deleteTable();\r\n } else {\r\n toast.error(\"Información no actualizada\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n } finally {\r\n setButtonDisabled(false);\r\n };\r\n };\r\n\r\n const dataList = async () => {\r\n try {\r\n const response = await axios.get(ApiUrl + `beginning-day-list`);\r\n const responseData = response.data;\r\n setdata(responseData);\r\n const script = document.createElement(\"script\");\r\n script.src = `/assets/dataTable/dataTable.js`;\r\n script.async = true;\r\n document.body.appendChild(script);\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n const deleteTable = () => {\r\n const script1 = document.createElement(\"script\");\r\n script1.src = `/assets/dataTable/datatable-destroy.js`;\r\n script1.async = true;\r\n document.body.appendChild(script1);\r\n }\r\n\r\n const deleteBeginningDay = async (beginning_days_id) => {\r\n try {\r\n const response = await axios.post(ApiUrl + `beginning-day-delete/${beginning_days_id}`);\r\n const resp = response.data;\r\n if (resp.success === true) {\r\n toast.success(\"Producto eliminado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n dataList();\r\n deleteTable();\r\n } else {\r\n toast.error(\"Producto no eliminado\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \"!\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n dataList();\r\n }, []);\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n INICIO DE PERÍODO DE VENTA \r\n
\r\n
\r\n HOY: {today} \r\n
\r\n
\r\n \r\n AGREGAR NUEVO \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n \r\n Fecha \r\n Inicio de caja \r\n Acciones \r\n \r\n \r\n \r\n {Array.isArray(data) &&\r\n data.map((item) => (\r\n \r\n {item.date_bd} \r\n {parseFloat(item.description_bd || 0).toFixed(2)} \r\n \r\n {\r\n const formattedDate = item.date_bd ? new Date(item.date_bd).toISOString().split(\"T\")[0] : \"\";\r\n setformD({\r\n date_bd: formattedDate,\r\n description_bd: item.description_bd || \"\",\r\n beginning_days_id: item.beginning_days_id || null,\r\n });\r\n }}\r\n data-bs-toggle=\"modal\" data-bs-target=\"#editBeginningDay\">\r\n \r\n {\r\n setbDayId(item.beginning_days_id);\r\n }}>\r\n \r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* AGREGAR INICIO DE CAJA */}\r\n
\r\n\r\n {/* EDITAR INICIO DE CAJA */}\r\n
\r\n\r\n {/* ELIMINAR INICIO DE CAJA */}\r\n
\r\n
\r\n
\r\n
\r\n
ELIMINAR SUSCRIPCIÓN \r\n \r\n
\r\n ¿Está seguro que desea eliminar?\r\n
\r\n
\r\n deleteBeginningDay(bDayId)}>Aceptar \r\n Cancelar \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n )\r\n}\r\n","import axios from 'axios';\r\nimport React, { useState, useEffect } from 'react'\r\nimport { useForm } from '../../../hooks/useForm'\r\nimport { ApiUrl } from '../../../services/ApiRest';\r\n\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport { Link } from 'react-router-dom';\r\n\r\nexport const EndDay = () => {\r\n const [data, setdata] = useState([]);\r\n const [dataDay, setdataDay] = useState([]);\r\n const [sumTotalInventory, setsumTotalInventory] = useState(0);\r\n const [sumTotalFree, setsumTotalFree] = useState(0);\r\n const [sumTotalMermas, setSumTotalMermas] = useState(0);\r\n const [sumTotalEgress, setSumTotalEgress] = useState(0);\r\n const [cashFlow, setcashFlow] = useState(0);\r\n\r\n const fechaActual = new Date().toISOString().split('T')[0];\r\n\r\n const dataBeginDay = async () => {\r\n try {\r\n const response = await axios.get(ApiUrl + `beginning-day-list`);\r\n const responseData = response.data;\r\n\r\n if (responseData.length <= 0) {\r\n setdataDay(0)\r\n } else {\r\n const objetoFechaActual = responseData.find(item => item.date_bd === fechaActual);\r\n \r\n if (objetoFechaActual) {\r\n setdataDay(objetoFechaActual.description_bd);\r\n\r\n } else {\r\n setdataDay(0);\r\n }\r\n\r\n\r\n }\r\n const script = document.createElement(\"script\");\r\n script.src = `/assets/dataTable/dataTable.js`;\r\n script.async = true;\r\n document.body.appendChild(script);\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n const dataList = async () => {\r\n try {\r\n const response = await axios.get(ApiUrl + `end-day-income-inventory-list`);\r\n const responseData = response.data;\r\n setdata(responseData);\r\n console.log('VALORES INVENTARIO:', responseData);\r\n /**************************************** INVENTORY **************************************************/\r\n // Inicializar una variable para la suma total\r\n let totalSum = 0;\r\n // Agrupar por secuential_bill_id y passengers_ci\r\n const groupedData = responseData.reduce((acc, item) => {\r\n if (item.sale_type === 'Inventario') {\r\n const key = `${item.secuential_bill_id}-${item.passengers_ci} -${item.sale_type === 'Inventario'}`;\r\n if (!acc[key]) {\r\n acc[key] = {\r\n secuential_bill_id: item.secuential_bill_id,\r\n passengers_ci: item.passengers_ci,\r\n sale_type: item.sale_type,\r\n total_price: 0\r\n };\r\n }\r\n const itemTotalPrice = item.quantity_prod * item.unitary_selling_price;\r\n acc[key].total_price += itemTotalPrice;\r\n totalSum += itemTotalPrice; // Acumular el total\r\n }\r\n return acc;\r\n }, {});\r\n // Imprimir en consola los valores calculados\r\n Object.values(groupedData).map(entry => {\r\n console.log(\r\n `Factura: ${entry.secuential_bill_id}, Pasajero: ${entry.passengers_ci}, Pasajero: ${entry.sale_type}, Total: ${entry.total_price.toFixed(2)}`\r\n );\r\n });\r\n // Imprimir el total de todos los valores de 'total_price'\r\n console.log(`Suma Total: ${totalSum.toFixed(2)}`);\r\n setsumTotalInventory(totalSum.toFixed(2));\r\n /**************************************** END INVENTORY **************************************************/\r\n /******************************************** FREE *******************************************************/\r\n let totalSumFree = 0;\r\n const groupdataFree = responseData.reduce((acc, item) => {\r\n if (item.sale_type === 'Libre') {\r\n // Crear una clave única para cada combinación de secuential_bill_id y passengers_ci\r\n const key = `${item.secuential_bill_id}-${item.passengers_ci}`;\r\n // Si no existe el grupo en el acumulador, inicialízalo\r\n if (!acc[key]) {\r\n acc[key] = {\r\n secuential_bill_id: item.secuential_bill_id,\r\n passengers_ci: item.passengers_ci,\r\n total_price_free: 0\r\n };\r\n }\r\n // Verificar que price_sale_free sea un número y acumularlo\r\n if (!isNaN(item.price_sale_free)) {\r\n acc[key].total_price_free += parseFloat(item.price_sale_free); // Aseguramos que sea un número\r\n\r\n }\r\n }\r\n return acc;\r\n }, {});\r\n // Mostrar los resultados de cada grupo\r\n Object.values(groupdataFree).map(entry => {\r\n console.log(\r\n `Factura: ${entry.secuential_bill_id}, Pasajero: ${entry.passengers_ci}, Total: ${entry.total_price_free.toFixed(2)}`\r\n );\r\n // Acumulamos el valor total_price_free en totalSumFree\r\n totalSumFree += entry.total_price_free;\r\n });\r\n // Mostrar la suma total de todos los productos 'Libre'\r\n console.log(`Suma total de productos 'Libre': ${totalSumFree.toFixed(2)}`);\r\n setsumTotalFree(totalSumFree.toFixed(2));\r\n /******************************************* END FREE *****************************************************/\r\n\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n const dataListEgress = async () => {\r\n try {\r\n const response = await axios.get(ApiUrl + `end-day-egress-list`);\r\n const responseData = response.data;\r\n setdata(responseData);\r\n console.log('VALORES EGRESOS MERMAS:', responseData);\r\n /**************************************** MERMA **************************************************/\r\n const totalMermas = responseData\r\n .filter(item => item.type_em === 'Merma' && !isNaN(item.total_price_em))\r\n .reduce((sum, item) => sum + parseFloat(item.total_price_em), 0);\r\n\r\n /**************************************** END MERMA **************************************************/\r\n /******************************************** EGRESO *******************************************************/\r\n const totalEgress = responseData\r\n .filter(item => item.type_em === 'Egreso' && !isNaN(item.total_price_em))\r\n .reduce((sum, item) => sum + parseFloat(item.total_price_em), 0);\r\n /******************************************* END EGRESO *****************************************************/\r\n console.log(`Suma total de Merma: ${totalMermas.toFixed(2)}`);\r\n console.log(`Suma total de Egreso: ${totalEgress.toFixed(2)}`);\r\n setSumTotalMermas(totalMermas.toFixed(2));\r\n setSumTotalEgress(totalEgress.toFixed(2));\r\n\r\n } catch (error) {\r\n console.error(error);\r\n }\r\n };\r\n\r\n useEffect(() => {\r\n dataList();\r\n\r\n }, []);\r\n useEffect(() => {\r\n dataBeginDay();\r\n\r\n }, []);\r\n\r\n\r\n\r\n useEffect(() => {\r\n dataListEgress();\r\n }, []);\r\n\r\n // Calcular total de ingresos - egresos cuando los valores cambien\r\n useEffect(() => {\r\n const total = (parseFloat(dataDay) + parseFloat(sumTotalFree) + parseFloat(sumTotalInventory)) - parseFloat(sumTotalEgress) - parseFloat(sumTotalMermas);\r\n setcashFlow(total.toFixed(2));\r\n }, [sumTotalFree, sumTotalInventory, sumTotalEgress]);\r\n\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n FIN DE DÍA {fechaActual}\r\n
\r\n
\r\n
\r\n {/* Tabla de Ingresos */}\r\n
\r\n
\r\n \r\n \r\n INGRESOS \r\n VALORES \r\n \r\n \r\n \r\n \r\n Ingresos de ventas sin inventario del día \r\n {sumTotalFree} \r\n \r\n \r\n Ingresos de ventas de inventario del día \r\n {sumTotalInventory} \r\n \r\n \r\n Inicio de día \r\n {dataDay} \r\n \r\n \r\n
\r\n
\r\n\r\n {/* Tabla de Egresos */}\r\n
\r\n
\r\n \r\n \r\n EGRESOS \r\n VALORES \r\n \r\n \r\n \r\n \r\n Total egreso diario \r\n {sumTotalEgress} \r\n \r\n \r\n Total egreso merma \r\n {sumTotalMermas} \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {/* Tabla de Valor TOTAL */}\r\n
\r\n \r\n
\r\n \r\n \r\n TOTAL DINERO EN CAJA \r\n {cashFlow} \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n )\r\n}\r\n","import React, { useEffect, useState } from 'react'\r\nimport MUIDataTable from \"mui-datatables\";\r\nimport axios from 'axios';\r\nimport { ApiUrl } from '../../../services/ApiRest';\r\nimport ModeEditOutlineOutlinedIcon from '@mui/icons-material/ModeEditOutlineOutlined';\r\nimport DeleteOutlinedIcon from '@mui/icons-material/DeleteOutlined';\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst ListPassenger = () => {\r\n const [passenger, setpassenger] = useState([]);\r\n const [listTour, setlistTour] = useState([]);\r\n const [selectedPassenger, setselectedPassenger] = useState([]);\r\n\r\n\r\n\r\n const getData = async () => {\r\n await axios.get(ApiUrl + \"passengers-show\")\r\n .then(response => {\r\n const data = response.data;\r\n setpassenger(data);\r\n\r\n //cargamos los datos nuevos\r\n const script = document.createElement(\"script\");\r\n script.src = `/assets/dataTable/dataTable.js`;\r\n script.async = true;\r\n document.body.appendChild(script);\r\n })\r\n .catch(e => {\r\n console.log(e)\r\n })\r\n }\r\n\r\n const deleteTable = () => {\r\n const script1 = document.createElement(\"script\");\r\n script1.src = `/assets/dataTable/datatable-destroy.js`;\r\n script1.async = true;\r\n document.body.appendChild(script1);\r\n }\r\n\r\n const selectpax = (data) => {\r\n setselectedPassenger(data);\r\n }\r\n\r\n const showtours = async (data) => {\r\n setselectedPassenger(data);\r\n await axios.get(ApiUrl + \"passengers-show-tours/\"+data.ci)\r\n .then(response => {\r\n const dataTour = response.data;\r\n setlistTour(dataTour);\r\n\r\n //cargamos los datos nuevos\r\n const script = document.createElement(\"script\");\r\n script.src = `/assets/dataTable/dataTable.js`;\r\n script.async = true;\r\n document.body.appendChild(script);\r\n })\r\n .catch(e => {\r\n console.log(e)\r\n })\r\n }\r\n\r\n const deletepax = async () => {\r\n await axios.post(ApiUrl + 'catalogue-pax-delete/' + selectedPassenger.pax_catalogues_id)\r\n .then(resp => {\r\n deleteTable();\r\n getData();\r\n toast.success(\"pax Eliminado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n\r\n })\r\n .catch(e => {\r\n console.log(e);\r\n })\r\n }\r\n\r\n\r\n\r\n useEffect(() => {\r\n getData()\r\n }, [])\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
\r\n
\r\n LISTA DE CLIENTES\r\n
\r\n
\r\n
\r\n \r\n \r\n {/* # */}\r\n CI \r\n Nombre \r\n Teléfono \r\n Ciudad \r\n Correo \r\n Edad \r\n # Rutas \r\n Rutas realizadas \r\n Acciones \r\n \r\n \r\n \r\n {passenger.map((pax, index) => (\r\n \r\n {/* {index + 1} */}\r\n {pax.ci} \r\n {pax.name} \r\n {pax.phone} \r\n {pax.city} \r\n {pax.correo} \r\n {pax.age} \r\n {pax.count} \r\n {pax.tour_destinations} \r\n showtours(pax)}> \r\n {/* selectpax(pax)}> */}\r\n\r\n \r\n\r\n \r\n ))}\r\n\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n
\r\n
\r\n
\r\n
Rutas realizadas \r\n \r\n
\r\n Rutas Realizadas por
{selectedPassenger.name} \r\n
\r\n \r\n \r\n # \r\n Ruta \r\n Fecha \r\n \r\n \r\n \r\n \r\n {listTour.map((pax, index) => (\r\n \r\n {index + 1} \r\n {pax.tour_destiny} \r\n {pax.departure_date} \r\n \r\n\r\n \r\n ))}\r\n\r\n \r\n
\r\n
\r\n
\r\n Cerrar \r\n
\r\n
\r\n
\r\n
\r\n\r\n\r\n
\r\n
\r\n
\r\n
\r\n
Eliminar \r\n \r\n
\r\n Está seguro que desea eliminar {selectedPassenger.pax_destiny} \r\n
\r\n
\r\n deletepax()} data-bs-dismiss=\"modal\" >Aceptar \r\n Cancelar \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n
\r\n\r\n
\r\n )\r\n}\r\n\r\nexport default ListPassenger\r\n","import React, { useEffect, useState } from 'react'\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport { ApiStorage, ApiUrl } from '../../../services/ApiRest';\r\nimport axios from 'axios';\r\nimport { Link, useLocation } from 'react-router-dom';\r\n\r\nexport const ListCommingPassengerTours = () => {\r\n const [tours, settours] = useState([]);\r\n const [selectedTourList, setselectedTourList] = useState([]);\r\n const [isLoading, setisLoading] = useState(true);\r\n const [singleTourInfo, setsingleTourInfo] = useState({});\r\n /*********************************** */\r\n const [numCupos, setNumCupos] = useState(1);\r\n const [numCupos2, setNumCupos2] = useState(1);\r\n const [comprobantePago, setComprobantePago] = useState(null);\r\n const [showSubmodal, setShowSubmodal] = useState(false);\r\n const [subModal, setSubModal] = useState(false);\r\n const [listId, setlistId] = useState();\r\n const [collected, setCollected] = useState('');\r\n const [responsable, setResponsable] = useState('');\r\n const [meetingPoint, setMeetingPoint] = useState('');\r\n const [observation, setObservation] = useState('');\r\n const [img01, setimg01] = useState('');\r\n const [img02, setimg02] = useState('');\r\n const [productToDelete, setProductToDelete] = useState(null);\r\n const [unitCost, setUnitCost] = useState(0);\r\n const [userEnteredUnitCost, setUserEnteredUnitCost] = useState(0);\r\n const [isSubmitDisabled, setIsSubmitDisabled] = useState(false);\r\n const [ciValueId, setciValueId] = useState();\r\n const [buttonDisabled, setButtonDisabled] = useState(false);\r\n const [showAcompaniantes, setShowAcompaniantes] = useState(false);\r\n const [listIdComparation, setlistIdComparation] = useState();\r\n // const [cedulaComparation, setcedulaComparation] = useState();\r\n const [cedulaComparation, setcedulaComparation] = useState(null);\r\n const [passengerMessage, setPassengerMessage] = useState('');\r\n const [isDisabled, setIsDisabled] = useState({\r\n responsible: false,\r\n meetingPoint: false,\r\n observation: false,\r\n img_cmp_1: false,\r\n img_cmp_2: false,\r\n });\r\n\r\n const location = useLocation();\r\n const showColumns = !location.pathname.includes(\"guide\"); // Verifica si \"guide\" NO está en la URL\r\n\r\n\r\n const [formData, setFormData] = useState(Array(numCupos).fill({\r\n numCupos: 1,\r\n // unit_cost: 10,\r\n // total_cost: 0,\r\n collected: '',\r\n // to_collect: 0,\r\n responsable: '',\r\n meeting_point: '',\r\n observation: '',\r\n img_cmp_1: '',\r\n img_cmp_2: '',\r\n ci: '',\r\n name: '',\r\n phone: '',\r\n city: '',\r\n correo: '',\r\n age: '',\r\n address: ''\r\n }));\r\n\r\n const handleNumCuposChange = (e) => {\r\n const newNumCupos = parseInt(e.target.value, 10) || 0;\r\n setNumCupos(newNumCupos);\r\n setFormData(\r\n Array(newNumCupos).fill({\r\n numCupos: 1,\r\n collected: '',\r\n responsable: '',\r\n meeting_point: '',\r\n observation: '',\r\n img_cmp_1: '',\r\n img_cmp_2: '',\r\n })\r\n );\r\n };\r\n\r\n const [passengerForm, setpassengerForm] = useState({\r\n numCupos: 1,\r\n unit_cost: 0,\r\n total_cost: 0,\r\n collected: '',\r\n to_collect: 0,\r\n responsable: '',\r\n meeting_point: '',\r\n observation: '',\r\n img_cmp_1: '',\r\n img_cmp_2: '',\r\n })\r\n\r\n const handleCollectedChange = (e) => {\r\n const collectedValue = e.target.value;\r\n // const toCollectValue = passengerForm.to_collect;\r\n const toCollectValue = passengerForm.total_cost;\r\n setCollected(collectedValue);\r\n console.log(\"COLLECT:\", collectedValue);\r\n console.log(\"TO COLLECT:\", toCollectValue);\r\n const isCollectedGreaterThanToCollect = parseFloat(collectedValue) > parseFloat(toCollectValue);\r\n setIsDisabled({\r\n responsible: isCollectedGreaterThanToCollect,\r\n meetingPoint: isCollectedGreaterThanToCollect,\r\n observation: isCollectedGreaterThanToCollect,\r\n img_cmp_1: isCollectedGreaterThanToCollect,\r\n img_cmp_2: isCollectedGreaterThanToCollect,\r\n });\r\n setIsSubmitDisabled(isCollectedGreaterThanToCollect);\r\n if (collectedValue > toCollectValue) {\r\n toast.error(\"El valor que trata de ingresar debe ser menor o igual al valor Por Cobrar\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n };\r\n };\r\n\r\n const handleResponsableChange = (e) => {\r\n setResponsable(e.target.value);\r\n };\r\n const handleMeetingPointChange = (e) => {\r\n setMeetingPoint(e.target.value);\r\n };\r\n const handleObservationChange = (e) => {\r\n setObservation(e.target.value);\r\n };\r\n const handleImages1Change = (e) => {\r\n setimg01(e.target.files);\r\n };\r\n const handleImages2Change = (e) => {\r\n setimg02(e.target.files);\r\n };\r\n\r\n const handleFormChange = (index, key, value) => {\r\n const newFormData = [...formData];\r\n newFormData[index] = {\r\n ...newFormData[index],\r\n [key]: value,\r\n };\r\n setFormData(newFormData);\r\n };\r\n\r\n const onInputChange = ({ target }) => {\r\n const { name, value } = target;\r\n setpassengerForm({\r\n ...passengerForm,\r\n [name]: value\r\n });\r\n console.log(\"as\");\r\n }\r\n\r\n \r\n const onSubmit = async (e) => {\r\n e.preventDefault();\r\n setButtonDisabled(true);\r\n const passengerDataArray = [];\r\n const list_id2 = listId;\r\n console.log('List ID:', list_id2);\r\n // console.log('ci ID:',ciSearchP);\r\n // console.log('CI Matches:', ciMatches);\r\n console.log('passengerDataArray:', passengerDataArray);\r\n const f = new FormData();\r\n // Guardar los datos de cada acompañante en índices siguientes\r\n for (let i = 0; i < formData.length; i++) {\r\n const accompanyingData = {\r\n ci: formData[i].ci || '',\r\n name: formData[i].name || '',\r\n phone: formData[i].phone || '',\r\n city: formData[i].city || '',\r\n correo: formData[i].correo || '',\r\n born_date: formData[i].born_date || '',\r\n age: formData[i].age || '',\r\n };\r\n passengerDataArray.push(accompanyingData);\r\n console.log(\"DATOS ACOMPANIANTE:\", passengerDataArray);\r\n console.log('Datos enviados al backend AGREGADOSSSSS:', passengerDataArray);\r\n console.log('ci ID1:', formData[i].ci);\r\n // setciValue(formData[i].ci);\r\n }\r\n\r\n // Imprimir solo los valores de ci\r\n const ciValuesArray = passengerDataArray.map(passenger => passenger.ci);\r\n console.log('CI ValuesArray:', ciValuesArray);\r\n\r\n ///////////////////////////////////////////////////////////-------\r\n const filteredDataArray = [];\r\n const existingPassengersArray = [];\r\n\r\n // Verificar si el CI existe en la base de datos\r\n for (const passenger of passengerDataArray) {\r\n try {\r\n const response = await axios.post(ApiUrl + 'check-passenger-ci', { ci: passenger.ci });\r\n const resp = response.data;\r\n if (resp.exists) {\r\n console.log(`La cédula de valor: ${passenger.ci} ya existe en la base de datos.`);\r\n existingPassengersArray.push(passenger); // Agregar el pasajero a existingPassengersArray\r\n } else {\r\n filteredDataArray.push(passenger);\r\n console.log(`La cédula nueva se ha registrado.`);\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n\r\n // Enviar pasajeros existentes al backend para actualización \r\n for (const data of existingPassengersArray) {\r\n try {\r\n const response = await axios.post(ApiUrl + 'passenger-update-in-passeger-list', data);\r\n const resp = response.data;\r\n if (resp.success) {\r\n console.log(\"Pasajero actualizado exitosamente\");\r\n } else {\r\n console.log(\"No se pudo actualizar el pasajero\");\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n //////////////////////////////////////////////////////////------\r\n\r\n // Enviar cada conjunto de datos al backend \r\n for (const data of filteredDataArray) {\r\n console.log('ciVALUE ID22:', ciValueId);\r\n try {\r\n const response = await axios.post(ApiUrl + 'passenger-create', data);\r\n const resp = response.data;\r\n if (resp.success) {\r\n // toast.success(\"Pasajero agregado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n console.log(\"Pasajero agregado exitosamente\");\r\n } else {\r\n // toast.error(\"Pasajero NO se ha agregado\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n console.log(\"Pasajero NO se ha agregado\");\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n }\r\n }\r\n setFormData(Array(numCupos).fill({\r\n ci: '',\r\n name: '',\r\n phone: '',\r\n city: '',\r\n correo: '',\r\n age: '',\r\n address: ''\r\n }));\r\n ////////////////////////////////////////////////////////////////////////////////////////////\r\n // GUARDAR DATOS EN LA TABLA PASSENGER_LIST \r\n notify();\r\n for (let i = 0; i < formData.length; i++) {\r\n if (i == 0) {\r\n console.log(\"RESPONSABLE LIDER\");\r\n f.append(\"list_id\", list_id2);\r\n f.append(\"passenger_ci\", passengerDataArray[i].ci);\r\n f.append(\"seat\", passengerForm.numCupos);\r\n f.append(\"unit_cost\", passengerForm.unit_cost);\r\n f.append(\"total_cost\", passengerForm.total_cost);\r\n f.append(\"collected\", collected);\r\n f.append(\"to_collect\", passengerForm.to_collect);\r\n f.append(\"responsable\", responsable);\r\n f.append(\"meeting_point\", meetingPoint);\r\n f.append(\"observation\", observation);\r\n f.append(\"passenger_type\", \"Responsable\");\r\n f.append(\"passenger_group_leader_ci\", passengerDataArray[0].ci);\r\n f.append(\"img_cmp_1\", img01[0]);\r\n f.append(\"img_cmp_2\", img02[0]);\r\n if (collected == passengerForm.total_cost && collected > 0) {\r\n f.append(\"state\", \"7\");\r\n } else {\r\n f.append(\"state\", \"8\");\r\n }\r\n f.append(\"state_passenger\", \"Activo\");\r\n } else {\r\n console.log(\"ACOMPAÑANTE\");\r\n f.append(\"list_id\", list_id2);\r\n f.append(\"passenger_ci\", passengerDataArray[i].ci);\r\n f.append(\"seat\", \"0\");\r\n f.append(\"unit_cost\", \"0\");\r\n f.append(\"total_cost\", \"0\");\r\n f.append(\"collected\", \"0\");\r\n f.append(\"to_collect\", \"0\");\r\n f.append(\"responsable\", responsable);\r\n f.append(\"meeting_point\", meetingPoint);\r\n f.append(\"observation\", \"\");\r\n f.append(\"passenger_type\", \"Acompañante\");\r\n f.append(\"passenger_group_leader_ci\", passengerDataArray[0].ci);\r\n f.append(\"img_cmp_1\", \"0\");\r\n f.append(\"img_cmp_2\", \"0\");\r\n f.append(\"state\", \"9\");\r\n f.append(\"state_passenger\", \"Activo\");\r\n }\r\n console.log(\"DATOS de GUAEDADOsssss:\", f);\r\n console.log(Object.fromEntries(f));\r\n console.log('Datos enviados al backend AGREGADO:', Object.fromEntries(f));\r\n try {\r\n\r\n const response = await axios.post(ApiUrl + 'passenger-list-create', f);\r\n const resp = response.data;\r\n if (resp.success) {\r\n success(resp.messagge);\r\n\r\n // toast.success(\"Registro agregado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n } else {\r\n toast.error(\"Registro NO ha sido agregado\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n getData();\r\n } catch (error) {\r\n console.log(error);\r\n } finally {\r\n setButtonDisabled(false); // Habilitar el botón después de que la solicitud haya finalizado\r\n };\r\n }\r\n\r\n // Limpiar los datos del formulario después de enviar los registros\r\n setFormData(Array(numCupos).fill({\r\n numCupos: 1,\r\n unit_cost: 0,\r\n total_cost: 0,\r\n collected: '',\r\n to_collect: 0,\r\n responsable: '',\r\n meeting_point: '',\r\n observation: '',\r\n img_cmp_1: '',\r\n img_cmp_2: '',\r\n }));\r\n\r\n setpassengerForm({\r\n numCupos: 1,\r\n unit_cost: 0,\r\n total_cost: 0,\r\n collected: '',\r\n to_collect: 0,\r\n responsable: '',\r\n meeting_point: '',\r\n observation: '',\r\n img_cmp_1: '',\r\n img_cmp_2: '',\r\n });\r\n // Restablecer los valores de los campos adicionales\r\n setCollected('');\r\n setResponsable('');\r\n setMeetingPoint('');\r\n setObservation('');\r\n setimg01('');\r\n setimg02('');\r\n\r\n };\r\n\r\n const toastId = React.useRef(null);\r\n const notify = () => toastId.current = toast(\"Enviando Datos...\", { autoClose: true, type: toast.TYPE.INFO, position: toast.POSITION.BOTTOM_RIGHT });\r\n const success = (messagge) => toast.success(\"Registro agregado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n // toast.success(\"Registro agregado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n\r\n const closeSubModal = () => {\r\n setSubModal(false);\r\n };\r\n\r\n /*********************** */\r\n const getData = async () => {\r\n\r\n console.log('Lista ID:', listId);\r\n await axios.get(ApiUrl + \"passengerlistTour-list-active\")\r\n .then(response => {\r\n const data = response.data;\r\n settours(data);\r\n console.log('DATOS QUE VIENEN:', data);\r\n })\r\n .catch(e => {\r\n console.log(e)\r\n })\r\n //cargamos los datos nuevos\r\n const script = document.createElement(\"script\");\r\n script.src = `/assets/dataTable/dataTable.js`;\r\n script.async = true;\r\n document.body.appendChild(script);\r\n setisLoading(false);\r\n }\r\n\r\n const deleteList = async (id) => {\r\n console.log(\"ID a eliminar:\", id);\r\n await axios.post(ApiUrl + `list-delete/${id}`)\r\n .then(resp => {\r\n toast.success(\"Lista eliminada exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n getData();\r\n })\r\n .catch(e => {\r\n console.log(e);\r\n });\r\n setProductToDelete(null);\r\n };\r\n\r\n const deleteTable = () => {\r\n const script1 = document.createElement(\"script\");\r\n script1.src = `/assets/dataTable/datatable-destroy.js`;\r\n script1.async = true;\r\n document.body.appendChild(script1);\r\n }\r\n\r\n const selectTour = (data) => {\r\n setselectedTourList(data);\r\n }\r\n\r\n const deleteTour = async () => {\r\n // // console.log(selectedTour.monthly_tour_id);\r\n // await axios.post(ApiUrl + 'monthly-tour-delete/' + selectedTour.monthly_tour_id)\r\n // .then(resp => {\r\n // deleteTable();\r\n // getData();\r\n // toast.success(\"Tour Mensual Eliminado exitosamente\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n\r\n // })\r\n // .catch(e => {\r\n // console.log(e);\r\n // })\r\n }\r\n\r\n const loadInfoMonthlyTour = async () => {\r\n console.log(selectedTourList.monthly_tour_id)\r\n var monthly_tour_id = selectedTourList.monthly_tour_id;\r\n await axios.get(ApiUrl + \"monthly-tour-show-id-for-list/\" + monthly_tour_id)\r\n .then(response => {\r\n const data = response.data[0];\r\n setsingleTourInfo(data);\r\n // console.log(\"setsingleTourInfo\");\r\n console.log('DATA DE DATos:', data);\r\n // setpassengerForm(...passengerForm, passengerForm.unit_cost = data.person_cost);\r\n setlistId(data.list_id);\r\n // console.log(\"DAVID DATAAAA DE TABLA LISTA:\", data);\r\n console.log('id de lista:', data.list_id);\r\n setUnitCost(response.data[0].person_cost);\r\n setUserEnteredUnitCost(response.data[0].person_cost);\r\n // setDefaultUnitCost(response.data[0].person_cost);\r\n setpassengerForm(prevPassengerForm => ({\r\n ...prevPassengerForm,\r\n unit_cost: response.data[0].person_cost\r\n }));\r\n console.log(\"VALOR DE UNITARIO PRECIO:\", response.data[0].person_cost);\r\n\r\n })\r\n .catch(e => {\r\n console.log(e)\r\n })\r\n }\r\n\r\n const onUnitCostChange = (e) => {\r\n setUserEnteredUnitCost(e.target.value);\r\n setpassengerForm(prevPassengerForm => ({\r\n ...prevPassengerForm,\r\n unit_cost: e.target.value\r\n }));\r\n };\r\n\r\n const updatePastTours = async () => {\r\n await axios.post(ApiUrl + 'monthly-tour-update-past-tour')\r\n .then(resp => {\r\n toast.success(\"Tours Actualizados\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n })\r\n .catch(e => {\r\n console.log(e);\r\n })\r\n }\r\n\r\n // const onBlur = async (index) => {\r\n // const ciValue = formData[index].ci;\r\n // setciValueId(formData[index].ci);\r\n // const listIdComparation = listId;\r\n // console.log('ciValue', ciValue);\r\n // console.log('Valor de ID Lista:', listIdComparation);\r\n // if (ciValue === '' || ciValue === null) {\r\n // toast.error(\"Ingrese un número de cédula\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n // } else {\r\n // try {\r\n // const response = await axios.post(`${ApiUrl}passenger-sale-products-search`, { ci: ciValue });\r\n // const resp = response.data;\r\n // console.log('resp.passenger', resp.passenger);\r\n // if (resp && resp.passenger) {\r\n // setFormData(prevFormData => {\r\n // const newFormData = [...prevFormData];\r\n // newFormData[index] = {\r\n // ...newFormData[index],\r\n // name: resp.passenger.name,\r\n // phone: resp.passenger.phone,\r\n // city: resp.passenger.city,\r\n // address: resp.passenger.address,\r\n // correo: resp.passenger.correo,\r\n // age: resp.passenger.age\r\n // };\r\n // console.log('NAME:', resp.passenger.name)\r\n // console.log('TELEFONO:', resp.passenger.phone)\r\n // return newFormData;\r\n // });\r\n // } else {\r\n // toast.error(\"Cliente no registrado en el sistema. Ingrese su información\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n // setFormData(prevFormData => {\r\n // const newFormData = [...prevFormData];\r\n // newFormData[index] = {\r\n // ...newFormData[index],\r\n // name: '',\r\n // phone: '',\r\n // city: '',\r\n // address: '',\r\n // correo: '',\r\n // age: ''\r\n // };\r\n // return newFormData;\r\n // });\r\n // }\r\n // } catch (error) {\r\n // console.log(error);\r\n // toast.error(\"\" + error + \" !\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n // }\r\n // }\r\n // };\r\n\r\n const onBlur = async (index) => {\r\n // const ciValue = formData[index].ci;\r\n // const ciValue = formData[index]?.ci || '';\r\n if (!formData[index] || !formData[index].ci) {\r\n // console.log(`formData[${index}] o su propiedad 'ci' no está definida.`);\r\n toast.error(\"Ingrese un número de cédula\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n return;\r\n }\r\n const ciValue = formData[index].ci;\r\n setciValueId(ciValue);\r\n // setciValueId(formData[index].ci);\r\n const listIdComparation = listId;\r\n console.log('ciValue', ciValue);\r\n console.log('Valor de ID Lista:', listIdComparation);\r\n console.log('DATOS GOLIATH:', ciValueId);\r\n // if (ciValue === '' || ciValue === null) {\r\n // toast.error(\"Ingrese un número de cédula\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n // }\r\n try {\r\n // const response = await axios.post(`${ApiUrl}passenger-list-comparation/${listIdComparation}`, { ci: ciValue });\r\n const response = await axios.post(`${ApiUrl}passenger-list-comparation/${listIdComparation}`, { ci: ciValue });\r\n const responseD = response.data;\r\n // const messagePassenger = responseD.data.message;\r\n // console.log('RESPONSE.DATA A SABER:', messagePassenger);\r\n const messagePassenger = responseD.message; // Cambiado a responseD.message en lugar de responseD.data.message\r\n console.log('RESPONSE.DATA A SABER:', messagePassenger);\r\n setPassengerMessage(messagePassenger);\r\n // Muestra el mensaje si el pasajero ya está registrado\r\n if (responseD.success && responseD.message) {\r\n toast.error(responseD.message, { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n setlistIdComparation(responseD.list_id);\r\n const cedulaComparations = responseD.data.ci;\r\n setcedulaComparation(responseD.data.ci);\r\n console.log('cedulaComparations', cedulaComparations);\r\n console.log('Valor cedulaComparation:', cedulaComparation);\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \" !\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n\r\n\r\n\r\n try {\r\n const response = await axios.post(`${ApiUrl}passenger-sale-products-search`, { ci: ciValue });\r\n const resp = response.data;\r\n console.log('resp.passenger', resp.passenger);\r\n if (resp && resp.passenger) {\r\n setFormData(prevFormData => {\r\n const newFormData = [...prevFormData];\r\n newFormData[index] = {\r\n ...newFormData[index],\r\n name: resp.passenger.name,\r\n phone: resp.passenger.phone,\r\n city: resp.passenger.city,\r\n address: resp.passenger.address,\r\n correo: resp.passenger.correo,\r\n age: resp.passenger.age\r\n };\r\n console.log('NAME:', resp.passenger.name)\r\n console.log('TELEFONO:', resp.passenger.phone)\r\n return newFormData;\r\n });\r\n } else {\r\n toast.error(\"Cliente no registrado en el sistema. Ingrese su información\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n setFormData(prevFormData => {\r\n const newFormData = [...prevFormData];\r\n newFormData[index] = {\r\n ...newFormData[index],\r\n name: '',\r\n phone: '',\r\n city: '',\r\n address: '',\r\n correo: '',\r\n age: ''\r\n };\r\n return newFormData;\r\n });\r\n }\r\n } catch (error) {\r\n console.log(error);\r\n toast.error(\"\" + error + \" !\", { position: toast.POSITION.BOTTOM_RIGHT });\r\n }\r\n\r\n };\r\n\r\n\r\n useEffect(() => {\r\n console.log('NUEVO valor ci setcedula Comparation:', cedulaComparation);\r\n }, [cedulaComparation]);\r\n\r\n useEffect(() => {\r\n updatePastTours()\r\n }, [])\r\n\r\n useEffect(() => {\r\n getData()\r\n }, [])\r\n\r\n useEffect(() => {\r\n loadInfoMonthlyTour();\r\n }, [selectedTourList])\r\n\r\n useEffect(() => {\r\n const result = passengerForm.numCupos * userEnteredUnitCost;\r\n let resultToShow;\r\n if (result) {\r\n resultToShow = result;\r\n } else {\r\n const result2 = unitCost * passengerForm.numCupos;\r\n resultToShow = result2;\r\n }\r\n setpassengerForm(prevPassengerForm => ({\r\n ...prevPassengerForm,\r\n total_cost: resultToShow\r\n }));\r\n }, [passengerForm.numCupos, userEnteredUnitCost, unitCost]);\r\n console.log(\"PRECIO UNITARIO ES EL NUEVOOOOO:\", unitCost);\r\n\r\n useEffect(() => {\r\n setpassengerForm(prevPassengerForm => ({\r\n ...prevPassengerForm,\r\n to_collect: passengerForm.total_cost - collected\r\n }));\r\n }, [collected, passengerForm.total_cost])\r\n\r\n if (isLoading) {\r\n return (\r\n
\r\n
Cargando Datos... \r\n \r\n )\r\n }\r\n\r\n return (\r\n <>\r\n
\r\n
Agregar Lista Nueva \r\n
Esta sección está en pruebas por lo cual puede presentar ciertas novedades \r\n\r\n
\r\n
\r\n
\r\n
\r\n LISTA DE PASAJEROS EN TOURS DISPONIBLES\r\n
\r\n
\r\n
\r\n \r\n \r\n {/* # */}\r\n Destino \r\n Salida \r\n Retorno \r\n # Pax \r\n {showColumns && Ingreso }\r\n {showColumns && Egreso }\r\n {showColumns && Utilidad }\r\n Acciones \r\n \r\n \r\n \r\n {tours\r\n .filter((tour) => {\r\n // if (showColumns) return true;\r\n const threeDaysAgo = new Date();\r\n threeDaysAgo.setDate(threeDaysAgo.getDate() - 5);\r\n\r\n const departureDate = new Date(tour.departure_date);\r\n\r\n return departureDate > threeDaysAgo;\r\n })\r\n .map((tour, index) => (\r\n \r\n {tour.tour_destiny} \r\n {tour.departure_date} \r\n {tour.return_date} \r\n {tour.num_pax} \r\n {showColumns && {tour.valor_total_ingreso_total} }\r\n {showColumns && {tour.egreso_efectivo} }\r\n {showColumns && {tour.utilidad} }\r\n \r\n setselectedTourList(tour)}\r\n >\r\n setselectedTourList(tour)}\r\n >\r\n setselectedTourList(tour)}\r\n >\r\n \r\n \r\n ))}\r\n \r\n
\r\n
\r\n
\r\n
\r\n
\r\n\r\n {/************ MODAL AGREGAR PASAJEROS *********************/}\r\n
\r\n\r\n {/************ MODAL ELIMINAR PASAJEROS *********************/}\r\n
\r\n
\r\n
\r\n
\r\n
Eliminar \r\n \r\n
\r\n Está seguro que desea eliminar\r\n
\r\n
\r\n\r\n deleteList(productToDelete)} data-bs-dismiss=\"modal\">Aceptar \r\n Cancelar \r\n
\r\n
\r\n
\r\n
\r\n
\r\n
\r\n \r\n )\r\n}\r\nexport default ListCommingPassengerTours;\r\n","import React, { useEffect, useState } from 'react'\r\nimport { RegisterScreen } from '../components/auth/RegisterScreen'\r\nimport { LoginScreen } from '../components/auth/LoginScreen'\r\nimport { render } from \"react-dom\";\r\nimport {\r\n BrowserRouter,\r\n Routes,\r\n Route,\r\n\r\n} from \"react-router-dom\";\r\nimport { IndexScreen } from '../components/initialsPages/IndexScreen';\r\nimport { FooterScreen } from '../components/footer/FooterScreen';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport Cookies from 'universal-cookie/es6';\r\nimport axios from 'axios';\r\nimport { ApiUrl } from '../services/ApiRest';\r\nimport { HomeScreen } from '../components/user/HomeScreen';\r\nimport { AdminRoute } from './AdminRoute';\r\nimport { PrivateRoute } from './PrivateRoute';\r\nimport { UserRouteScreen } from './UserRouteScreen';\r\nimport { MonthlyTourScreen } from '../components/initialsPages/MonthlyTourScreen';\r\nimport { CheckingAuthentication } from '../components/ui/CheckingAuthentication';\r\nimport { AdminHomeScreen } from '../components/admin/AdminHomeScreen';\r\nimport { AddMonthlyTour } from '../components/admin/tours/AddMonthlyTour';\r\nimport { CampingTour, CampingTourScreen } from '../components/initialsPages/CampingTourScreen';\r\nimport { FullDaysScreen } from '../components/initialsPages/FullDaysScreen';\r\nimport { AllToursScreen } from '../components/initialsPages/AllToursScreen';\r\nimport { RentEquipmentScreen } from '../components/initialsPages/RentEquipmentScreen';\r\nimport { SellEquipmentScreen } from '../components/initialsPages/SellEquipmentScreen';\r\nimport { AboutUsScreen } from '../components/initialsPages/AboutUsScreen';\r\nimport { AddToCatalogue } from '../components/admin/catalogue/AddToCatalogue';\r\nimport { CatalogueList } from '../components/admin/catalogue/CatalogueList';\r\nimport { GeneralTourScreen } from '../components/initialsPages/GeneralTourScreen';\r\nimport { AddToEquipmentSell } from '../components/admin/equipment/AddToEquipmentSell';\r\nimport { ListEquipmentSell } from '../components/admin/equipment/ListEquipmentSell';\r\nimport { AddToRent } from '../components/admin/rent/AddToRent';\r\nimport { ListToRent } from '../components/admin/rent/ListToRent';\r\nimport { MonthlyTourList } from '../components/admin/tours/MonthlyTourList';\r\nimport { MonthlyTourSingleScreen } from '../components/initialsPages/MonthlyTourSingleScreen';\r\nimport { EditCatalogue } from '../components/admin/catalogue/EditCatalogue';\r\nimport { EditMonthlyTour } from '../components/admin/tours/EditMonthlyTour';\r\nimport { EditEquipment } from '../components/admin/equipment/EditEquipment';\r\nimport { EditEquipmentRent } from '../components/admin/rent/EditEquipmentRent';\r\nimport { GaleriaScreen } from '../components/initialsPages/gallery/GaleriaScreen';\r\nimport { ListGallery } from '../components/admin/gallery/ListGallery';\r\nimport { ListAvailablePassengerTours } from '../components/admin/passengerInTour/ListAvailablePassengerTours';\r\nimport { ListAvailableMonthlyTour } from '../components/admin/tours/ListAvailableMonthlyTour';\r\nimport { SingleListPassenger } from '../components/admin/passengerInTour/SingleListPassenger';\r\nimport { InventoryList } from '../components/admin/inventory/InventoryList';\r\nimport { ListProduct } from '../components/admin/inventory/ListProduct';\r\nimport { WarehouseList } from '../components/admin/inventory/WarehouseList';\r\nimport { GuideRoute } from './GuideRoute';\r\nimport { GuideHomeScreen } from '../components/guide/GuideHomeScreen';\r\nimport { WarehouseProductsList } from '../components/guide/warehouse/WarehouseProductsList';\r\nimport { WarehouseRequestProducts } from '../components/guide/warehouse/WarehouseRequestProducts';\r\nimport { WarehouseRequestHistory } from '../components/guide/warehouse/WarehouseRequestHistory';\r\nimport { WarehouseRequestProductsAdm } from '../components/admin/inventory/RequestProducts/WarehouseRequestProductsAdm';\r\nimport { WarehouseRequestHistoryAdm } from '../components/admin/inventory/RequestProducts/WarehouseRequestHistoryAdm';\r\nimport { WarehouseRequestsHistoriesAdm } from '../components/admin/inventory/RequestProducts/WarehouseRequestsHistoriesAdm';\r\nimport { ShopkeeperRoute } from './ShopkeeperRoute';\r\nimport { ShopkeeperHomeScreen } from '../components/shopkeeper/ShopkeeperHomeScreen';\r\nimport { WarehouseRequestsHistories } from '../components/shopkeeper/warehouses/WarehouseRequestsHistories';\r\nimport { WarehouseRequestHistoryShop } from '../components/shopkeeper/warehouses/WarehouseRequestHistoryShop';\r\nimport { GuideWarehouseList } from '../components/guide/GuideWarehouseList';\r\nimport { ListCredit } from '../components/admin/credits/ListCredit';\r\nimport { ViajaPeruScreen } from '../components/initialsPages/ViajaPeruScreen';\r\nimport { Categories, CategoriesList } from '../components/admin/categories/CategoriesList';\r\nimport { SuppliersList } from '../components/admin/suppliers/SuppliersList';\r\nimport { SalesProducts } from '../components/admin/sales/SalesProducts';\r\nimport { SalesProductsInventory } from '../components/admin/sales/SaleProductsInventory';\r\nimport { SalesFree } from '../components/admin/sales/SaleFree';\r\nimport { SalesHistory } from '../components/admin/sales/SalesHistory';\r\nimport { CuevaTayos, CuevaTayosScreen } from '../components/initialsPages/CuevaTayosScreen';\r\nimport { ListToBuy, ToBuy } from '../components/admin/inventory/ListToBuy';\r\nimport { TigerClub } from '../components/initialsPages/TigerClub';\r\nimport { TransactionPassengerList } from '../components/admin/passengerInTour/TransactionPassengerList';\r\nimport { SingleAliance } from '../components/initialsPages/carouselTiger/SingleAliance';\r\nimport { ScrollToTop } from './ScrollToTop';\r\nimport { SubscriptionsList } from '../components/admin/subscriptions/SubscriptionsList';\r\nimport { SubscriberRoute } from './SubscriberRoute';\r\nimport { SubscriberHomeScreen } from '../components/subscribers/SubscriberHomeScreen';\r\nimport { SubscriberProfileEdit } from '../components/subscribers/SubscriberProfileEdit';\r\nimport { EgressOfDay } from '../components/admin/CashFlow/EgressOfDay';\r\nimport { IncomeOfDay } from '../components/admin/CashFlow/IncomeOfDay';\r\nimport { BeginningOfDay } from '../components/admin/CashFlow/BeginningDay';\r\nimport { EndDay } from '../components/admin/CashFlow/EndDay';\r\nimport ListPassenger from '../components/admin/passengerInTour/ListPassenger';\r\nimport ListCommingPassengerTours from '../components/admin/passengerInTour/ListCommingPassengerTours';\r\n// import SubscriberProfileEdit from '../components/subscribers/SubscriberProfileEdit';\r\n\r\n\r\n\r\n\r\n\r\n\r\nconst systemName = process.env.REACT_APP_SYSTEM_NAME || \"Camping Chimborazo\";\r\n\r\n\r\nexport const CampingRoute = () => {\r\n\r\n const cookies = new Cookies();\r\n const id = cookies.get('uid');\r\n const token = cookies.get('token');\r\n\r\n\r\n const dispatch = useDispatch();\r\n\r\n\r\n const { status } = useSelector(state => state.auth);\r\n\r\n\r\n return (\r\n <>\r\n {/*
*/}\r\n
\r\n
\r\n
\r\n }>\r\n \r\n\r\n\r\n \r\n }> */}\r\n \r\n {/*
*/}\r\n
\r\n \r\n )\r\n}\r\n","import { configureStore } from '@reduxjs/toolkit'\r\nimport authSlice from './auth/authSlice'\r\nimport monthlySlice from './monthly_tours/monthlySlice'\r\nimport journalSlice from './tour_catalogue/journalSlice'\r\n\r\nexport const store = configureStore({\r\n reducer: {\r\n auth:authSlice,\r\n journal: journalSlice,\r\n monthly: monthlySlice\r\n },\r\n})","import React from 'react'\r\nimport {Provider} from 'react-redux'\r\nimport { BrowserRouter } from 'react-router-dom'\r\n\r\nimport { CampingRoute } from './routes/CampingRoute'\r\nimport { store } from './store/store'\r\nimport './index.css'\r\n\r\n\r\nexport const CampingApp = () => {\r\n return (\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n
\r\n )\r\n}\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport './styles.css';\r\n\r\nimport reportWebVitals from './reportWebVitals';\r\nimport { CampingApp } from './CampingApp';\r\n\r\n// Cambiar el título y el favicon dinámicamente\r\nconst systemName = process.env.REACT_APP_SYSTEM_NAME || \"ShamuyGO\";\r\nconst favicon = document.getElementById(\"favicon\");\r\n\r\n// Cambia el título de la página\r\ndocument.title = systemName;\r\n\r\n// Cambia el favicon según el sistema\r\nif (favicon) {\r\n favicon.href = systemName === \"Rantina\" ? `${process.env.PUBLIC_URL}/rantina.png` : \r\n systemName === \"ShamuyGO\" ? `${process.env.PUBLIC_URL}/shamuy.png` : \r\n `${process.env.PUBLIC_URL}/logo512.png`;\r\n}\r\nReactDOM.render(\r\n
,\r\n document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}
\r\n 
\r\n 
\r\n\r\n 
\r\n 
\r\n 
\r\n 
\r\n\r\n {/* ![\"...\"](\"./assets/images/principal/monthly-tour.jpeg\")
*/}\r\n {/* 
\r\n\r\n 
\r\n\r\n 
\r\n\r\n 
\r\n\r\n 
\r\n\r\n 
\r\n\r\n 
\r\n\r\n