/* ========================================================= SCHEGEN ADAM — Başvuru Formu ========================================================= */ const ApplyForm = ({ gold, content = {}, isModalOpen, onOpenModal, onCloseModal }) => { const formContent = { sectionEyebrow: content.sectionEyebrow || "08 · Başvuru", sectionTitle: content.sectionTitle || "İlk adımı", sectionTitleHighlight: content.sectionTitleHighlight || "şimdi atın", sectionCopy: content.sectionCopy || "Bilgilerinizi bırakın, size 24 saat içinde dönelim. Ücretsiz ön değerlendirme yapıyoruz.", openPanelTitle: content.openPanelTitle || "Ücretsiz ön değerlendirme formu", openPanelCopy: content.openPanelCopy || "Kısa formu doldurun, profilinizi inceleyip size en uygun başvuru yolunu netleştirelim.", openButtonText: content.openButtonText || "Başvuru formunu aç", modalEyebrow: content.modalEyebrow || "Başvuru formu", modalTitle: content.modalTitle || "Ön değerlendirme için bilgilerinizi bırakın.", modalCopy: content.modalCopy || "Formu doldurmak istemezseniz alttaki WhatsApp butonundan doğrudan yazabilirsiniz.", successTitle: content.successTitle || "Başvurunuz alındı.", successCopy: content.successCopy || "24 saat içinde sizinle iletişime geçeceğiz.", fullNameLabel: content.fullNameLabel || "İsim Soyisim", fullNamePlaceholder: content.fullNamePlaceholder || "Ad Soyad", phoneLabel: content.phoneLabel || "Tel No", phonePlaceholder: content.phonePlaceholder || "+90 5XX XXX XX XX", emailLabel: content.emailLabel || "E-Posta", emailPlaceholder: content.emailPlaceholder || "ornek@email.com", passportStatusLabel: content.passportStatusLabel || "Pasaport Durumu", activeEuropeanIdCardLabel: content.activeEuropeanIdCardLabel || "Aktif ID Avrupa kartı var mı?", applicationTypeLabel: content.applicationTypeLabel || "Başvuru", selectPlaceholder: content.selectPlaceholder || "Seçiniz", submitButtonText: content.submitButtonText || "Başvuruyu Gönder", loadingText: content.loadingText || "Gönderiliyor...", whatsappButtonText: content.whatsappButtonText || "WhatsApp ile yaz", defaultErrorMessage: content.defaultErrorMessage || "Bir hata oluştu. Lütfen tekrar deneyin.", networkErrorMessage: content.networkErrorMessage || "Sunucuya ulaşılamadı. Lütfen tekrar deneyin.", passportStatusOptions: content.passportStatusOptions && content.passportStatusOptions.length ? content.passportStatusOptions : [ { value: "Pasaport var", label: "Pasaport var" }, { value: "Pasaport yok", label: "Pasaport yok" }, { value: "Aktif Şengen vizesi var", label: "Aktif Şengen vizesi var" }, { value: "Aktif Şengen vizesi yok", label: "Aktif Şengen vizesi yok" } ], activeEuropeanIdCardOptions: content.activeEuropeanIdCardOptions && content.activeEuropeanIdCardOptions.length ? content.activeEuropeanIdCardOptions : [ { value: "Var", label: "Var" }, { value: "Yok", label: "Yok" } ], applicationTypeOptions: content.applicationTypeOptions && content.applicationTypeOptions.length ? content.applicationTypeOptions : [ { value: "Bireysel", label: "Bireysel" }, { value: "Aile", label: "Aile" }, { value: "Aile birleşimi", label: "Aile birleşimi" }, { value: "Şirket", label: "Şirket" } ] }; const [form, setForm] = React.useState({ fullName: "", phone: "", email: "", passportStatus: "", activeEuropeanIdCard: "", applicationType: "" }); const [status, setStatus] = React.useState("idle"); // idle | loading | success | error const [errorMsg, setErrorMsg] = React.useState(""); React.useEffect(() => { document.body.style.overflow = isModalOpen ? "hidden" : ""; return () => { document.body.style.overflow = ""; }; }, [isModalOpen]); const handleChange = (e) => { setForm(prev => ({ ...prev, [e.target.name]: e.target.value })); }; const handleSubmit = async (e) => { e.preventDefault(); setStatus("loading"); setErrorMsg(""); const payload = { fullName: form.fullName.trim(), phone: form.phone.trim(), email: form.email.trim(), passportStatus: form.passportStatus, activeEuropeanIdCard: form.activeEuropeanIdCard, applicationType: form.applicationType }; try { const res = await fetch("/api/apply", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload) }); if (res.ok) { setStatus("success"); setForm({ fullName: "", phone: "", email: "", passportStatus: "", activeEuropeanIdCard: "", applicationType: "" }); } else { const data = await res.json().catch(() => ({})); setErrorMsg(data.error || formContent.defaultErrorMessage); setStatus("error"); } } catch { setErrorMsg(formContent.networkErrorMessage); setStatus("error"); } }; const inputStyle = { width: "100%", padding: "9px 11px", border: "1px solid rgba(255,255,255,0.15)", borderRadius: 8, background: "rgba(255,255,255,0.06)", color: "#eef2fb", fontSize: 14, outline: "none", boxSizing: "border-box" }; const labelStyle = { display: "block", fontFamily: "var(--f-mono)", fontSize: 10.5, letterSpacing: "0.18em", textTransform: "uppercase", color: "rgba(255,255,255,0.6)", marginBottom: 5 }; const openModal = () => { onOpenModal(); setStatus("idle"); setErrorMsg(""); }; const closeModal = () => { if (status === "loading") return; onCloseModal(); }; const stopModalClick = (e) => { e.stopPropagation(); }; return (
{formContent.sectionEyebrow}

{formContent.sectionTitle}
{formContent.sectionTitleHighlight}.

{formContent.sectionCopy}

{formContent.openPanelTitle}

{formContent.openPanelCopy}

{isModalOpen && ReactDOM.createPortal((
{formContent.modalEyebrow}

{formContent.modalTitle}

{formContent.modalCopy}

{status === "success" ? (
✓
{formContent.successTitle}

{formContent.successCopy}

) : (
{status === "error" && (
{errorMsg}
)}
)} {formContent.whatsappButtonText}
), document.body)}
); }; window.ApplyForm = ApplyForm;