Catering Booking<\/title>\n<style>\n:root{\n --green:#76A866;\n --green-dark:#4F7547;\n --bg:#F7F8F5;\n --text:#2E352C;\n --muted:#7A8277;\n --line:#E2E7DF;\n --white:#fff;\n --danger:#B42318;\n}\n*{box-sizing:border-box}\nbody{\n margin:0;\n font-family:Arial,sans-serif;\n background:var(--bg);\n color:var(--text);\n}\n.wrap{\n max-width:760px;\n margin:30px auto;\n background:var(--white);\n border:1px solid var(--line);\n border-radius:14px;\n padding:24px;\n}\nh1{\n margin:0 0 8px;\n font-size:28px;\n}\n.intro{\n color:var(--muted);\n margin-bottom:24px;\n line-height:1.5;\n}\n.step{\n display:none;\n}\n.step.active{\n display:block;\n}\n.progress{\n display:flex;\n gap:8px;\n margin-bottom:24px;\n}\n.progress span{\n flex:1;\n text-align:center;\n padding:9px 6px;\n border-radius:8px;\n background:#EEF1EC;\n color:#7F877C;\n font-size:12px;\n font-weight:bold;\n}\n.progress span.active{\n background:var(--green);\n color:#fff;\n}\n.field{\n margin-bottom:18px;\n}\nlabel{\n display:block;\n font-size:13px;\n font-weight:bold;\n margin-bottom:7px;\n}\ninput,select,textarea{\n width:100%;\n border:1px solid var(--line);\n border-radius:8px;\n padding:13px;\n font-size:16px;\n background:#fff;\n}\ntextarea{\n min-height:90px;\n}\n.options{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:10px;\n}\n.option{\n border:1px solid var(--line);\n border-radius:8px;\n padding:14px;\n background:#fff;\n cursor:pointer;\n}\n.option.selected{\n border-color:var(--green);\n background:#F1F7EE;\n}\n.option strong{\n display:block;\n margin-bottom:4px;\n}\n.option small{\n color:var(--muted);\n}\n.actions{\n display:flex;\n gap:10px;\n justify-content:space-between;\n margin-top:24px;\n}\nbutton{\n border:0;\n border-radius:8px;\n padding:13px 18px;\n font-weight:bold;\n cursor:pointer;\n}\n.primary{\n background:var(--green);\n color:#fff;\n}\n.secondary{\n background:#EEF1EC;\n color:var(--green-dark);\n}\n.summary{\n border:1px solid var(--line);\n border-radius:10px;\n padding:16px;\n margin-bottom:18px;\n background:#FAFBF9;\n}\n.row{\n display:flex;\n justify-content:space-between;\n gap:16px;\n padding:7px 0;\n border-bottom:1px solid #ECEFEB;\n}\n.row:last-child{\n border-bottom:0;\n}\n.row span:first-child{\n color:var(--muted);\n}\n.total{\n font-size:20px;\n font-weight:bold;\n color:var(--green-dark);\n}\n.error{\n display:none;\n color:var(--danger);\n font-size:13px;\n margin-top:8px;\n}\n.timer{\n display:none;\n margin-bottom:18px;\n padding:11px 13px;\n background:#F1F7EE;\n border:1px solid #D7E5D1;\n border-radius:8px;\n color:var(--green-dark);\n}\n.timer.show{\n display:flex;\n justify-content:space-between;\n}\n.terms-link{\n background:none;\n color:var(--green-dark);\n padding:0;\n text-decoration:underline;\n}\n.check{\n display:flex;\n gap:10px;\n align-items:flex-start;\n margin-top:14px;\n}\n.check input{\n width:auto;\n margin-top:2px;\n}\n.modal{\n display:none;\n position:fixed;\n inset:0;\n background:rgba(0,0,0,.45);\n padding:18px;\n align-items:center;\n justify-content:center;\n}\n.modal.open{\n display:flex;\n}\n.modal-box{\n background:#fff;\n width:min(650px,100%);\n max-height:85vh;\n overflow:auto;\n border-radius:12px;\n padding:22px;\n}\n.modal-box h2{\n margin-top:0;\n}\n@media(max-width:600px){\n .wrap{\n margin:0;\n min-height:100vh;\n border-radius:0;\n padding:16px;\n }\n .options{\n grid-template-columns:1fr;\n }\n .progress span{\n font-size:10px;\n padding:8px 4px;\n }\n .actions button{\n flex:1;\n }\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"wrap\" id=\"app\">\n <h1>Catering Booking<\/h1>\n <p class=\"intro\">Choose your event date, time and package, then continue to WooCommerce checkout.<\/p>\n\n <div class=\"progress\">\n <span class=\"active\" data-p=\"1\">Event<\/span>\n <span data-p=\"2\">Order<\/span>\n <span data-p=\"3\">Review<\/span>\n <span data-p=\"4\">Pay<\/span>\n <\/div>\n\n <div class=\"timer\" id=\"timer\">\n <span>Your slot is held for checkout<\/span>\n <strong id=\"countdown\">10:00<\/strong>\n <\/div>\n\n <section class=\"step active\" data-step=\"1\">\n <div class=\"field\">\n <label>Event date<\/label>\n <input type=\"date\" id=\"date\">\n <\/div>\n\n <div class=\"field\">\n <label>Start time<\/label>\n <select id=\"time\">\n <option value=\"\">Select time<\/option>\n <\/select>\n <\/div>\n\n <div class=\"field\">\n <label>Emirate<\/label>\n <select id=\"emirate\">\n <option value=\"\">Select emirate<\/option>\n <option value=\"sharjah\" data-price=\"500\">Sharjah \u2014 500 AED<\/option>\n <option value=\"ajman\" data-price=\"600\">Ajman \u2014 600 AED<\/option>\n <option value=\"dubai\" data-price=\"500\">Dubai \u2014 500 AED<\/option>\n <option value=\"uaq\" data-price=\"800\">Umm Al Quwain \u2014 800 AED<\/option>\n <option value=\"rak\" data-price=\"1000\">Ras Al Khaimah \u2014 1,000 AED<\/option>\n <option value=\"fujairah\" data-price=\"900\">Fujairah \/ Khor Fakkan \/ Kalba \u2014 900 AED<\/option>\n <option value=\"abudhabi\" data-price=\"1200\">Abu Dhabi \/ Al Ain \/ Hatta \u2014 1,200 AED<\/option>\n <\/select>\n <\/div>\n\n <div class=\"field\">\n <label>Venue \/ location<\/label>\n <textarea id=\"venue\" placeholder=\"Venue name or address\"><\/textarea>\n <\/div>\n\n <div class=\"error\" id=\"err1\"><\/div>\n\n <div class=\"actions\">\n <span><\/span>\n <button class=\"primary\" id=\"next1\">Continue<\/button>\n <\/div>\n <\/section>\n\n <section class=\"step\" data-step=\"2\">\n <div class=\"field\">\n <label>Cup type<\/label>\n <div class=\"options\">\n <div class=\"option\" data-cup=\"mini\">\n <strong>Small Cups 8oz<\/strong>\n <small>60\u2013140: 25 AED each<br>145+: 21 AED each<\/small>\n <\/div>\n <div class=\"option\" data-cup=\"regular\">\n <strong>Normal Cups 16oz<\/strong>\n <small>30\u201370: 30 AED each<br>75+: 27 AED each<\/small>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label>Quantity<\/label>\n <input type=\"number\" id=\"qty\" value=\"60\" min=\"1\">\n <\/div>\n\n <div class=\"field\">\n <label>Customization<\/label>\n <select id=\"custom\">\n <option value=\"standard\" data-price=\"0\">Standard cups \u2014 Free<\/option>\n <option value=\"logo\" data-price=\"300\">Event logo cups \u2014 300 AED<\/option>\n <option value=\"full\" data-price=\"350\">Fully custom cups \u2014 350 AED<\/option>\n <\/select>\n <\/div>\n\n <div class=\"field\">\n <label class=\"check\">\n <input type=\"checkbox\" id=\"female\">\n <span>Female barista<\/span>\n <\/label>\n <\/div>\n\n <div class=\"error\" id=\"err2\"><\/div>\n\n <div class=\"actions\">\n <button class=\"secondary\" id=\"back2\">Back<\/button>\n <button class=\"primary\" id=\"next2\">Review<\/button>\n <\/div>\n <\/section>\n\n <section class=\"step\" data-step=\"3\">\n <div class=\"summary\" id=\"review\"><\/div>\n\n <div class=\"field\">\n <label>Full name<\/label>\n <input type=\"text\" id=\"name\">\n <\/div>\n\n <div class=\"field\">\n <label>Mobile number<\/label>\n <input type=\"tel\" id=\"phone\" placeholder=\"+971\">\n <\/div>\n\n <div class=\"field\">\n <label>Email (optional)<\/label>\n <input type=\"email\" id=\"email\">\n <\/div>\n\n <button type=\"button\" class=\"terms-link\" id=\"openTerms\">Read Terms & Conditions<\/button>\n\n <label class=\"check\">\n <input type=\"checkbox\" id=\"terms\">\n <span>I agree to the Terms & Conditions<\/span>\n <\/label>\n\n <div class=\"error\" id=\"err3\"><\/div>\n\n <div class=\"actions\">\n <button class=\"secondary\" id=\"back3\">Back<\/button>\n <button class=\"primary\" id=\"next3\">Continue to Pay<\/button>\n <\/div>\n <\/section>\n\n <section class=\"step\" data-step=\"4\">\n <div class=\"summary\" id=\"final\"><\/div>\n <div class=\"error\" id=\"err4\"><\/div>\n\n <div class=\"actions\">\n <button class=\"secondary\" id=\"back4\">Back<\/button>\n <button class=\"primary\" id=\"pay\">Proceed to Checkout<\/button>\n <\/div>\n <\/section>\n<\/div>\n\n<div class=\"modal\" id=\"termsModal\">\n <div class=\"modal-box\">\n <h2>Terms & Conditions<\/h2>\n <p>Please read these terms carefully. By confirming a catering booking with us, you agree to the points below.<\/p>\n <ol>\n <li><strong>VAT.<\/strong> All prices listed are exclusive of VAT. VAT will be added to the final total.<\/li>\n <li><strong>Booking confirmation.<\/strong> A booking is confirmed only after full payment has been successfully received.<\/li>\n <li><strong>Full payment.<\/strong> The full booking amount is required at checkout to reserve the requested date and time.<\/li>\n <li><strong>Payment receipt.<\/strong> The WooCommerce order and payment confirmation will be used as the booking record.<\/li>\n <li><strong>Service duration.<\/strong> Catering service is provided for 5 hours only. Any additional hour will be charged at 150 AED per hour.<\/li>\n <li><strong>Refund policy.<\/strong> Payment is non-refundable unless the event is cancelled at least 3 weeks before the event date.<\/li>\n <li><strong>Approved refunds.<\/strong> Approved refunds will be processed within 5\u20137 working days.<\/li>\n <li><strong>Extra consumption.<\/strong> Extra cups or items consumed beyond the confirmed order must be paid on the same day.<\/li>\n <li><strong>Changes & rescheduling.<\/strong> Changes to date, time, location or order details require at least one week notice and are subject to availability.<\/li>\n <li><strong>Delays.<\/strong> We are not responsible for delays caused by incorrect location details, access restrictions or last-minute client changes.<\/li>\n <li><strong>Final confirmation.<\/strong> Final confirmation means the client agrees to all terms listed above.<\/li>\n <\/ol>\n <button class=\"primary\" id=\"closeTerms\">Close<\/button>\n <\/div>\n<\/div>\n\n<script>\n(function(){\n const app=document.getElementById(\"app\");\n const $=s=>app.querySelector(s);\n const $$=s=>Array.from(app.querySelectorAll(s));\n\n let step=1;\n let holdToken=\"\";\n let holdExpires=0;\n let timerHandle=null;\n let cup=\"\";\n let transport=0;\n\n try{holdToken=localStorage.getItem(\"cc_hold_token\")||\"\"}catch(e){}\n function token(){\n if(!holdToken){\n holdToken=(crypto.randomUUID?crypto.randomUUID():\"hold-\"+Date.now()+\"-\"+Math.random().toString(36).slice(2));\n try{localStorage.setItem(\"cc_hold_token\",holdToken)}catch(e){}\n }\n return holdToken;\n }\n\n function money(n){return new Intl.NumberFormat(\"en-AE\",{maximumFractionDigits:2}).format(n)+\" AED\"}\n function unitPrice(){\n const q=+$(\"#qty\").value||0;\n if(cup===\"mini\") return q>=145?21:25;\n if(cup===\"regular\") return q>=75?27:30;\n return 0;\n }\n function subtotal(){\n const q=+$(\"#qty\").value||0;\n const custom=+$(\"#custom\").selectedOptions[0].dataset.price||0;\n return unitPrice()*q+transport+custom;\n }\n function total(){return subtotal()*1.05}\n\n function showStep(n){\n step=n;\n $$(\".step\").forEach(x=>x.classList.toggle(\"active\",+x.dataset.step===n));\n $$(\".progress span\").forEach(x=>x.classList.toggle(\"active\",+x.dataset.p===n));\n window.scrollTo({top:0,behavior:\"smooth\"});\n }\n\n async function api(data){\n const body=new URLSearchParams(data);\n const r=await fetch(\"\/wp-admin\/admin-ajax.php\",{\n method:\"POST\",\n headers:{\"Content-Type\":\"application\/x-www-form-urlencoded; charset=UTF-8\"},\n body:body.toString(),\n credentials:\"same-origin\"\n });\n return await r.json();\n }\n\n function startTimer(){\n $(\"#timer\").classList.add(\"show\");\n if(timerHandle) clearInterval(timerHandle);\n timerHandle=setInterval(()=>{\n const ms=Math.max(0,holdExpires-Date.now());\n const sec=Math.ceil(ms\/1000);\n $(\"#countdown\").textContent=\n String(Math.floor(sec\/60)).padStart(2,\"0\")+\":\"+\n String(sec%60).padStart(2,\"0\");\n if(ms<=0){\n clearInterval(timerHandle);\n $(\"#countdown\").textContent=\"00:00\";\n holdExpires=0;\n showStep(1);\n }\n },1000);\n }\n\n async function refreshTimes(){\n if(!$(\"#date\").value) return;\n const data=await api({\n action:\"cc_get_unavailable_slots\",\n event_date:$(\"#date\").value,\n hold_token:token()\n });\n const blocked=data.success&&data.data?data.data.times||[]:[];\n Array.from($(\"#time\").options).forEach(o=>{\n if(!o.value)return;\n o.disabled=blocked.includes(o.value);\n const base=o.dataset.label||o.textContent.replace(\" \u2014 unavailable\",\"\");\n o.dataset.label=base;\n o.textContent=base+(o.disabled?\" \u2014 unavailable\":\"\");\n });\n if(blocked.includes($(\"#time\").value)) $(\"#time\").value=\"\";\n }\n\n async function holdSlot(){\n const data=await api({\n action:\"cc_hold_booking_slot\",\n event_date:$(\"#date\").value,\n event_time:$(\"#time\").value,\n hold_token:token()\n });\n if(!data.success){\n $(\"#err1\").textContent=data.data?.message||\"That time is unavailable.\";\n $(\"#err1\").style.display=\"block\";\n await refreshTimes();\n return false;\n }\n holdExpires=+data.data.expires_at_ms;\n $(\"#err1\").style.display=\"none\";\n startTimer();\n return true;\n }\n\n function buildReview(target){\n const q=+$(\"#qty\").value||0;\n const emirateText=$(\"#emirate\").selectedOptions[0].textContent;\n const customText=$(\"#custom\").selectedOptions[0].textContent;\n target.innerHTML=`\n <div class=\"row\"><span>Date<\/span><strong>${$(\"#date\").value}<\/strong><\/div>\n <div class=\"row\"><span>Time<\/span><strong>${$(\"#time\").selectedOptions[0].textContent.replace(\" \u2014 unavailable\",\"\")}<\/strong><\/div>\n <div class=\"row\"><span>Emirate<\/span><strong>${emirateText}<\/strong><\/div>\n <div class=\"row\"><span>Venue<\/span><strong>${$(\"#venue\").value}<\/strong><\/div>\n <div class=\"row\"><span>Cup type<\/span><strong>${cup===\"mini\"?\"Small Cups 8oz\":\"Normal Cups 16oz\"}<\/strong><\/div>\n <div class=\"row\"><span>Quantity<\/span><strong>${q}<\/strong><\/div>\n <div class=\"row\"><span>Customization<\/span><strong>${customText}<\/strong><\/div>\n <div class=\"row\"><span>Subtotal<\/span><strong>${money(subtotal())}<\/strong><\/div>\n <div class=\"row\"><span>VAT 5%<\/span><strong>${money(subtotal()*.05)}<\/strong><\/div>\n <div class=\"row total\"><span>Total<\/span><strong>${money(total())}<\/strong><\/div>\n `;\n }\n\n \/\/ minimum booking date: 7 days from today\n const min=new Date();\n min.setDate(min.getDate()+7);\n $(\"#date\").min=min.toISOString().split(\"T\")[0];\n\n \/\/ times: 8 AM to 12 midnight\n for(let h=8;h<=23;h++){\n for(let m of [0,30]){\n const v=String(h).padStart(2,\"0\")+\":\"+String(m).padStart(2,\"0\");\n const hr=h%12||12,ap=h>=12?\"PM\":\"AM\";\n const o=document.createElement(\"option\");\n o.value=v;o.textContent=hr+\":\"+String(m).padStart(2,\"0\")+\" \"+ap;\n $(\"#time\").appendChild(o);\n }\n }\n const mid=document.createElement(\"option\");\n mid.value=\"00:00\";mid.textContent=\"12:00 AM (Midnight)\";\n $(\"#time\").appendChild(mid);\n\n $(\"#date\").addEventListener(\"change\",refreshTimes);\n\n $(\"#emirate\").addEventListener(\"change\",()=>{\n transport=+$(\"#emirate\").selectedOptions[0].dataset.price||0;\n });\n\n $$(\".option\").forEach(el=>el.addEventListener(\"click\",()=>{\n $$(\".option\").forEach(x=>x.classList.remove(\"selected\"));\n el.classList.add(\"selected\");\n cup=el.dataset.cup;\n }));\n\n $(\"#next1\").addEventListener(\"click\",async()=>{\n const missing=[];\n if(!$(\"#date\").value)missing.push(\"date\");\n if(!$(\"#time\").value)missing.push(\"time\");\n if(!$(\"#emirate\").value)missing.push(\"emirate\");\n if(!$(\"#venue\").value.trim())missing.push(\"venue\");\n if(missing.length){\n $(\"#err1\").textContent=\"Please select: \"+missing.join(\", \")+\".\";\n $(\"#err1\").style.display=\"block\";\n return;\n }\n if(await holdSlot()) showStep(2);\n });\n\n $(\"#next2\").addEventListener(\"click\",()=>{\n const q=+$(\"#qty\").value||0;\n let msg=\"\";\n if(!cup) msg=\"Please select a cup type.\";\n else if(cup===\"mini\"&&q<60) msg=\"Small cups require at least 60 cups.\";\n else if(cup===\"regular\"&&q<30) msg=\"Normal cups require at least 30 cups.\";\n else if(cup===\"regular\"&&q>=71&&q<=74) msg=\"Please choose 70 or 75+ normal cups.\";\n $(\"#err2\").textContent=msg;\n $(\"#err2\").style.display=msg?\"block\":\"none\";\n if(msg)return;\n buildReview($(\"#review\"));\n showStep(3);\n });\n\n $(\"#next3\").addEventListener(\"click\",()=>{\n let msg=\"\";\n if(!$(\"#name\").value.trim())msg=\"Please enter your full name.\";\n else if(!$(\"#phone\").value.trim())msg=\"Please enter your mobile number.\";\n else if(!$(\"#terms\").checked)msg=\"Please agree to the Terms & Conditions.\";\n $(\"#err3\").textContent=msg;\n $(\"#err3\").style.display=msg?\"block\":\"none\";\n if(msg)return;\n buildReview($(\"#final\"));\n showStep(4);\n });\n\n $(\"#back2\").onclick=()=>showStep(1);\n $(\"#back3\").onclick=()=>showStep(2);\n $(\"#back4\").onclick=()=>showStep(3);\n\n $(\"#pay\").addEventListener(\"click\",async()=>{\n if(!holdExpires||Date.now()>=holdExpires){\n $(\"#err4\").textContent=\"Your 10-minute hold expired. Please select the date and time again.\";\n $(\"#err4\").style.display=\"block\";\n showStep(1);\n return;\n }\n\n const f=new URLSearchParams();\n f.set(\"action\",\"cc_event_booking_add_to_cart\");\n f.set(\"hold_token\",token());\n f.set(\"event_date\",$(\"#date\").value);\n f.set(\"event_time\",$(\"#time\").value);\n f.set(\"venue\",$(\"#venue\").value.trim());\n f.set(\"emirate_key\",$(\"#emirate\").value);\n f.set(\"cup_type\",cup);\n f.set(\"quantity\",$(\"#qty\").value);\n f.set(\"customization\",$(\"#custom\").value);\n f.set(\"female_barista\",$(\"#female\").checked?\"yes\":\"no\");\n f.set(\"customer_name\",$(\"#name\").value.trim());\n f.set(\"customer_phone\",$(\"#phone\").value.trim());\n f.set(\"customer_email\",$(\"#email\").value.trim());\n f.set(\"terms_accepted\",\"yes\");\n f.set(\"contact_consent\",\"no\");\n\n try{\n const r=await fetch(\"\/wp-admin\/admin-ajax.php\",{\n method:\"POST\",\n headers:{\"Content-Type\":\"application\/x-www-form-urlencoded; charset=UTF-8\"},\n body:f.toString(),\n credentials:\"same-origin\"\n });\n const data=await r.json();\n if(data.success&&data.data?.checkout_url){\n location.href=data.data.checkout_url;\n return;\n }\n throw new Error(data.data?.message||\"Could not prepare checkout.\");\n }catch(e){\n $(\"#err4\").textContent=e.message;\n $(\"#err4\").style.display=\"block\";\n }\n });\n\n document.getElementById(\"openTerms\").onclick=()=>document.getElementById(\"termsModal\").classList.add(\"open\");\n document.getElementById(\"closeTerms\").onclick=()=>document.getElementById(\"termsModal\").classList.remove(\"open\");\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Catering Booking Catering Booking Choose your event date, time and package, then continue to WooCommerce checkout. Event Order Review Pay Your slot is held for checkout 10:00 Event date Start time Select time Emirate Select emirateSharjah \u2014 500 AEDAjman \u2014 600 AEDDubai \u2014 500 AEDUmm Al Quwain \u2014 800 AEDRas Al Khaimah \u2014 1,000 AEDFujairah […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1289","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/pages\/1289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/comments?post=1289"}],"version-history":[{"count":4,"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/pages\/1289\/revisions"}],"predecessor-version":[{"id":1293,"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/pages\/1289\/revisions\/1293"}],"wp:attachment":[{"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/media?parent=1289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nCatering Booking<\/title>\n<style>\n:root{\n --green:#76A866;\n --green-dark:#4F7547;\n --bg:#F7F8F5;\n --text:#2E352C;\n --muted:#7A8277;\n --line:#E2E7DF;\n --white:#fff;\n --danger:#B42318;\n}\n*{box-sizing:border-box}\nbody{\n margin:0;\n font-family:Arial,sans-serif;\n background:var(--bg);\n color:var(--text);\n}\n.wrap{\n max-width:760px;\n margin:30px auto;\n background:var(--white);\n border:1px solid var(--line);\n border-radius:14px;\n padding:24px;\n}\nh1{\n margin:0 0 8px;\n font-size:28px;\n}\n.intro{\n color:var(--muted);\n margin-bottom:24px;\n line-height:1.5;\n}\n.step{\n display:none;\n}\n.step.active{\n display:block;\n}\n.progress{\n display:flex;\n gap:8px;\n margin-bottom:24px;\n}\n.progress span{\n flex:1;\n text-align:center;\n padding:9px 6px;\n border-radius:8px;\n background:#EEF1EC;\n color:#7F877C;\n font-size:12px;\n font-weight:bold;\n}\n.progress span.active{\n background:var(--green);\n color:#fff;\n}\n.field{\n margin-bottom:18px;\n}\nlabel{\n display:block;\n font-size:13px;\n font-weight:bold;\n margin-bottom:7px;\n}\ninput,select,textarea{\n width:100%;\n border:1px solid var(--line);\n border-radius:8px;\n padding:13px;\n font-size:16px;\n background:#fff;\n}\ntextarea{\n min-height:90px;\n}\n.options{\n display:grid;\n grid-template-columns:1fr 1fr;\n gap:10px;\n}\n.option{\n border:1px solid var(--line);\n border-radius:8px;\n padding:14px;\n background:#fff;\n cursor:pointer;\n}\n.option.selected{\n border-color:var(--green);\n background:#F1F7EE;\n}\n.option strong{\n display:block;\n margin-bottom:4px;\n}\n.option small{\n color:var(--muted);\n}\n.actions{\n display:flex;\n gap:10px;\n justify-content:space-between;\n margin-top:24px;\n}\nbutton{\n border:0;\n border-radius:8px;\n padding:13px 18px;\n font-weight:bold;\n cursor:pointer;\n}\n.primary{\n background:var(--green);\n color:#fff;\n}\n.secondary{\n background:#EEF1EC;\n color:var(--green-dark);\n}\n.summary{\n border:1px solid var(--line);\n border-radius:10px;\n padding:16px;\n margin-bottom:18px;\n background:#FAFBF9;\n}\n.row{\n display:flex;\n justify-content:space-between;\n gap:16px;\n padding:7px 0;\n border-bottom:1px solid #ECEFEB;\n}\n.row:last-child{\n border-bottom:0;\n}\n.row span:first-child{\n color:var(--muted);\n}\n.total{\n font-size:20px;\n font-weight:bold;\n color:var(--green-dark);\n}\n.error{\n display:none;\n color:var(--danger);\n font-size:13px;\n margin-top:8px;\n}\n.timer{\n display:none;\n margin-bottom:18px;\n padding:11px 13px;\n background:#F1F7EE;\n border:1px solid #D7E5D1;\n border-radius:8px;\n color:var(--green-dark);\n}\n.timer.show{\n display:flex;\n justify-content:space-between;\n}\n.terms-link{\n background:none;\n color:var(--green-dark);\n padding:0;\n text-decoration:underline;\n}\n.check{\n display:flex;\n gap:10px;\n align-items:flex-start;\n margin-top:14px;\n}\n.check input{\n width:auto;\n margin-top:2px;\n}\n.modal{\n display:none;\n position:fixed;\n inset:0;\n background:rgba(0,0,0,.45);\n padding:18px;\n align-items:center;\n justify-content:center;\n}\n.modal.open{\n display:flex;\n}\n.modal-box{\n background:#fff;\n width:min(650px,100%);\n max-height:85vh;\n overflow:auto;\n border-radius:12px;\n padding:22px;\n}\n.modal-box h2{\n margin-top:0;\n}\n@media(max-width:600px){\n .wrap{\n margin:0;\n min-height:100vh;\n border-radius:0;\n padding:16px;\n }\n .options{\n grid-template-columns:1fr;\n }\n .progress span{\n font-size:10px;\n padding:8px 4px;\n }\n .actions button{\n flex:1;\n }\n}\n<\/style>\n<\/head>\n<body>\n<div class=\"wrap\" id=\"app\">\n <h1>Catering Booking<\/h1>\n <p class=\"intro\">Choose your event date, time and package, then continue to WooCommerce checkout.<\/p>\n\n <div class=\"progress\">\n <span class=\"active\" data-p=\"1\">Event<\/span>\n <span data-p=\"2\">Order<\/span>\n <span data-p=\"3\">Review<\/span>\n <span data-p=\"4\">Pay<\/span>\n <\/div>\n\n <div class=\"timer\" id=\"timer\">\n <span>Your slot is held for checkout<\/span>\n <strong id=\"countdown\">10:00<\/strong>\n <\/div>\n\n <section class=\"step active\" data-step=\"1\">\n <div class=\"field\">\n <label>Event date<\/label>\n <input type=\"date\" id=\"date\">\n <\/div>\n\n <div class=\"field\">\n <label>Start time<\/label>\n <select id=\"time\">\n <option value=\"\">Select time<\/option>\n <\/select>\n <\/div>\n\n <div class=\"field\">\n <label>Emirate<\/label>\n <select id=\"emirate\">\n <option value=\"\">Select emirate<\/option>\n <option value=\"sharjah\" data-price=\"500\">Sharjah \u2014 500 AED<\/option>\n <option value=\"ajman\" data-price=\"600\">Ajman \u2014 600 AED<\/option>\n <option value=\"dubai\" data-price=\"500\">Dubai \u2014 500 AED<\/option>\n <option value=\"uaq\" data-price=\"800\">Umm Al Quwain \u2014 800 AED<\/option>\n <option value=\"rak\" data-price=\"1000\">Ras Al Khaimah \u2014 1,000 AED<\/option>\n <option value=\"fujairah\" data-price=\"900\">Fujairah \/ Khor Fakkan \/ Kalba \u2014 900 AED<\/option>\n <option value=\"abudhabi\" data-price=\"1200\">Abu Dhabi \/ Al Ain \/ Hatta \u2014 1,200 AED<\/option>\n <\/select>\n <\/div>\n\n <div class=\"field\">\n <label>Venue \/ location<\/label>\n <textarea id=\"venue\" placeholder=\"Venue name or address\"><\/textarea>\n <\/div>\n\n <div class=\"error\" id=\"err1\"><\/div>\n\n <div class=\"actions\">\n <span><\/span>\n <button class=\"primary\" id=\"next1\">Continue<\/button>\n <\/div>\n <\/section>\n\n <section class=\"step\" data-step=\"2\">\n <div class=\"field\">\n <label>Cup type<\/label>\n <div class=\"options\">\n <div class=\"option\" data-cup=\"mini\">\n <strong>Small Cups 8oz<\/strong>\n <small>60\u2013140: 25 AED each<br>145+: 21 AED each<\/small>\n <\/div>\n <div class=\"option\" data-cup=\"regular\">\n <strong>Normal Cups 16oz<\/strong>\n <small>30\u201370: 30 AED each<br>75+: 27 AED each<\/small>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"field\">\n <label>Quantity<\/label>\n <input type=\"number\" id=\"qty\" value=\"60\" min=\"1\">\n <\/div>\n\n <div class=\"field\">\n <label>Customization<\/label>\n <select id=\"custom\">\n <option value=\"standard\" data-price=\"0\">Standard cups \u2014 Free<\/option>\n <option value=\"logo\" data-price=\"300\">Event logo cups \u2014 300 AED<\/option>\n <option value=\"full\" data-price=\"350\">Fully custom cups \u2014 350 AED<\/option>\n <\/select>\n <\/div>\n\n <div class=\"field\">\n <label class=\"check\">\n <input type=\"checkbox\" id=\"female\">\n <span>Female barista<\/span>\n <\/label>\n <\/div>\n\n <div class=\"error\" id=\"err2\"><\/div>\n\n <div class=\"actions\">\n <button class=\"secondary\" id=\"back2\">Back<\/button>\n <button class=\"primary\" id=\"next2\">Review<\/button>\n <\/div>\n <\/section>\n\n <section class=\"step\" data-step=\"3\">\n <div class=\"summary\" id=\"review\"><\/div>\n\n <div class=\"field\">\n <label>Full name<\/label>\n <input type=\"text\" id=\"name\">\n <\/div>\n\n <div class=\"field\">\n <label>Mobile number<\/label>\n <input type=\"tel\" id=\"phone\" placeholder=\"+971\">\n <\/div>\n\n <div class=\"field\">\n <label>Email (optional)<\/label>\n <input type=\"email\" id=\"email\">\n <\/div>\n\n <button type=\"button\" class=\"terms-link\" id=\"openTerms\">Read Terms & Conditions<\/button>\n\n <label class=\"check\">\n <input type=\"checkbox\" id=\"terms\">\n <span>I agree to the Terms & Conditions<\/span>\n <\/label>\n\n <div class=\"error\" id=\"err3\"><\/div>\n\n <div class=\"actions\">\n <button class=\"secondary\" id=\"back3\">Back<\/button>\n <button class=\"primary\" id=\"next3\">Continue to Pay<\/button>\n <\/div>\n <\/section>\n\n <section class=\"step\" data-step=\"4\">\n <div class=\"summary\" id=\"final\"><\/div>\n <div class=\"error\" id=\"err4\"><\/div>\n\n <div class=\"actions\">\n <button class=\"secondary\" id=\"back4\">Back<\/button>\n <button class=\"primary\" id=\"pay\">Proceed to Checkout<\/button>\n <\/div>\n <\/section>\n<\/div>\n\n<div class=\"modal\" id=\"termsModal\">\n <div class=\"modal-box\">\n <h2>Terms & Conditions<\/h2>\n <p>Please read these terms carefully. By confirming a catering booking with us, you agree to the points below.<\/p>\n <ol>\n <li><strong>VAT.<\/strong> All prices listed are exclusive of VAT. VAT will be added to the final total.<\/li>\n <li><strong>Booking confirmation.<\/strong> A booking is confirmed only after full payment has been successfully received.<\/li>\n <li><strong>Full payment.<\/strong> The full booking amount is required at checkout to reserve the requested date and time.<\/li>\n <li><strong>Payment receipt.<\/strong> The WooCommerce order and payment confirmation will be used as the booking record.<\/li>\n <li><strong>Service duration.<\/strong> Catering service is provided for 5 hours only. Any additional hour will be charged at 150 AED per hour.<\/li>\n <li><strong>Refund policy.<\/strong> Payment is non-refundable unless the event is cancelled at least 3 weeks before the event date.<\/li>\n <li><strong>Approved refunds.<\/strong> Approved refunds will be processed within 5\u20137 working days.<\/li>\n <li><strong>Extra consumption.<\/strong> Extra cups or items consumed beyond the confirmed order must be paid on the same day.<\/li>\n <li><strong>Changes & rescheduling.<\/strong> Changes to date, time, location or order details require at least one week notice and are subject to availability.<\/li>\n <li><strong>Delays.<\/strong> We are not responsible for delays caused by incorrect location details, access restrictions or last-minute client changes.<\/li>\n <li><strong>Final confirmation.<\/strong> Final confirmation means the client agrees to all terms listed above.<\/li>\n <\/ol>\n <button class=\"primary\" id=\"closeTerms\">Close<\/button>\n <\/div>\n<\/div>\n\n<script>\n(function(){\n const app=document.getElementById(\"app\");\n const $=s=>app.querySelector(s);\n const $$=s=>Array.from(app.querySelectorAll(s));\n\n let step=1;\n let holdToken=\"\";\n let holdExpires=0;\n let timerHandle=null;\n let cup=\"\";\n let transport=0;\n\n try{holdToken=localStorage.getItem(\"cc_hold_token\")||\"\"}catch(e){}\n function token(){\n if(!holdToken){\n holdToken=(crypto.randomUUID?crypto.randomUUID():\"hold-\"+Date.now()+\"-\"+Math.random().toString(36).slice(2));\n try{localStorage.setItem(\"cc_hold_token\",holdToken)}catch(e){}\n }\n return holdToken;\n }\n\n function money(n){return new Intl.NumberFormat(\"en-AE\",{maximumFractionDigits:2}).format(n)+\" AED\"}\n function unitPrice(){\n const q=+$(\"#qty\").value||0;\n if(cup===\"mini\") return q>=145?21:25;\n if(cup===\"regular\") return q>=75?27:30;\n return 0;\n }\n function subtotal(){\n const q=+$(\"#qty\").value||0;\n const custom=+$(\"#custom\").selectedOptions[0].dataset.price||0;\n return unitPrice()*q+transport+custom;\n }\n function total(){return subtotal()*1.05}\n\n function showStep(n){\n step=n;\n $$(\".step\").forEach(x=>x.classList.toggle(\"active\",+x.dataset.step===n));\n $$(\".progress span\").forEach(x=>x.classList.toggle(\"active\",+x.dataset.p===n));\n window.scrollTo({top:0,behavior:\"smooth\"});\n }\n\n async function api(data){\n const body=new URLSearchParams(data);\n const r=await fetch(\"\/wp-admin\/admin-ajax.php\",{\n method:\"POST\",\n headers:{\"Content-Type\":\"application\/x-www-form-urlencoded; charset=UTF-8\"},\n body:body.toString(),\n credentials:\"same-origin\"\n });\n return await r.json();\n }\n\n function startTimer(){\n $(\"#timer\").classList.add(\"show\");\n if(timerHandle) clearInterval(timerHandle);\n timerHandle=setInterval(()=>{\n const ms=Math.max(0,holdExpires-Date.now());\n const sec=Math.ceil(ms\/1000);\n $(\"#countdown\").textContent=\n String(Math.floor(sec\/60)).padStart(2,\"0\")+\":\"+\n String(sec%60).padStart(2,\"0\");\n if(ms<=0){\n clearInterval(timerHandle);\n $(\"#countdown\").textContent=\"00:00\";\n holdExpires=0;\n showStep(1);\n }\n },1000);\n }\n\n async function refreshTimes(){\n if(!$(\"#date\").value) return;\n const data=await api({\n action:\"cc_get_unavailable_slots\",\n event_date:$(\"#date\").value,\n hold_token:token()\n });\n const blocked=data.success&&data.data?data.data.times||[]:[];\n Array.from($(\"#time\").options).forEach(o=>{\n if(!o.value)return;\n o.disabled=blocked.includes(o.value);\n const base=o.dataset.label||o.textContent.replace(\" \u2014 unavailable\",\"\");\n o.dataset.label=base;\n o.textContent=base+(o.disabled?\" \u2014 unavailable\":\"\");\n });\n if(blocked.includes($(\"#time\").value)) $(\"#time\").value=\"\";\n }\n\n async function holdSlot(){\n const data=await api({\n action:\"cc_hold_booking_slot\",\n event_date:$(\"#date\").value,\n event_time:$(\"#time\").value,\n hold_token:token()\n });\n if(!data.success){\n $(\"#err1\").textContent=data.data?.message||\"That time is unavailable.\";\n $(\"#err1\").style.display=\"block\";\n await refreshTimes();\n return false;\n }\n holdExpires=+data.data.expires_at_ms;\n $(\"#err1\").style.display=\"none\";\n startTimer();\n return true;\n }\n\n function buildReview(target){\n const q=+$(\"#qty\").value||0;\n const emirateText=$(\"#emirate\").selectedOptions[0].textContent;\n const customText=$(\"#custom\").selectedOptions[0].textContent;\n target.innerHTML=`\n <div class=\"row\"><span>Date<\/span><strong>${$(\"#date\").value}<\/strong><\/div>\n <div class=\"row\"><span>Time<\/span><strong>${$(\"#time\").selectedOptions[0].textContent.replace(\" \u2014 unavailable\",\"\")}<\/strong><\/div>\n <div class=\"row\"><span>Emirate<\/span><strong>${emirateText}<\/strong><\/div>\n <div class=\"row\"><span>Venue<\/span><strong>${$(\"#venue\").value}<\/strong><\/div>\n <div class=\"row\"><span>Cup type<\/span><strong>${cup===\"mini\"?\"Small Cups 8oz\":\"Normal Cups 16oz\"}<\/strong><\/div>\n <div class=\"row\"><span>Quantity<\/span><strong>${q}<\/strong><\/div>\n <div class=\"row\"><span>Customization<\/span><strong>${customText}<\/strong><\/div>\n <div class=\"row\"><span>Subtotal<\/span><strong>${money(subtotal())}<\/strong><\/div>\n <div class=\"row\"><span>VAT 5%<\/span><strong>${money(subtotal()*.05)}<\/strong><\/div>\n <div class=\"row total\"><span>Total<\/span><strong>${money(total())}<\/strong><\/div>\n `;\n }\n\n \/\/ minimum booking date: 7 days from today\n const min=new Date();\n min.setDate(min.getDate()+7);\n $(\"#date\").min=min.toISOString().split(\"T\")[0];\n\n \/\/ times: 8 AM to 12 midnight\n for(let h=8;h<=23;h++){\n for(let m of [0,30]){\n const v=String(h).padStart(2,\"0\")+\":\"+String(m).padStart(2,\"0\");\n const hr=h%12||12,ap=h>=12?\"PM\":\"AM\";\n const o=document.createElement(\"option\");\n o.value=v;o.textContent=hr+\":\"+String(m).padStart(2,\"0\")+\" \"+ap;\n $(\"#time\").appendChild(o);\n }\n }\n const mid=document.createElement(\"option\");\n mid.value=\"00:00\";mid.textContent=\"12:00 AM (Midnight)\";\n $(\"#time\").appendChild(mid);\n\n $(\"#date\").addEventListener(\"change\",refreshTimes);\n\n $(\"#emirate\").addEventListener(\"change\",()=>{\n transport=+$(\"#emirate\").selectedOptions[0].dataset.price||0;\n });\n\n $$(\".option\").forEach(el=>el.addEventListener(\"click\",()=>{\n $$(\".option\").forEach(x=>x.classList.remove(\"selected\"));\n el.classList.add(\"selected\");\n cup=el.dataset.cup;\n }));\n\n $(\"#next1\").addEventListener(\"click\",async()=>{\n const missing=[];\n if(!$(\"#date\").value)missing.push(\"date\");\n if(!$(\"#time\").value)missing.push(\"time\");\n if(!$(\"#emirate\").value)missing.push(\"emirate\");\n if(!$(\"#venue\").value.trim())missing.push(\"venue\");\n if(missing.length){\n $(\"#err1\").textContent=\"Please select: \"+missing.join(\", \")+\".\";\n $(\"#err1\").style.display=\"block\";\n return;\n }\n if(await holdSlot()) showStep(2);\n });\n\n $(\"#next2\").addEventListener(\"click\",()=>{\n const q=+$(\"#qty\").value||0;\n let msg=\"\";\n if(!cup) msg=\"Please select a cup type.\";\n else if(cup===\"mini\"&&q<60) msg=\"Small cups require at least 60 cups.\";\n else if(cup===\"regular\"&&q<30) msg=\"Normal cups require at least 30 cups.\";\n else if(cup===\"regular\"&&q>=71&&q<=74) msg=\"Please choose 70 or 75+ normal cups.\";\n $(\"#err2\").textContent=msg;\n $(\"#err2\").style.display=msg?\"block\":\"none\";\n if(msg)return;\n buildReview($(\"#review\"));\n showStep(3);\n });\n\n $(\"#next3\").addEventListener(\"click\",()=>{\n let msg=\"\";\n if(!$(\"#name\").value.trim())msg=\"Please enter your full name.\";\n else if(!$(\"#phone\").value.trim())msg=\"Please enter your mobile number.\";\n else if(!$(\"#terms\").checked)msg=\"Please agree to the Terms & Conditions.\";\n $(\"#err3\").textContent=msg;\n $(\"#err3\").style.display=msg?\"block\":\"none\";\n if(msg)return;\n buildReview($(\"#final\"));\n showStep(4);\n });\n\n $(\"#back2\").onclick=()=>showStep(1);\n $(\"#back3\").onclick=()=>showStep(2);\n $(\"#back4\").onclick=()=>showStep(3);\n\n $(\"#pay\").addEventListener(\"click\",async()=>{\n if(!holdExpires||Date.now()>=holdExpires){\n $(\"#err4\").textContent=\"Your 10-minute hold expired. Please select the date and time again.\";\n $(\"#err4\").style.display=\"block\";\n showStep(1);\n return;\n }\n\n const f=new URLSearchParams();\n f.set(\"action\",\"cc_event_booking_add_to_cart\");\n f.set(\"hold_token\",token());\n f.set(\"event_date\",$(\"#date\").value);\n f.set(\"event_time\",$(\"#time\").value);\n f.set(\"venue\",$(\"#venue\").value.trim());\n f.set(\"emirate_key\",$(\"#emirate\").value);\n f.set(\"cup_type\",cup);\n f.set(\"quantity\",$(\"#qty\").value);\n f.set(\"customization\",$(\"#custom\").value);\n f.set(\"female_barista\",$(\"#female\").checked?\"yes\":\"no\");\n f.set(\"customer_name\",$(\"#name\").value.trim());\n f.set(\"customer_phone\",$(\"#phone\").value.trim());\n f.set(\"customer_email\",$(\"#email\").value.trim());\n f.set(\"terms_accepted\",\"yes\");\n f.set(\"contact_consent\",\"no\");\n\n try{\n const r=await fetch(\"\/wp-admin\/admin-ajax.php\",{\n method:\"POST\",\n headers:{\"Content-Type\":\"application\/x-www-form-urlencoded; charset=UTF-8\"},\n body:f.toString(),\n credentials:\"same-origin\"\n });\n const data=await r.json();\n if(data.success&&data.data?.checkout_url){\n location.href=data.data.checkout_url;\n return;\n }\n throw new Error(data.data?.message||\"Could not prepare checkout.\");\n }catch(e){\n $(\"#err4\").textContent=e.message;\n $(\"#err4\").style.display=\"block\";\n }\n });\n\n document.getElementById(\"openTerms\").onclick=()=>document.getElementById(\"termsModal\").classList.add(\"open\");\n document.getElementById(\"closeTerms\").onclick=()=>document.getElementById(\"termsModal\").classList.remove(\"open\");\n})();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Catering Booking Catering Booking Choose your event date, time and package, then continue to WooCommerce checkout. Event Order Review Pay Your slot is held for checkout 10:00 Event date Start time Select time Emirate Select emirateSharjah \u2014 500 AEDAjman \u2014 600 AEDDubai \u2014 500 AEDUmm Al Quwain \u2014 800 AEDRas Al Khaimah \u2014 1,000 AEDFujairah […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1289","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/pages\/1289","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/comments?post=1289"}],"version-history":[{"count":4,"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/pages\/1289\/revisions"}],"predecessor-version":[{"id":1293,"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/pages\/1289\/revisions\/1293"}],"wp:attachment":[{"href":"https:\/\/chachamatcha.ae\/ar\/wp-json\/wp\/v2\/media?parent=1289"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}