demos3
<img src="/storage/49953/01KMAZ0V17041BP7816HZJJMBY.jpg" alt="sample imgae">


<!-- <h1>Leadmind Form</h1>
<meta name="csrf-token" content="">

<form
    enctype="multipart/form-data"
    class="apply-form ds-form application-form"
    id="applyForm"
>
    <input name="job" type="hidden" value="" />

    <div class="field">
        <label for="f-name">Full name <span class="req">*</span></label>
        <input type="text" id="f-name" name="name" placeholder="Jane Smith" />
    </div>

    <div class="field">
        <label for="f-email">Email <span class="req">*</span></label>
        <input type="email" id="f-email" name="email" placeholder="jane@email.com" />
    </div>

    <div class="field">
        <label for="f-profile">Profile</label>
        <input type="text" id="f-profile" name="profile" placeholder="https://linkedin.com/in/..." />
    </div>

    <div class="field">
        <label for="f-location">Your location <span class="req">*</span></label>
        <input type="text" id="f-location" name="location" placeholder="City, Country" />
    </div>

    <div class="field">
        <label>Upload CV <span class="req">*</span></label>

        <div class="file-drop" id="fileDrop">
            <input name="cv" type="file" id="f-cv" accept=".pdf,.doc,.docx" />
            <div class="file-drop__ui">
                <span class="file-drop__icon">📎</span>
                <span>Drop your CV or <u>browse</u></span>
                <small>PDF, DOC — max 5 MB</small>
            </div>
        </div>

        <div class="file-name" id="fileName"></div>
        <div class="file-name" id="uploadResult"></div>
    </div>

    <div class="field">
        <label for="f-intro">Short intro <span class="req">*</span></label>
        <textarea
            id="f-intro"
            name="intro"
            rows="4"
            placeholder="Tell us who you are and why this role excites you…"
        ></textarea>
    </div>

    <div class="field field--row error-jump">
        <input name="agreement" type="checkbox" id="f-privacy" />
        <label for="f-privacy">
            I agree to dotSwan's
            <a href="https://dotswan.com/storage/32976/pv_Dotswan_v2.6_ENG.pdf" target="_blank">
                Privacy Policy
            </a>
        </label>
    </div>

    <button class="btn btn--cyan btn--full" id="submitBtn" type="submit">
        Send application <span class="btn-arr">→</span>
    </button>

    <p class="apply-note">
        We review all applications and reply within 5 business days.
    </p>
</form>

<div class="apply-success hidden" id="applySuccess">
    <div class="apply-success__icon">✓</div>
    <h3>Application received!</h3>
    <p>
        Thanks for applying. We'll review your profile and reach out
        if there's a great match.
    </p>
</div>

<script>
    const FORM_SLUG = "faq_so_lan";

    const form = document.getElementById("applyForm");
    const fileInput = document.getElementById("f-cv");
    const fileName = document.getElementById("fileName");
    const fileDrop = document.getElementById("fileDrop");
    const uploadResult = document.getElementById("uploadResult");
    const submitBtn = document.getElementById("submitBtn");

    const csrfToken = document
        .querySelector('meta[name="csrf-token"]')
        .getAttribute("content");

    fileInput.addEventListener("change", () => {
        if (fileInput.files.length) {
            fileName.textContent = "✓ " + fileInput.files[0].name;
            fileDrop.classList.add("has-file");
        }
    });

    fileDrop.addEventListener("dragover", (e) => {
        e.preventDefault();
        fileDrop.classList.add("drag-over");
    });

    fileDrop.addEventListener("dragleave", () => {
        fileDrop.classList.remove("drag-over");
    });

    fileDrop.addEventListener("drop", (e) => {
        e.preventDefault();
        fileDrop.classList.remove("drag-over");

        if (e.dataTransfer.files.length) {
            fileInput.files = e.dataTransfer.files;
            fileName.textContent = "✓ " + e.dataTransfer.files[0].name;
            fileDrop.classList.add("has-file");
        }
    });

    async function submitApplication() {
        const formData = new FormData();

        formData.append("data[job]", form.job.value);
        formData.append("data[name]", form.name.value);
        formData.append("data[email]", form.email.value);
        formData.append("data[profile]", form.profile.value);
        formData.append("data[location]", form.location.value);
        formData.append("data[intro]", form.intro.value);
        formData.append("data[agreement]", form.agreement.checked ? "1" : "0");

        if (fileInput.files.length) {
            formData.append("cv", fileInput.files[0]);
        }

  
        console.log("FormData entries:");
        for (const [key, value] of formData.entries()) {
            if (value instanceof File) {
                console.log(key, {
                    name: value.name,
                    size: value.size,
                    type: value.type,
                });
            } else {
                console.log(key, value);
            }
        }


        console.log([...formData.entries()]);

        const response = await fetch(`/api/v1/content-manger/submit-response/${FORM_SLUG}`, {
            method: "POST",
            headers: {
                "Accept": "application/json",
                "X-CSRF-TOKEN": csrfToken
            },
            body: formData
        });

        const result = await response.json();

        if (!response.ok || result.success === false) {
            throw new Error(result.message || "Submit failed");
        }

        return result;
    }

    form.addEventListener("submit", async (e) => {
        e.preventDefault();

        try {
            submitBtn.textContent = "Sending…";
            submitBtn.disabled = true;
            uploadResult.textContent = "";

            if (!fileInput.files.length) {
                throw new Error("Please upload your CV");
            }

            await submitApplication();

            form.classList.add("hidden");
            document.getElementById("applySuccess").classList.remove("hidden");

        } catch (error) {
            alert(error.message);
            console.error(error);

            submitBtn.innerHTML = 'Send application <span class="btn-arr">→</span>';
            submitBtn.disabled = false;
        }
    });
</script> -->