function MainComponent() { const [error, setError] = useState(null); const [weight, setWeight] = useState(""); const [unit, setUnit] = useState("lbs"); const [measurementUnit, setMeasurementUnit] = useState("inches"); const [length, setLength] = useState(""); const [width, setWidth] = useState(""); const [height, setHeight] = useState(""); const [pallets, setPallets] = useState("1"); const [results, setResults] = useState(null); const [checking, setChecking] = useState(false); const handleReset = ()=>{ setWeight(""); setUnit("lbs"); setMeasurementUnit("inches"); setLength(""); setWidth(""); setHeight(""); setPallets("1"); setResults(null); setError(null); }; const handleCheckLoadability = async (e)=>{ e.preventDefault(); setChecking(true); setError(null); setResults(null); try { const lengthInCm = measurementUnit === "inches" ? parseFloat(length) * 2.54 : parseFloat(length); const widthInCm = measurementUnit === "inches" ? parseFloat(width) * 2.54 : parseFloat(width); const heightInCm = measurementUnit === "inches" ? parseFloat(height) * 2.54 : parseFloat(height); const weightInKg = unit === "lbs" ? parseFloat(weight) * 0.453592 : parseFloat(weight); const response = await fetch("/api/check-loadability", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ length: lengthInCm, width: widthInCm, height: heightInCm, weight: weightInKg, pallets: parseInt(pallets) }) }); if (!response.ok) { throw new Error(`Error: ${response.status}`); } const data = await response.json(); if (data.success) { // Sort results by payload capacity (lowest to highest) const sortedResults = [ ...data.aircraft ].sort((a, b)=>a.payloadCapacity - b.payloadCapacity); setResults(sortedResults); } else { setError(data.error || "Failed to check loadability"); } } catch (err) { console.error(err); setError("Failed to check loadability. Please try again."); } finally{ setChecking(false); } }; const cmToInches = (cm)=>(cm / 2.54).toFixed(0); return /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 87, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center mb-6", __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }, "Aircraft Loadability Check"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 shadow-sm max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 92, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleCheckLoadability, __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 96, columnNumber: 15 }, __self: this }, "Cargo Details"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 100, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1", __source: { fileName: "", lineNumber: 101, columnNumber: 21 }, __self: this }, "Weight ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 102, columnNumber: 30 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "number", required: true, value: weight, onChange: (e)=>setWeight(e.target.value), placeholder: "Enter weight", className: "w-full rounded border border-gray-300 p-2", name: "weight", __source: { fileName: "", lineNumber: 104, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 115, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", checked: unit === "lbs", onChange: ()=>setUnit("lbs"), __source: { fileName: "", lineNumber: 116, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 121, columnNumber: 23 }, __self: this }, "Pounds (lbs)")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 123, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", checked: unit === "kg", onChange: ()=>setUnit("kg"), __source: { fileName: "", lineNumber: 124, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 129, columnNumber: 23 }, __self: this }, "Kilograms (kg)")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 134, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1", __source: { fileName: "", lineNumber: 135, columnNumber: 19 }, __self: this }, "Dimensions ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 136, columnNumber: 32 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 138, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "number", required: true, value: length, onChange: (e)=>setLength(e.target.value), placeholder: "Length", className: "w-full rounded border border-gray-300 p-2", name: "length", __source: { fileName: "", lineNumber: 139, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", required: true, value: width, onChange: (e)=>setWidth(e.target.value), placeholder: "Width", className: "w-full rounded border border-gray-300 p-2", name: "width", __source: { fileName: "", lineNumber: 148, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "number", required: true, value: height, onChange: (e)=>setHeight(e.target.value), placeholder: "Height", className: "w-full rounded border border-gray-300 p-2", name: "height", __source: { fileName: "", lineNumber: 157, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-2 flex gap-4", __source: { fileName: "", lineNumber: 167, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 168, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", checked: measurementUnit === "inches", onChange: ()=>setMeasurementUnit("inches"), __source: { fileName: "", lineNumber: 169, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 174, columnNumber: 23 }, __self: this }, "Inches")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 176, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", checked: measurementUnit === "centimeters", onChange: ()=>setMeasurementUnit("centimeters"), __source: { fileName: "", lineNumber: 177, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 182, columnNumber: 23 }, __self: this }, "Centimeters")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 187, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm mb-1", __source: { fileName: "", lineNumber: 188, columnNumber: 19 }, __self: this }, "Number of Pallets ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 189, columnNumber: 39 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "number", required: true, value: pallets, onChange: (e)=>setPallets(e.target.value), min: "1", className: "w-full rounded border border-gray-300 p-2", name: "pallets", __source: { fileName: "", lineNumber: 191, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 justify-between", __source: { fileName: "", lineNumber: 204, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: checking, className: "flex-1 bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 disabled:opacity-50", __source: { fileName: "", lineNumber: 205, columnNumber: 15 }, __self: this }, checking ? "Checking..." : "Check Loadability"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: handleReset, className: "px-4 py-2 rounded border border-gray-300 hover:bg-gray-50", __source: { fileName: "", lineNumber: 212, columnNumber: 15 }, __self: this }, "Reset")))), error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-3 rounded bg-red-50 text-sm text-red-500", __source: { fileName: "", lineNumber: 224, columnNumber: 11 }, __self: this }, error), results && /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 230, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 231, columnNumber: 13 }, __self: this }, "Available Aircraft"), /*#__PURE__*/ React.createElement("div", { className: "overflow-hidden rounded-lg border border-gray-200", __source: { fileName: "", lineNumber: 232, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "min-w-full divide-y divide-gray-200", __source: { fileName: "", lineNumber: 233, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { className: "bg-gray-50", __source: { fileName: "", lineNumber: 234, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { __source: { fileName: "", lineNumber: 235, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 236, columnNumber: 21 }, __self: this }, "Aircraft"), /*#__PURE__*/ React.createElement("th", { className: "px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 239, columnNumber: 21 }, __self: this }, "Door (in)"), /*#__PURE__*/ React.createElement("th", { className: "px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 242, columnNumber: 21 }, __self: this }, "Cargo (in)"), /*#__PURE__*/ React.createElement("th", { className: "px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 245, columnNumber: 21 }, __self: this }, "Max Load"), /*#__PURE__*/ React.createElement("th", { className: "px-3 py-2 text-left text-xs font-medium text-gray-500 uppercase", __source: { fileName: "", lineNumber: 248, columnNumber: 21 }, __self: this }, "Status"))), /*#__PURE__*/ React.createElement("tbody", { className: "bg-white divide-y divide-gray-200", __source: { fileName: "", lineNumber: 253, columnNumber: 17 }, __self: this }, results.map((aircraft, index)=>/*#__PURE__*/ React.createElement("tr", { key: index, className: aircraft.fitsInCargo && aircraft.fitsThroughDoor ? "bg-green-50" : "", __source: { fileName: "", lineNumber: 255, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "px-3 py-2 text-sm", __source: { fileName: "", lineNumber: 263, columnNumber: 23 }, __self: this }, aircraft.name), /*#__PURE__*/ React.createElement("td", { className: "px-3 py-2 text-sm", __source: { fileName: "", lineNumber: 264, columnNumber: 23 }, __self: this }, cmToInches(aircraft.doorDimensions.width), " ×", " ", cmToInches(aircraft.doorDimensions.height)), /*#__PURE__*/ React.createElement("td", { className: "px-3 py-2 text-sm", __source: { fileName: "", lineNumber: 268, columnNumber: 23 }, __self: this }, cmToInches(aircraft.cargoDimensions.length), " ×", " ", cmToInches(aircraft.cargoDimensions.width), " ×", " ", cmToInches(aircraft.cargoDimensions.height)), /*#__PURE__*/ React.createElement("td", { className: "px-3 py-2 text-sm", __source: { fileName: "", lineNumber: 273, columnNumber: 23 }, __self: this }, (aircraft.payloadCapacity * 2.20462).toFixed(0), " lbs"), /*#__PURE__*/ React.createElement("td", { className: "px-3 py-2 text-sm", __source: { fileName: "", lineNumber: 276, columnNumber: 23 }, __self: this }, !aircraft.fitsThroughDoor && /*#__PURE__*/ React.createElement("span", { className: "text-red-600", __source: { fileName: "", lineNumber: 278, columnNumber: 27 }, __self: this }, "Door too small"), !aircraft.fitsInCargo && aircraft.fitsThroughDoor && /*#__PURE__*/ React.createElement("span", { className: "text-red-600", __source: { fileName: "", lineNumber: 281, columnNumber: 27 }, __self: this }, "Exceeds capacity"), aircraft.fitsInCargo && aircraft.fitsThroughDoor && /*#__PURE__*/ React.createElement("span", { className: "text-green-600", __source: { fileName: "", lineNumber: 284, columnNumber: 27 }, __self: this }, "✓ Fits")))))))))); }