import { useState, useRef } from 'react' import { Input } from "/components/ui/input" import { Label } from "/components/ui/label" import { Card, CardContent, CardHeader, CardTitle } from "/components/ui/card" import { Button } from "/components/ui/button" import { format } from 'date-fns' export default function GasBlender() { const [cylinderCapacity, setCylinderCapacity] = useState('') const [originalPressure, setOriginalPressure] = useState('') const [targetPressure, setTargetPressure] = useState('') const [originalO2, setOriginalO2] = useState('') const [originalHe, setOriginalHe] = useState(0) // Default value set to 0 const [targetO2, setTargetO2] = useState('') const [targetHe, setTargetHe] = useState(0) // Default value set to 0 const [o2Cost, setO2Cost] = useState(0.02) // Default value set to 0.02 const [heCost, setHeCost] = useState(0.075) // Default value set to 0.075 const [airCost, setAirCost] = useState(0.001) // Default value set to 0.001 const [operatorCost, setOperatorCost] = useState(6) // Default value set to 6 const [blenderSignature, setBlenderSignature] = useState('') const [checkedBy, setCheckedBy] = useState('') const [ppO2, setPpO2] = useState(1.2) // Default value set to 1.2 const stickerRef = useRef(null) const calculateVOriginalO2 = () => { if ( cylinderCapacity !== '' && originalPressure !== '' && originalO2 !== '' && typeof cylinderCapacity === 'number' && typeof originalPressure === 'number' && typeof originalO2 === 'number' ) { return (cylinderCapacity * originalPressure * originalO2) / 100 } return null } const calculateVOriginalHe = () => { if ( cylinderCapacity !== '' && originalPressure !== '' && originalHe !== '' && typeof cylinderCapacity === 'number' && typeof originalPressure === 'number' && typeof originalHe === 'number' ) { return (cylinderCapacity * originalPressure * originalHe) / 100 } return null } const calculateBOriginalN2 = () => { if ( originalO2 !== '' && originalHe !== '' && typeof originalO2 === 'number' && typeof originalHe === 'number' ) { return 100 - originalO2 - originalHe } return null } const calculateBTargetN2 = () => { if ( targetO2 !== '' && targetHe !== '' && typeof targetO2 === 'number' && typeof targetHe === 'number' ) { return 100 - targetO2 - targetHe } return null } const calculateVOriginalN2 = () => { if ( cylinderCapacity !== '' && originalPressure !== '' && bOriginalN2 !== null && typeof cylinderCapacity === 'number' && typeof originalPressure === 'number' && typeof bOriginalN2 === 'number' ) { return (cylinderCapacity * originalPressure * bOriginalN2) / 100 } return null } const calculateVTargetN2 = () => { if ( cylinderCapacity !== '' && targetPressure !== '' && bTargetN2 !== null && typeof cylinderCapacity === 'number' && typeof targetPressure === 'number' && typeof bTargetN2 === 'number' ) { return (cylinderCapacity * targetPressure * bTargetN2) / 100 } return null } const calculateVAirO2 = () => { if ( vTargetN2 !== null && vOriginalN2 !== null ) { return (vTargetN2 - vOriginalN2) / (79.1 / 20.9) } return null } const calculateVTargetO2 = () => { if ( cylinderCapacity !== '' && targetPressure !== '' && targetO2 !== '' && typeof cylinderCapacity === 'number' && typeof targetPressure === 'number' && typeof targetO2 === 'number' ) { return (cylinderCapacity * targetPressure * targetO2) / 100 } return null } const calculateVAddO2 = () => { if ( vTargetO2 !== null && vAirO2 !== null && vOriginalO2 !== null ) { return vTargetO2 - vAirO2 - vOriginalO2 } return null } const calculateVTargetHe = () => { if ( cylinderCapacity !== '' && targetPressure !== '' && targetHe !== '' && typeof cylinderCapacity === 'number' && typeof targetPressure === 'number' && typeof targetHe === 'number' ) { return (cylinderCapacity * targetPressure * targetHe) / 100 } return null } const calculateVAddAir = () => { if ( vTargetN2 !== null && vOriginalN2 !== null && vAirO2 !== null ) { return vTargetN2 - vOriginalN2 - vAirO2 } return null } const calculatePercNtxO2 = () => { if ( vTargetO2 !== null && vOriginalO2 !== null && vTargetN2 !== null && vOriginalN2 !== null && (vTargetO2 - vOriginalO2 + vTargetN2 - vOriginalN2) !== 0 ) { return ((vTargetO2 - vOriginalO2) / ((vTargetO2 - vOriginalO2) + (vTargetN2 - vOriginalN2))) * 100 } return null } const calculateTotalCost = () => { if ( vAddO2 !== null && vAddAir !== null && vTargetHe !== null && o2Cost !== '' && heCost !== '' && airCost !== '' && operatorCost !== '' && typeof vAddO2 === 'number' && typeof vAddAir === 'number' && typeof vTargetHe === 'number' && typeof o2Cost === 'number' && typeof heCost === 'number' && typeof airCost === 'number' && typeof operatorCost === 'number' ) { return (vAddO2 * o2Cost) + (vAddAir * airCost) + (vTargetHe * heCost) + operatorCost } return null } const calculateMOD = () => { if ( ppO2 !== null && targetO2 !== '' && typeof targetO2 === 'number' ) { return Math.round(((ppO2 / (targetO2 / 100)) - 1) * 10) } return null } const calculateEND = () => { if ( mod !== null && targetO2 !== '' && targetHe !== '' && typeof targetO2 === 'number' && typeof targetHe === 'number' ) { return ((mod / 10) + 1) * ((100 - targetO2 - targetHe) / 10) / 0.79 } return null } const calculateVAddedHe = () => { if ( vTargetHe !== null && vOriginalHe !== null ) { return vTargetHe - vOriginalHe } return null } const calculateVAddedN2 = () => { if ( vTargetN2 !== null && vOriginalN2 !== null ) { return vTargetN2 - vOriginalN2 } return null } const vOriginalO2 = calculateVOriginalO2() const vOriginalHe = calculateVOriginalHe() const bOriginalN2 = calculateBOriginalN2() const bTargetN2 = calculateBTargetN2() const vOriginalN2 = calculateVOriginalN2() const vTargetN2 = calculateVTargetN2() const vAirO2 = calculateVAirO2() const vTargetO2 = calculateVTargetO2() const vAddO2 = calculateVAddO2() const vTargetHe = calculateVTargetHe() const vAddAir = calculateVAddAir() const percNtxO2 = calculatePercNtxO2() const totalCost = calculateTotalCost() const mod = calculateMOD() const end = calculateEND() const vAddedHe = calculateVAddedHe() const vAddedN2 = calculateVAddedN2() const currentDate = format(new Date(), 'yyyy-MM-dd') const addUntilO2 = () => { if ( cylinderCapacity !== '' && vAddO2 !== null && originalPressure !== '' ) { return ((vAddO2 / parseFloat(cylinderCapacity as string)) + parseFloat(originalPressure as string)).toFixed(2) } return 'N/A' } const addHeUntil = () => { if ( cylinderCapacity !== '' && vAddedHe !== null && addUntilO2() !== 'N/A' && typeof cylinderCapacity === 'number' && typeof vAddedHe === 'number' ) { return ((vAddedHe / cylinderCapacity) + parseFloat(addUntilO2())).toFixed(2) } return 'N/A' } const hePercentageSet = () => { if ( vAddedHe !== null && vAddedN2 !== null && addUntilO2() !== 'N/A' ) { return ((100 * parseFloat(addUntilO2())) / (vAddedHe + vAddedN2)).toFixed(2) } return 'N/A' } const ntxPercentageClass = () => { if (percNtxO2 !== null) { if (percNtxO2 < 20.9) { return 'line-through' } else if (percNtxO2 > 40) { return 'bg-red-100' } } return '' } const handlePrint = () => { if (stickerRef.current) { const printContents = stickerRef.current.innerHTML const originalContents = document.body.innerHTML document.body.innerHTML = printContents window.print() document.body.innerHTML = originalContents } } const heUntilNitroxTopUp = () => { if ( cylinderCapacity !== '' && vAddedHe !== null && originalPressure !== '' && typeof cylinderCapacity === 'number' && typeof vAddedHe === 'number' && typeof originalPressure === 'number' ) { return ((vAddedHe / cylinderCapacity) + originalPressure).toFixed(2) } return 'N/A' } return (

Gas Blender

Cylinder

Cylinder Capacity (liters) setCylinderCapacity(e.target.value === '' ? '' : parseFloat(e.target.value))} className="mt-1 bg-black text-green-500 border-green-500" />

