function MainComponent() { const [currentStep, setCurrentStep] = useState(1); const [formData, setFormData] = useState({ bedrijfsnaam: "", kvkNummer: "", btwNummer: "", oprichtingsdatum: "", bedrijfstype: "", contactpersoonNaam: "", email: "", telefoon: "", alternatieveTelefoon: "", straat: "", huisnummer: "", postcode: "", plaats: "", jarenErvaring: "", specialisaties: [], heeftVca: "", vcaVervaldatum: "", kvkDocument: null, idDocument: null, vcaCertificaat: null, aansprakelijkheidsverzekering: null, referentieprojecten: [], akkoordVoorwaarden: false }); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [success, setSuccess] = useState(false); const [upload, { loading: uploading }] = useUpload(); const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; const handleFileUpload = async (e, field)=>{ const file = e.target.files[0]; if (file) { const { url, error } = await upload({ file }); if (error) { setError(error); return; } setFormData((prev)=>({ ...prev, [field]: url })); } }; const handleSpecialisatieChange = (spec)=>{ setFormData((prev)=>({ ...prev, specialisaties: prev.specialisaties.includes(spec) ? prev.specialisaties.filter((s)=>s !== spec) : [ ...prev.specialisaties, spec ] })); }; const handleReferentieProjectAdd = ()=>{ setFormData((prev)=>({ ...prev, referentieprojecten: [ ...prev.referentieprojecten, { projectnaam: "", opdrachtgever: "", contactpersoon: "", email: "", telefoon: "", omschrijving: "", werkzaamheden: "", datum: "", fotos: [], factuur: null, opdrachtbevestiging: null } ] })); }; const handleSubmit = async ()=>{ setLoading(true); setError(null); try { const response = await fetch("/api/submit-dakdekker-registration", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); const data = await response.json(); if (!data.success) { throw new Error(data.error); } setSuccess(true); } catch (err) { setError(err.message); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen font-roboto bg-white", __source: { fileName: "", lineNumber: 115, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-lg fixed w-full z-50", __source: { fileName: "", lineNumber: 116, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 117, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center h-20", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 119, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/7fa88336-1612-4018-a0c8-aa2f4be11ec0/-/format/auto/", alt: "Netwerk Dakdekkers Logo", className: "h-16 mx-auto", __source: { fileName: "", lineNumber: 121, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex items-center space-x-8", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/dakdekkers", className: "hover:text-[#38B5E6]", __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/dakdekkers/tarieven", className: "hover:text-[#38B5E6]", __source: { fileName: "", lineNumber: 132, columnNumber: 15 }, __self: this }, "Tarieven"), /*#__PURE__*/ React.createElement("a", { href: "tel:085-5055366", className: "bg-[#38B5E6] text-white px-4 py-2 rounded-md hover:bg-[#2d91b8]", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }, "085 - 505 5366"))))), /*#__PURE__*/ React.createElement("main", { className: "pt-24 pb-16 max-w-4xl mx-auto px-4", __source: { fileName: "", lineNumber: 146, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-yellow-50 border-l-4 border-yellow-400 p-4 mb-8", __source: { fileName: "", lineNumber: 147, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this }, "Zorg dat u de volgende documenten klaar heeft:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 space-y-1", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, "KVK uittreksel (niet ouder dan 3 maanden)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 153, columnNumber: 13 }, __self: this }, "Kopie identiteitsbewijs"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 154, columnNumber: 13 }, __self: this }, "VCA certificaat (indien aanwezig)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 155, columnNumber: 13 }, __self: this }, "Minimaal 3 referentieprojecten met:", /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 mt-1", __source: { fileName: "", lineNumber: 157, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 158, columnNumber: 17 }, __self: this }, "Contactgegevens opdrachtgever"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this }, "Projectfoto's (min. 5 per project)"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }, "Facturen van het project"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 161, columnNumber: 17 }, __self: this }, "Opdrachtbevestiging"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6", __source: { fileName: "", lineNumber: 167, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 168, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 h-2 rounded-full", __source: { fileName: "", lineNumber: 169, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#38B5E6] h-2 rounded-full transition-all duration-300", style: { width: `${currentStep / 7 * 100}%` }, __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mt-2 text-sm text-gray-600", __source: { fileName: "", lineNumber: 175, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: currentStep >= 1 ? "text-[#38B5E6]" : "", __source: { fileName: "", lineNumber: 176, columnNumber: 15 }, __self: this }, "Bedrijf"), /*#__PURE__*/ React.createElement("span", { className: currentStep >= 2 ? "text-[#38B5E6]" : "", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("span", { className: currentStep >= 3 ? "text-[#38B5E6]" : "", __source: { fileName: "", lineNumber: 182, columnNumber: 15 }, __self: this }, "Adres"), /*#__PURE__*/ React.createElement("span", { className: currentStep >= 4 ? "text-[#38B5E6]" : "", __source: { fileName: "", lineNumber: 185, columnNumber: 15 }, __self: this }, "Expertise"), /*#__PURE__*/ React.createElement("span", { className: currentStep >= 5 ? "text-[#38B5E6]" : "", __source: { fileName: "", lineNumber: 188, columnNumber: 15 }, __self: this }, "Documenten"), /*#__PURE__*/ React.createElement("span", { className: currentStep >= 6 ? "text-[#38B5E6]" : "", __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }, "Projecten"), /*#__PURE__*/ React.createElement("span", { className: currentStep >= 7 ? "text-[#38B5E6]" : "", __source: { fileName: "", lineNumber: 194, columnNumber: 15 }, __self: this }, "Bevestiging"))), currentStep === 1 && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 201, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 202, columnNumber: 15 }, __self: this }, "Bedrijfsgegevens"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "bedrijfsnaam", placeholder: "Bedrijfsnaam", value: formData.bedrijfsnaam, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 203, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "kvkNummer", placeholder: "KVK nummer", value: formData.kvkNummer, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 211, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "btwNummer", placeholder: "BTW nummer", value: formData.btwNummer, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 219, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", name: "oprichtingsdatum", value: formData.oprichtingsdatum, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 227, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "bedrijfstype", value: formData.bedrijfstype, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 234, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 240, columnNumber: 17 }, __self: this }, "Selecteer bedrijfstype"), /*#__PURE__*/ React.createElement("option", { value: "zzp", __source: { fileName: "", lineNumber: 241, columnNumber: 17 }, __self: this }, "ZZP"), /*#__PURE__*/ React.createElement("option", { value: "bv", __source: { fileName: "", lineNumber: 242, columnNumber: 17 }, __self: this }, "BV"), /*#__PURE__*/ React.createElement("option", { value: "vof", __source: { fileName: "", lineNumber: 243, columnNumber: 17 }, __self: this }, "VOF"))), currentStep === 2 && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 249, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 250, columnNumber: 15 }, __self: this }, "Contactgegevens"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "contactpersoonNaam", placeholder: "Naam contactpersoon", value: formData.contactpersoonNaam, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 251, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "E-mailadres", value: formData.email, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 259, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "telefoon", placeholder: "Telefoonnummer", value: formData.telefoon, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 267, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "alternatieveTelefoon", placeholder: "Alternatief telefoonnummer (optioneel)", value: formData.alternatieveTelefoon, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 275, columnNumber: 15 }, __self: this })), currentStep === 3 && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 287, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 288, columnNumber: 15 }, __self: this }, "Adresgegevens"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "straat", placeholder: "Straatnaam", value: formData.straat, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 289, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "huisnummer", placeholder: "Huisnummer", value: formData.huisnummer, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 297, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "postcode", placeholder: "Postcode", value: formData.postcode, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 305, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "plaats", placeholder: "Plaats", value: formData.plaats, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 313, columnNumber: 15 }, __self: this })), currentStep === 4 && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 325, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 326, columnNumber: 15 }, __self: this }, "Expertise"), /*#__PURE__*/ React.createElement("select", { name: "jarenErvaring", value: formData.jarenErvaring, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 327, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 333, columnNumber: 17 }, __self: this }, "Selecteer jaren ervaring"), /*#__PURE__*/ React.createElement("option", { value: "0-2", __source: { fileName: "", lineNumber: 334, columnNumber: 17 }, __self: this }, "0-2 jaar"), /*#__PURE__*/ React.createElement("option", { value: "3-5", __source: { fileName: "", lineNumber: 335, columnNumber: 17 }, __self: this }, "3-5 jaar"), /*#__PURE__*/ React.createElement("option", { value: "5-10", __source: { fileName: "", lineNumber: 336, columnNumber: 17 }, __self: this }, "5-10 jaar"), /*#__PURE__*/ React.createElement("option", { value: "10+", __source: { fileName: "", lineNumber: 337, columnNumber: 17 }, __self: this }, "Meer dan 10 jaar")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 340, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 341, columnNumber: 17 }, __self: this }, "Specialisaties:"), [ "Bitumen", "EPDM", "PVC", "Zinkwerk", "Leien", "Pannendaken", "Groendaken", "Dakkapellen" ].map((spec)=>/*#__PURE__*/ React.createElement("label", { key: spec, className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 352, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: formData.specialisaties.includes(spec), onChange: ()=>handleSpecialisatieChange(spec), className: "rounded text-[#38B5E6]", __source: { fileName: "", lineNumber: 353, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 359, columnNumber: 21 }, __self: this }, spec)))), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 364, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 365, columnNumber: 17 }, __self: this }, "VCA Certificaat:"), /*#__PURE__*/ React.createElement("select", { name: "heeftVca", value: formData.heeftVca, onChange: handleInputChange, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 366, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 372, columnNumber: 19 }, __self: this }, "Selecteer optie"), /*#__PURE__*/ React.createElement("option", { value: "ja", __source: { fileName: "", lineNumber: 373, columnNumber: 19 }, __self: this }, "Ja"), /*#__PURE__*/ React.createElement("option", { value: "nee", __source: { fileName: "", lineNumber: 374, columnNumber: 19 }, __self: this }, "Nee")), formData.heeftVca === "ja" && /*#__PURE__*/ React.createElement("input", { type: "date", name: "vcaVervaldatum", value: formData.vcaVervaldatum, onChange: handleInputChange, className: "w-full p-3 border rounded", placeholder: "Vervaldatum VCA", __source: { fileName: "", lineNumber: 377, columnNumber: 19 }, __self: this }))), currentStep === 5 && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 391, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 392, columnNumber: 15 }, __self: this }, "Document Upload"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 393, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 394, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium mb-2", __source: { fileName: "", lineNumber: 395, columnNumber: 19 }, __self: this }, "KVK uittreksel:"), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: (e)=>handleFileUpload(e, "kvkDocument"), className: "w-full", accept: ".pdf,.jpg,.jpeg,.png", __source: { fileName: "", lineNumber: 396, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 403, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium mb-2", __source: { fileName: "", lineNumber: 404, columnNumber: 19 }, __self: this }, "ID bewijs:"), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: (e)=>handleFileUpload(e, "idDocument"), className: "w-full", accept: ".pdf,.jpg,.jpeg,.png", __source: { fileName: "", lineNumber: 405, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 412, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium mb-2", __source: { fileName: "", lineNumber: 413, columnNumber: 19 }, __self: this }, "VCA certificaat (indien van toepassing):"), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: (e)=>handleFileUpload(e, "vcaCertificaat"), className: "w-full", accept: ".pdf,.jpg,.jpeg,.png", __source: { fileName: "", lineNumber: 416, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 423, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium mb-2", __source: { fileName: "", lineNumber: 424, columnNumber: 19 }, __self: this }, "Aansprakelijkheidsverzekering:"), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: (e)=>handleFileUpload(e, "aansprakelijkheidsverzekering"), className: "w-full", accept: ".pdf,.jpg,.jpeg,.png", __source: { fileName: "", lineNumber: 427, columnNumber: 19 }, __self: this })))), currentStep === 6 && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 441, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 442, columnNumber: 15 }, __self: this }, "Referentieprojecten"), formData.referentieprojecten.map((project, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border p-4 rounded space-y-4", __source: { fileName: "", lineNumber: 444, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold", __source: { fileName: "", lineNumber: 445, columnNumber: 19 }, __self: this }, "Project ", index + 1), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Projectnaam", value: project.projectnaam, onChange: (e)=>{ const newProjects = [ ...formData.referentieprojecten ]; newProjects[index].projectnaam = e.target.value; setFormData((prev)=>({ ...prev, referentieprojecten: newProjects })); }, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 446, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Opdrachtgever", value: project.opdrachtgever, onChange: (e)=>{ const newProjects = [ ...formData.referentieprojecten ]; newProjects[index].opdrachtgever = e.target.value; setFormData((prev)=>({ ...prev, referentieprojecten: newProjects })); }, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 460, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Contactpersoon", value: project.contactpersoon, onChange: (e)=>{ const newProjects = [ ...formData.referentieprojecten ]; newProjects[index].contactpersoon = e.target.value; setFormData((prev)=>({ ...prev, referentieprojecten: newProjects })); }, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 474, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "E-mail opdrachtgever", value: project.email, onChange: (e)=>{ const newProjects = [ ...formData.referentieprojecten ]; newProjects[index].email = e.target.value; setFormData((prev)=>({ ...prev, referentieprojecten: newProjects })); }, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 488, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", placeholder: "Telefoon opdrachtgever", value: project.telefoon, onChange: (e)=>{ const newProjects = [ ...formData.referentieprojecten ]; newProjects[index].telefoon = e.target.value; setFormData((prev)=>({ ...prev, referentieprojecten: newProjects })); }, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 502, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { placeholder: "Projectomschrijving", value: project.omschrijving, onChange: (e)=>{ const newProjects = [ ...formData.referentieprojecten ]; newProjects[index].omschrijving = e.target.value; setFormData((prev)=>({ ...prev, referentieprojecten: newProjects })); }, className: "w-full p-3 border rounded", rows: "3", __source: { fileName: "", lineNumber: 516, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { placeholder: "Uitgevoerde werkzaamheden", value: project.werkzaamheden, onChange: (e)=>{ const newProjects = [ ...formData.referentieprojecten ]; newProjects[index].werkzaamheden = e.target.value; setFormData((prev)=>({ ...prev, referentieprojecten: newProjects })); }, className: "w-full p-3 border rounded", rows: "3", __source: { fileName: "", lineNumber: 530, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "date", value: project.datum, onChange: (e)=>{ const newProjects = [ ...formData.referentieprojecten ]; newProjects[index].datum = e.target.value; setFormData((prev)=>({ ...prev, referentieprojecten: newProjects })); }, className: "w-full p-3 border rounded", __source: { fileName: "", lineNumber: 544, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 557, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium mb-2", __source: { fileName: "", lineNumber: 558, columnNumber: 21 }, __self: this }, "Projectfoto's (minimaal 5):"), /*#__PURE__*/ React.createElement("input", { type: "file", multiple: true, accept: "image/*", onChange: async (e)=>{ const files = Array.from(e.target.files); const uploadedUrls = []; for (const file of files){ const { url } = await upload({ file }); if (url) uploadedUrls.push(url); } const newProjects = [ ...formData.referentieprojecten ]; newProjects[index].fotos = [ ...project.fotos, ...uploadedUrls ]; setFormData((prev)=>({ ...prev, referentieprojecten: newProjects })); }, className: "w-full", __source: { fileName: "", lineNumber: 561, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 585, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium mb-2", __source: { fileName: "", lineNumber: 586, columnNumber: 21 }, __self: this }, "Factuur:"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: ".pdf,.jpg,.jpeg,.png", onChange: async (e)=>{ const { url } = await upload({ file: e.target.files[0] }); const newProjects = [ ...formData.referentieprojecten ]; newProjects[index].factuur = url; setFormData((prev)=>({ ...prev, referentieprojecten: newProjects })); }, className: "w-full", __source: { fileName: "", lineNumber: 587, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 604, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium mb-2", __source: { fileName: "", lineNumber: 605, columnNumber: 21 }, __self: this }, "Opdrachtbevestiging:"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: ".pdf,.jpg,.jpeg,.png", onChange: async (e)=>{ const { url } = await upload({ file: e.target.files[0] }); const newProjects = [ ...formData.referentieprojecten ]; newProjects[index].opdrachtbevestiging = url; setFormData((prev)=>({ ...prev, referentieprojecten: newProjects })); }, className: "w-full", __source: { fileName: "", lineNumber: 606, columnNumber: 21 }, __self: this })))), formData.referentieprojecten.length < 3 && /*#__PURE__*/ React.createElement("button", { onClick: handleReferentieProjectAdd, className: "w-full p-3 border-2 border-dashed border-[#38B5E6] text-[#38B5E6] rounded hover:bg-[#38B5E6] hover:text-white transition-colors", __source: { fileName: "", lineNumber: 626, columnNumber: 17 }, __self: this }, "+ Project toevoegen")), currentStep === 7 && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 637, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-6", __source: { fileName: "", lineNumber: 638, columnNumber: 15 }, __self: this }, "Bevestiging"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 639, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 640, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 641, columnNumber: 19 }, __self: this }, "Bedrijfsgegevens"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 642, columnNumber: 19 }, __self: this }, "Bedrijfsnaam: ", formData.bedrijfsnaam), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 643, columnNumber: 19 }, __self: this }, "KVK nummer: ", formData.kvkNummer), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 644, columnNumber: 19 }, __self: this }, "BTW nummer: ", formData.btwNummer), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 645, columnNumber: 19 }, __self: this }, "Oprichtingsdatum: ", formData.oprichtingsdatum), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 646, columnNumber: 19 }, __self: this }, "Bedrijfstype: ", formData.bedrijfstype)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 649, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 650, columnNumber: 19 }, __self: this }, "Contactgegevens"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 651, columnNumber: 19 }, __self: this }, "Naam: ", formData.contactpersoonNaam), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 652, columnNumber: 19 }, __self: this }, "E-mail: ", formData.email), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 653, columnNumber: 19 }, __self: this }, "Telefoon: ", formData.telefoon), formData.alternatieveTelefoon && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 655, columnNumber: 21 }, __self: this }, "Alternatief telefoon: ", formData.alternatieveTelefoon)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 659, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 660, columnNumber: 19 }, __self: this }, "Adresgegevens"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 661, columnNumber: 19 }, __self: this }, formData.straat, " ", formData.huisnummer), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 664, columnNumber: 19 }, __self: this }, formData.postcode, " ", formData.plaats)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 669, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 670, columnNumber: 19 }, __self: this }, "Expertise"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 671, columnNumber: 19 }, __self: this }, "Jaren ervaring: ", formData.jarenErvaring), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 672, columnNumber: 19 }, __self: this }, "Specialisaties: ", formData.specialisaties.join(", ")), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 673, columnNumber: 19 }, __self: this }, "VCA: ", formData.heeftVca), formData.heeftVca === "ja" && /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 675, columnNumber: 21 }, __self: this }, "VCA vervaldatum: ", formData.vcaVervaldatum)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 679, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 680, columnNumber: 19 }, __self: this }, "Geüploade documenten"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 681, columnNumber: 19 }, __self: this }, "KVK uittreksel: ", formData.kvkDocument ? "✓" : "✗"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 682, columnNumber: 19 }, __self: this }, "ID bewijs: ", formData.idDocument ? "✓" : "✗"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 683, columnNumber: 19 }, __self: this }, "VCA certificaat: ", formData.vcaCertificaat ? "✓" : "✗"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 684, columnNumber: 19 }, __self: this }, "Aansprakelijkheidsverzekering:", " ", formData.aansprakelijkheidsverzekering ? "✓" : "✗")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 690, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-bold mb-2", __source: { fileName: "", lineNumber: 691, columnNumber: 19 }, __self: this }, "Referentieprojecten"), formData.referentieprojecten.map((project, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-4", __source: { fileName: "", lineNumber: 693, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-medium", __source: { fileName: "", lineNumber: 694, columnNumber: 23 }, __self: this }, "Project ", index + 1, ": ", project.projectnaam), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 697, columnNumber: 23 }, __self: this }, "Opdrachtgever: ", project.opdrachtgever), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 698, columnNumber: 23 }, __self: this }, "Datum: ", project.datum), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 699, columnNumber: 23 }, __self: this }, "Foto's: ", project.fotos.length), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 700, columnNumber: 23 }, __self: this }, "Factuur: ", project.factuur ? "✓" : "✗"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 701, columnNumber: 23 }, __self: this }, "Opdrachtbevestiging:", " ", project.opdrachtbevestiging ? "✓" : "✗")))), /*#__PURE__*/ React.createElement("div", { className: "pt-4", __source: { fileName: "", lineNumber: 709, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 710, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: formData.akkoordVoorwaarden, onChange: (e)=>setFormData((prev)=>({ ...prev, akkoordVoorwaarden: e.target.checked })), className: "rounded text-[#38B5E6]", __source: { fileName: "", lineNumber: 711, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 722, columnNumber: 21 }, __self: this }, "Ik ga akkoord met de voorwaarden"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 flex justify-between", __source: { fileName: "", lineNumber: 729, columnNumber: 11 }, __self: this }, currentStep > 1 && /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentStep((prev)=>prev - 1), className: "px-6 py-2 border-2 border-[#38B5E6] text-[#38B5E6] rounded", __source: { fileName: "", lineNumber: 731, columnNumber: 15 }, __self: this }, "Vorige"), currentStep < 7 && /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentStep((prev)=>prev + 1), className: "px-6 py-2 bg-[#38B5E6] text-white rounded ml-auto", __source: { fileName: "", lineNumber: 740, columnNumber: 15 }, __self: this }, "Volgende"), currentStep === 7 && /*#__PURE__*/ React.createElement("button", { onClick: handleSubmit, disabled: loading, className: "px-6 py-2 bg-[#38B5E6] text-white rounded ml-auto disabled:opacity-50", __source: { fileName: "", lineNumber: 749, columnNumber: 15 }, __self: this }, loading ? "Bezig met verzenden..." : "Verzenden"))), success && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center", __source: { fileName: "", lineNumber: 761, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 rounded-lg max-w-md", __source: { fileName: "", lineNumber: 762, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 763, columnNumber: 15 }, __self: this }, "Bedankt voor uw aanmelding!"), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 766, columnNumber: 15 }, __self: this }, "We hebben uw registratie ontvangen en zullen deze binnen 2 werkdagen beoordelen."), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 770, columnNumber: 15 }, __self: this }, "U ontvangt een e-mail met de vervolgstappen."), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 773, columnNumber: 15 }, __self: this }, "Heeft u vragen? Neem contact met ons op:"), /*#__PURE__*/ React.createElement("p", { className: "text-[#38B5E6]", __source: { fileName: "", lineNumber: 776, columnNumber: 15 }, __self: this }, "085 - 505 5366"))))); }