Holidays

<style>

.form-wrap { max-width: 600px; margin: auto; font-family: Georgia, serif; padding: 18px; }

.form-wrap input, .form-wrap textarea, .form-wrap select { width: 100%; padding: 10px; margin: 7px 0; border: 1px solid #ccc; border-radius: 6px; font-size: 14px; box-sizing: border-box; }

.form-wrap textarea { min-height: 80px; } .button-row { display: flex; gap: 10px; margin-top: 15px; } .button-row button { flex: 1; padding: 12px; border: none; border-radius: 6px; font-weight: bold; cursor: pointer; font-size: 15px; } .pay-now { background: #01204f; color: white; } .pay-now:hover { background: #254676; } .pay-later { background: #777; color: white; } .pay-later:hover { background: #555; } .small-note { font-size: 12px; color: #666; margin-bottom: 8px; } .loading { display: none; text-align: center; margin-top: 10px; }

</style>

<div class="form-wrap">

<input id="email" type="email" placeholder="Email *"> <input id="firstName" placeholder="First Name *">

<input id="lastName" placeholder="Last Name *">

<input id="phone" placeholder="Phone *">

<select id="level">

<option value="">Select Dedication Level *</option> <option value="100000">100,000 – Torah Visionary</option> <option value="50000">50,000 – Torah Pillar</option> <option value="25000">25,000 – Torah Builder</option> <option value="18000">18,000 – Torah Partner</option> <option value="10000">10,000 – Diamond Sponsor</option> <option value="5000">5,000 – Platinum Sponsor</option> <option value="3600">3,600 – Gold Sponsor</option> <option value="1800">1,800 – Chai Sponsor</option> <option value="1000">1,000 – Silver Sponsor</option> <option value="500">500 – Full Page</option> <option value="360">360 – Half Page</option> <option value="180">180 – Supporter</option> <option value="Other">Other</option> </select> <div class="small-note"> Dedication Text (optional) </div> <textarea id="dedication"></textarea> <div class="button-row"> <button type="button" class="pay-later" onclick="submitDinner('later')"> Submit & Pay Later </button> <button type="button" class="pay-now" onclick="submitDinner('now')"> Submit & Pay Now </button> </div> <div id="loading" class="loading"> Processing... </div>

</div>

<script> function submitDinner(action) {

const payload = {

action: action,

email: document.getElementById("email").value.trim(), firstName: document.getElementById("firstName").value.trim(), lastName: document.getElementById("lastName").value.trim(),

phone: document.getElementById("phone").value.trim(), level: document.getElementById("level").value,

dedication: document.getElementById("dedication").value.trim() };

if (!payload.email) { alert("Email is required."); return; }

if (!payload.firstName) { alert("First Name is required."); return; }

if (!payload.lastName) { alert("Last Name is required."); return; }

if (!payload.phone) { alert("Phone is required."); return; }

if (!payload.level) { alert("Please select a Dedication Level."); return; }

document.getElementById("loading").style.display = "block"; fetch( "https://script.google.com/macros/s/AKfycbyA8ZmaVn5PA6WVRhYeehUaxjMSaA9mpgB76FefqVku9_mToO2AR4m3cajA3BvLRx8f/exec", { method: "POST", body: JSON.stringify(payload) } ) .then(response => response.json()) .then(data => {

if (data.status === "success" && data.redirect) { window.location.href = data.redirect; }

else { alert(data.message || "Submission failed."); } }) .catch(error => { console.error(error); alert("Submission failed."); }) .finally(() => {

document.getElementById("loading").style.display = "none"; }); }

</script>