document.getElementById("cricketForm").addEventListener("submit", function(event) {
    event.preventDefault(); // Prevent form submission

    // Collect form data
    let name = document.getElementById("name").value;
    let mobile = document.getElementById("mobile").value;
    let city = document.getElementById("city").value;
    let age = document.getElementById("age").value;
    let batting = document.getElementById("batting").value;
    let tshirtSize = document.getElementById("tshirtSize").value;
    let bowler = document.getElementById("bowler").checked ? "Yes" : "No";
    let wicketKeeper = document.getElementById("wicketKeeper").checked ? "Yes" : "No";
    let allRounder = document.getElementById("allRounder").checked ? "Yes" : "No";
    
    let photoInput = document.getElementById("photo");
    let photoFile = photoInput.files[0];

    if (!photoFile) {
        alert("Please upload a photo.");
        return;
    }

    let reader = new FileReader();
    reader.readAsDataURL(photoFile);
    reader.onload = function(event) {
        let photoData = event.target.result; // Get base64 image

        const { jsPDF } = window.jspdf;
        let doc = new jsPDF();

        doc.setFontSize(14);
        doc.text("Cricket Registration Form", 80, 10);

        doc.setFontSize(12);
        doc.text(`Name: ${name}`, 20, 30);
        doc.text(`Mobile: ${mobile}`, 20, 40);
        doc.text(`City: ${city}`, 20, 50);
        doc.text(`Age: ${age}`, 20, 60);
        doc.text(`Batting Style: ${batting}`, 20, 70);
        doc.text(`Bowler: ${bowler}`, 20, 80);
        doc.text(`Wicket Keeper: ${wicketKeeper}`, 20, 90);
        doc.text(`All-Rounder: ${allRounder}`, 20, 100);
        doc.text(`T-Shirt Size: ${tshirtSize}`, 20, 110);

        // Add the photo
        doc.addImage(photoData, "JPEG", 140, 30, 50, 50);

        // Save the PDF
        doc.save(`${name}_Cricket_Registration.pdf`);
    };
});