Original Pressure (bar) setOriginalPressure(e.target.value === '' ? '' : parseFloat(e.target.value))} className="mt-1 bg-black text-green-500 border-green-500" />

Target Pressure (bar) setTargetPressure(e.target.value === '' ? '' : parseFloat(e.target.value))} className="mt-1 bg-black text-green-500 border-green-500" />

Original Mix

Original O2 (%) setOriginalO2(e.target.value === '' ? '' : parseFloat(e.target.value))} className="mt-1 bg-black text-green-500 border-green-500" />

Original He (%) setOriginalHe(e.target.value === '' ? '' : parseFloat(e.target.value))} className="mt-1 bg-black text-green-500 border-green-500" />

Original N2 (%) {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

Target Mix

Target O2 (%) setTargetO2(e.target.value === '' ? '' : parseFloat(e.target.value))} className="mt-1 bg-black text-green-500 border-green-500" />

Target He (%) setTargetHe(e.target.value === '' ? '' : parseFloat(e.target.value))} className="mt-1 bg-black text-green-500 border-green-500" />

Target N2 (%) {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

Air Top Up

Add O2 Until (bar) {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

Add He Until (bar) {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

Add Air Until (bar) {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

Nitrox Top Up

He Until (bar) {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

NTX Percentage (%) {}} // Disable manual input className={`mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed ${ntxPercentageClass()}`} disabled />

Until (bar) {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

Continuous Flow Mixer

He Percentage Set (%) {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

Set O2 (%) {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

Refill Cost

O2 Cost (per liter) setO2Cost(parseFloat(e.target.value))} className="mt-1 bg-black text-green-500 border-green-500" />

He Cost (per liter) setHeCost(parseFloat(e.target.value))} className="mt-1 bg-black text-green-500 border-green-500" />

Air Cost (per liter) setAirCost(parseFloat(e.target.value))} className="mt-1 bg-black text-green-500 border-green-500" />

Operator Cost setOperatorCost(e.target.value === '' ? '' : parseFloat(e.target.value))} className="mt-1 bg-black text-green-500 border-green-500" />

Total Cost

{totalCost !== null ? totalCost.toFixed(2) : 'N/A'}

Sticker

DATE {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

PpO2 (bar) setPpO2(Math.round(parseFloat(e.target.value) * 10) / 10)} className="mt-1 bg-black text-green-500 border-green-500" />

MOD (m) {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

O2 (%) {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

He (%) {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

END (m) {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

Mix Cost {}} // Disable manual input className="mt-1 bg-black text-green-500 border-green-500 cursor-not-allowed" disabled />

Blender Signature setBlenderSignature(e.target.value)} className="mt-1 bg-black text-green-500 border-green-500" />

Checked By setCheckedBy(e.target.value)} className="mt-1 bg-black text-green-500 border-green-500" />

) }