function MainComponent() { const [selectedRegions, setSelectedRegions] = React.useState([]); const [selectedVehicles, setSelectedVehicles] = React.useState([]); const [documents, setDocuments] = React.useState({ operatorLicense: null, insuranceCertificate: null, companyRegistration: null, vatRegistration: null }); const [error, setError] = React.useState(null); const [success, setSuccess] = React.useState(false); const [loading, setLoading] = React.useState(false); const [upload] = useUpload(); const regions = [ "London", "South East", "South West", "East of England", "West Midlands", "East Midlands", "Yorkshire and the Humber", "North West", "North East", "Scotland", "Wales", "Northern Ireland" ]; const vehicleTypes = [ "Small Van (Up to 1 tonne)", "Medium Van (Up to 2 tonnes)", "Large Van (Up to 3.5 tonnes)", "Luton Van", "7.5 Tonne Truck", "18 Tonne Truck", "26 Tonne Truck", "44 Tonne Articulated" ]; const handleDocumentUpload = async (event, docType)=>{ const file = event.target.files[0]; if (!file) return; try { const { url, error: uploadError } = await upload({ file }); if (uploadError) throw new Error(uploadError); setDocuments((prev)=>({ ...prev, [docType]: url })); } catch (err) { console.error(err); setError(`Failed to upload ${docType}. Please try again.`); } }; const handleSubmit = async (event)=>{ event.preventDefault(); setError(null); setLoading(true); console.log("Form submission started..."); try { if (!documents.operatorLicense || !documents.insuranceCertificate || !documents.companyRegistration) { throw new Error("Please upload all required documents"); } if (selectedVehicles.length === 0) { throw new Error("Please select at least one vehicle type"); } if (selectedRegions.length === 0) { throw new Error("Please select at least one operating region"); } const formData = new FormData(event.target); const partnerId = `PARTNER-${Date.now()}`; const response = await fetch("/api/handle-partner-registration", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ partner_id: partnerId, company_name: formData.get("companyName"), trading_name: formData.get("tradingName"), registration_number: formData.get("registrationNumber"), vat_number: formData.get("vatNumber"), years_trading: parseInt(formData.get("yearsTrading")), operator_license_number: formData.get("operatorLicenseNumber"), insurance_provider: formData.get("insuranceProvider"), insurance_policy_number: formData.get("insurancePolicyNumber"), insurance_expiry_date: formData.get("insuranceExpiryDate"), fleet_size: parseInt(formData.get("fleetSize")), vehicle_types: selectedVehicles, operating_regions: selectedRegions, primary_contact_name: formData.get("primaryContactName"), primary_contact_role: formData.get("primaryContactRole"), primary_contact_email: formData.get("primaryContactEmail"), primary_contact_phone: formData.get("primaryContactPhone"), business_address: formData.get("businessAddress"), city: formData.get("city"), postcode: formData.get("postcode"), operator_license_doc: documents.operatorLicense, insurance_certificate_doc: documents.insuranceCertificate, company_registration_doc: documents.companyRegistration, vat_registration_doc: documents.vatRegistration }) }); if (!response.ok) { throw new Error("Failed to submit registration"); } const result = await response.json(); if (result.error) { throw new Error(result.error); } setSuccess(true); window.scrollTo(0, 0); } catch (err) { console.error("Registration error:", err); setError(err.message || "Failed to submit registration. Please try again."); } finally{ setLoading(false); } }; if (success) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black text-white pt-24", __source: { fileName: "", lineNumber: 140, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 text-center", __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold mb-6 text-[#D4AF37]", __source: { fileName: "", lineNumber: 142, columnNumber: 11 }, __self: this }, "Thank You!"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl mb-8 text-gray-300", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, "Your partner registration has been submitted successfully. Our team will review your application and contact you shortly."), /*#__PURE__*/ React.createElement("a", { href: "/", className: "inline-block bg-[#D4AF37] text-black px-8 py-3 rounded-md text-lg font-semibold hover:bg-[#D4AF37]/90 transition", __source: { fileName: "", lineNumber: 149, columnNumber: 11 }, __self: this }, "Return to Home"))); } return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black text-white", __source: { fileName: "", lineNumber: 161, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "pt-24 pb-12 px-4", __source: { fileName: "", lineNumber: 162, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto text-center", __source: { fileName: "", lineNumber: 163, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold mb-6 text-[#D4AF37]", __source: { fileName: "", lineNumber: 164, columnNumber: 11 }, __self: this }, "Partner Registration"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl mb-8 text-gray-300", __source: { fileName: "", lineNumber: 167, columnNumber: 11 }, __self: this }, "Join our network and enjoy reliable work, fast payment, and zero sign-up fees."), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 mb-4 p-4 bg-red-500/10 rounded", __source: { fileName: "", lineNumber: 172, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "max-w-2xl mx-auto space-y-8", __source: { fileName: "", lineNumber: 176, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6 border border-[#D4AF37]/20 rounded-lg p-6", __source: { fileName: "", lineNumber: 178, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, "Company Information"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 182, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 183, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 184, columnNumber: 19 }, __self: this }, "Company Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "companyName", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 187, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 194, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 195, columnNumber: 19 }, __self: this }, "Trading Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "tradingName", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", __source: { fileName: "", lineNumber: 198, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 204, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 205, columnNumber: 19 }, __self: this }, "Registration Number"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "registrationNumber", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 208, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 215, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 216, columnNumber: 19 }, __self: this }, "VAT Number"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "vatNumber", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", __source: { fileName: "", lineNumber: 217, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 223, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 224, columnNumber: 19 }, __self: this }, "Years Trading"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "yearsTrading", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 227, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 border border-[#D4AF37]/20 rounded-lg p-6", __source: { fileName: "", lineNumber: 238, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 239, columnNumber: 15 }, __self: this }, "Licenses and Insurance"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 242, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 243, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 244, columnNumber: 19 }, __self: this }, "Operator License Number"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "operatorLicenseNumber", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 247, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 254, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 255, columnNumber: 19 }, __self: this }, "Insurance Provider"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "insuranceProvider", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 258, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 265, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 266, columnNumber: 19 }, __self: this }, "Insurance Policy Number"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "insurancePolicyNumber", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 269, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 276, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 277, columnNumber: 19 }, __self: this }, "Insurance Expiry Date"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "insuranceExpiryDate", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 280, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4 mt-6", __source: { fileName: "", lineNumber: 290, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 291, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 292, columnNumber: 19 }, __self: this }, "Operator License Document"), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: (e)=>handleDocumentUpload(e, "operatorLicense"), className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", accept: ".pdf,.jpg,.jpeg,.png", required: true, __source: { fileName: "", lineNumber: 295, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 303, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 304, columnNumber: 19 }, __self: this }, "Insurance Certificate"), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: (e)=>handleDocumentUpload(e, "insuranceCertificate"), className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", accept: ".pdf,.jpg,.jpeg,.png", required: true, __source: { fileName: "", lineNumber: 307, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 317, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 318, columnNumber: 19 }, __self: this }, "Certificate of Incorporation"), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: (e)=>handleDocumentUpload(e, "companyRegistration"), className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", accept: ".pdf,.jpg,.jpeg,.png", required: true, __source: { fileName: "", lineNumber: 321, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 331, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 332, columnNumber: 19 }, __self: this }, "VAT Registration Certificate"), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: (e)=>handleDocumentUpload(e, "vatRegistration"), className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", accept: ".pdf,.jpg,.jpeg,.png", __source: { fileName: "", lineNumber: 335, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 border border-[#D4AF37]/20 rounded-lg p-6", __source: { fileName: "", lineNumber: 346, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 347, columnNumber: 15 }, __self: this }, "Fleet Information"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 350, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 351, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 352, columnNumber: 19 }, __self: this }, "Fleet Size"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "fleetSize", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 353, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 360, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 361, columnNumber: 19 }, __self: this }, "Vehicle Types"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2 bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2", __source: { fileName: "", lineNumber: 364, columnNumber: 19 }, __self: this }, vehicleTypes.map((type)=>/*#__PURE__*/ React.createElement("label", { key: type, className: "flex items-center space-x-2 text-white p-2", __source: { fileName: "", lineNumber: 366, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", value: type, checked: selectedVehicles.includes(type), onChange: (e)=>{ if (e.target.checked) { setSelectedVehicles([ ...selectedVehicles, type ]); } else { setSelectedVehicles(selectedVehicles.filter((v)=>v !== type)); } }, className: "form-checkbox text-[#D4AF37]", __source: { fileName: "", lineNumber: 370, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 385, columnNumber: 25 }, __self: this }, type))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 390, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 391, columnNumber: 19 }, __self: this }, "Operating Regions"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2 bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2", __source: { fileName: "", lineNumber: 394, columnNumber: 19 }, __self: this }, regions.map((region)=>/*#__PURE__*/ React.createElement("label", { key: region, className: "flex items-center space-x-2 text-white p-2", __source: { fileName: "", lineNumber: 396, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", value: region, checked: selectedRegions.includes(region), onChange: (e)=>{ if (e.target.checked) { setSelectedRegions([ ...selectedRegions, region ]); } else { setSelectedRegions(selectedRegions.filter((r)=>r !== region)); } }, className: "form-checkbox text-[#D4AF37]", __source: { fileName: "", lineNumber: 400, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 415, columnNumber: 25 }, __self: this }, region)))), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400 mt-1", __source: { fileName: "", lineNumber: 419, columnNumber: 19 }, __self: this }, "Hold Ctrl (Windows) or Command (Mac) to select multiple regions")))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 border border-[#D4AF37]/20 rounded-lg p-6", __source: { fileName: "", lineNumber: 428, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 429, columnNumber: 15 }, __self: this }, "Contact Information"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 432, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 433, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 434, columnNumber: 19 }, __self: this }, "Primary Contact Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "primaryContactName", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 437, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 444, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 445, columnNumber: 19 }, __self: this }, "Primary Contact Role"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "primaryContactRole", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 448, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 455, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 456, columnNumber: 19 }, __self: this }, "Primary Contact Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "primaryContactEmail", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 459, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 466, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 467, columnNumber: 19 }, __self: this }, "Primary Contact Phone"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "primaryContactPhone", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 470, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 border border-[#D4AF37]/20 rounded-lg p-6", __source: { fileName: "", lineNumber: 481, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-semibold text-[#D4AF37] mb-4", __source: { fileName: "", lineNumber: 482, columnNumber: 15 }, __self: this }, "Business Address"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 485, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 486, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 487, columnNumber: 19 }, __self: this }, "Business Address"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "businessAddress", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 490, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 497, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 498, columnNumber: 19 }, __self: this }, "City"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "city", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 499, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 506, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-300 mb-2", __source: { fileName: "", lineNumber: 507, columnNumber: 19 }, __self: this }, "Postcode"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "postcode", className: "w-full bg-zinc-800 border border-[#D4AF37]/20 rounded-md p-2 text-white", required: true, __source: { fileName: "", lineNumber: 508, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 518, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: `${loading ? "bg-gray-500 cursor-not-allowed" : "bg-[#D4AF37] hover:bg-[#D4AF37]/90"} text-black px-8 py-3 rounded-md text-lg font-semibold transition flex items-center gap-2`, disabled: loading, __source: { fileName: "", lineNumber: 519, columnNumber: 15 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "w-5 h-5 border-2 border-black border-t-transparent rounded-full animate-spin", __source: { fileName: "", lineNumber: 530, columnNumber: 21 }, __self: this }), "Submitting...") : "Submit Registration")))))); }