document.addEventListener('DOMContentLoaded', () => {
    const reserveForm = document.getElementById('reserveForm');

    reserveForm.addEventListener('submit', (e) => {
        e.preventDefault();

        const name = document.getElementById('res_name').value;
        const phone = document.getElementById('res_phone').value;
        const interest = document.getElementById('res_interest').value;
        const memo = document.getElementById('res_memo').value;

        // 버튼 상태 변경 (중복 클릭 방지)
        const btn = reserveForm.querySelector('button');
        btn.disabled = true;
        btn.innerText = "신청 중...";

        // exlux_db.js의 저장 함수 호출 (예시)
        db_addExp(name, phone, `[${interest}] ${memo}`)
            .then(() => {
                alert(`${name}님, 무료 체험 신청이 완료되었습니다!\n확인 후 빠른 시일 내에 연락드리겠습니다.`);
                reserveForm.reset();
            })
            .catch(err => {
                alert("신청 중 오류가 발생했습니다. 다시 시도해 주세요.");
            })
            .finally(() => {
                btn.disabled = false;
                btn.innerText = "무료 체험 예약 확정하기";
            });
    });
});