(function () { if (window.__sofraGuard) return; window.__sofraGuard = true; function $(id) { return document.getElementById(id); } function on(el, ev, fn) { if (el) el.addEventListener(ev, fn); } function clear(el) { if (!el) return; while (el.firstChild) el.removeChild(el.firstChild); } function slugify(s, i) { var v = String(s || '').toLowerCase() .replace(/ğ/g, 'g').replace(/ü/g, 'u').replace(/ş/g, 's') .replace(/ı/g, 'i').replace(/ö/g, 'o').replace(/ç/g, 'c') .replace(/[^a-z0-9]+/g, '-').replace(/^-+|-+$/g, ''); return 'cat-' + i + (v ? '-' + v : ''); } var TAG_ICONS = { 'aci': '🌶 ', 'acı': '🌶 ', 'vejetaryen': '🌿 ', 'vegan': '🌱 ', 'yeni': '✨ ', 'sefin onerisi': '⭐ ', 'şefin önerisi': '⭐ ', 'populer': '🔥 ', 'popüler': '🔥 ', 'glutensiz': '🌾 ' }; function tagLabel(tag) { var key = String(tag || '').trim().toLowerCase(); var icon = TAG_ICONS[key] || ''; return icon + tag; } // ---------------- Çalışma saatleri: metinden dakikaya ("11:00 – 23:00") ---------------- // Saat aralığı ARTIK SABİT KODLU DEĞİL: panelden düzenlenen içerik alanından (data-sf-hours) gelir. // Çözümlenemezse (ör. "Kapalı" ya da serbest metin) null döner → iddia edilmez, kısıt uygulanmaz. function parseRange(text) { var m = String(text || '').match(/(\d{1,2}):(\d{2})\s*[-–—]\s*(\d{1,2}):(\d{2})/); if (!m) return null; return { open: parseInt(m[1], 10) * 60 + parseInt(m[2], 10), close: parseInt(m[3], 10) * 60 + parseInt(m[4], 10), label: m[1] + ':' + m[2] + '–' + m[3] + ':' + m[4] }; } function pad2(n) { return (n < 10 ? '0' : '') + n; } function hhmm(mins) { return pad2(Math.floor(mins / 60)) + ':' + pad2(mins % 60); } // ---------------- Anasayfa: açık/kapalı rozeti (çalışma saati verisinden) ---------------- function initStatus() { var dot = $('sf-status-dot'), txt = $('sf-status-text'); if (!dot && !txt) return; var range = parseRange(txt && txt.getAttribute('data-sf-hours')); if (!range) { if (dot) dot.style.display = 'none'; return; } var now = new Date(); var mins = now.getHours() * 60 + now.getMinutes(); var open = mins >= range.open && mins < range.close; if (dot) dot.style.background = open ? '#4a7d4f' : '#b3492f'; if (txt) txt.textContent = open ? ('Şu an açığız · ' + range.label) : ('Şu an kapalıyız · ' + range.label + ' arası açığız'); } // ---------------- İletişim: harita (adres URL-kodlanır; adres yoksa gösterilmez) ---------------- function initMap() { var box = $('sf-map-box'); if (!box) return; var adres = String(box.getAttribute('data-adres') || '').replace(/^\s+|\s+$/g, ''); if (!adres) return; var frame = document.createElement('iframe'); frame.src = 'https://maps.google.com/maps?q=' + encodeURIComponent(adres) + '&z=15&output=embed'; frame.width = '100%'; frame.height = '260'; frame.style.border = '0'; frame.loading = 'lazy'; frame.referrerPolicy = 'no-referrer-when-downgrade'; frame.title = 'Harita'; box.appendChild(frame); box.style.display = ''; } // ---------------- Ürün kartı (anasayfa öne çıkanlar) ---------------- function buildDishCard(item) { var card = document.createElement('div'); card.className = 'sf-dish-card'; var imgwrap = document.createElement('div'); imgwrap.className = 'sf-dish-img'; if (item.img) { var img = document.createElement('img'); img.src = item.img; img.alt = item.name || ''; img.loading = 'lazy'; imgwrap.appendChild(img); } else { imgwrap.textContent = '🍽'; } card.appendChild(imgwrap); var body = document.createElement('div'); body.className = 'sf-dish-body'; var top = document.createElement('div'); top.className = 'sf-dish-top'; var name = document.createElement('span'); name.className = 'sf-dish-name'; name.textContent = item.name || ''; top.appendChild(name); if (item.price) { var price = document.createElement('span'); price.className = 'sf-dish-price'; price.textContent = item.price; top.appendChild(price); } body.appendChild(top); if (item.desc) { var desc = document.createElement('p'); desc.className = 'sf-dish-desc'; desc.textContent = item.desc; body.appendChild(desc); } if (item.tags && item.tags.length) { var tagsRow = document.createElement('div'); tagsRow.className = 'sf-dish-tags'; item.tags.forEach(function (t) { var chip = document.createElement('span'); chip.className = 'sf-tag'; chip.textContent = tagLabel(t); tagsRow.appendChild(chip); }); body.appendChild(tagsRow); } card.appendChild(body); return card; } // ---------------- Ürün satırı (menü sayfası — noktalı-çizgi klasik menü hattı) ---------------- function buildMenuRow(item) { var row = document.createElement('div'); row.className = 'sf-mitem'; var thumb = document.createElement('div'); thumb.className = 'sf-mitem-thumb'; if (item.img) { var img = document.createElement('img'); img.src = item.img; img.alt = item.name || ''; img.loading = 'lazy'; thumb.appendChild(img); } else { thumb.textContent = '🍽'; } row.appendChild(thumb); var body = document.createElement('div'); body.className = 'sf-mitem-body'; var top = document.createElement('div'); top.className = 'sf-mitem-top'; var name = document.createElement('span'); name.className = 'sf-mitem-name'; name.textContent = item.name || ''; var leader = document.createElement('span'); leader.className = 'sf-mitem-leader'; top.appendChild(name); top.appendChild(leader); if (item.price) { var price = document.createElement('span'); price.className = 'sf-mitem-price'; price.textContent = item.price; top.appendChild(price); } body.appendChild(top); if (item.desc) { var desc = document.createElement('p'); desc.className = 'sf-mitem-desc'; desc.textContent = item.desc; body.appendChild(desc); } if (item.tags && item.tags.length) { var tagsRow = document.createElement('div'); tagsRow.className = 'sf-mitem-tags'; item.tags.forEach(function (t) { var chip = document.createElement('span'); chip.className = 'sf-tag'; chip.textContent = tagLabel(t); tagsRow.appendChild(chip); }); body.appendChild(tagsRow); } row.appendChild(body); return row; } // ---------------- Anasayfa: öne çıkan lezzetler (GERÇEK /api/menu) ---------------- function initFeaturedMenu() { var grid = $('sf-featured-grid'); var countEl = $('sf-menu-count'); if (!grid && !countEl) return; fetch('/api/menu', { credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (j) { var cats = (j && j.ok && Array.isArray(j.categories)) ? j.categories : []; var all = []; cats.forEach(function (c) { (c.items || []).forEach(function (it) { all.push(it); }); }); if (countEl) countEl.textContent = String(all.length); if (!grid) return; clear(grid); if (!all.length) { var empty = document.createElement('div'); empty.className = 'sf-dish-empty'; empty.textContent = 'Menümüz hazırlanıyor, çok yakında burada.'; grid.appendChild(empty); return; } all.slice(0, 6).forEach(function (it) { grid.appendChild(buildDishCard(it)); }); }) .catch(function () { if (countEl) countEl.textContent = '—'; if (grid) { clear(grid); var err = document.createElement('div'); err.className = 'sf-dish-empty'; err.textContent = 'Lezzetler şu anda yüklenemedi.'; grid.appendChild(err); } }); } // ---------------- Menü sayfası: TÜM kategoriler + ürünler (GERÇEK /api/menu) ---------------- function initMenuPage() { var body = $('sf-menu-body'); if (!body) return; fetch('/api/menu', { credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (j) { var cats = (j && j.ok && Array.isArray(j.categories)) ? j.categories : []; clear(body); if (!cats.length) { var empty = document.createElement('div'); empty.className = 'sf-menu-empty'; empty.textContent = 'Menümüz hazırlanıyor, çok yakında burada.'; body.appendChild(empty); return; } var nav = $('sf-menu-nav'); var navInner = $('sf-menu-nav-inner'); if (navInner) clear(navInner); cats.forEach(function (cat, i) { var id = slugify(cat.name, i); if (navInner) { var link = document.createElement('a'); link.className = 'sf-menu-navlink'; link.href = '#' + id; link.textContent = cat.name || ('Kategori ' + (i + 1)); navInner.appendChild(link); } var section = document.createElement('div'); section.className = 'sf-menu-cat'; section.id = id; var head = document.createElement('div'); head.className = 'sf-menu-cat-head'; var h2 = document.createElement('h2'); h2.className = 'sf-menu-cat-name'; h2.textContent = cat.name || ''; head.appendChild(h2); if (cat.desc) { var d = document.createElement('p'); d.className = 'sf-menu-cat-desc'; d.textContent = cat.desc; head.appendChild(d); } section.appendChild(head); var items = document.createElement('div'); items.className = 'sf-menu-items'; (cat.items || []).forEach(function (it) { items.appendChild(buildMenuRow(it)); }); section.appendChild(items); body.appendChild(section); }); if (nav && cats.length > 1) nav.style.display = 'block'; }) .catch(function () { clear(body); var err = document.createElement('div'); err.className = 'sf-menu-empty'; err.textContent = 'Menü şu anda yüklenemedi, lütfen daha sonra tekrar deneyin.'; body.appendChild(err); }); } // ---------------- Rezervasyon formu — POST /api/form (multipart FormData), giriş yok ---------------- function showRsvMsg(form, kind, text) { var msg = form.querySelector('.sf-rsv-msg'); if (!msg) return; msg.className = 'sf-rsv-msg is-' + kind; msg.textContent = text; } function handleRsvSubmit(e) { e.preventDefault(); var form = e.currentTarget; var btn = form.querySelector('.sf-rsv-submit'); var name = form.querySelector('[name="Ad Soyad"]'); var phone = form.querySelector('[name="Telefon"]'); var date = form.querySelector('[name="Tarih"]'); var time = form.querySelector('[name="Saat"]'); var guests = form.querySelector('[name="Kişi Sayısı"]'); if (!name || !name.value.trim() || !phone || !phone.value.trim() || !date || !date.value || !time || !time.value || !guests || !guests.value) { showRsvMsg(form, 'err', 'Lütfen ad soyad, telefon, tarih, saat ve kişi sayısını doldurun.'); return; } // GEÇMİŞ TARİH / KAPALI SAAT ENGELİ — eskiden 01.01.2020 04:00 bile "alındı" yanıtı alıyordu. var picked = new Date(date.value + 'T' + time.value); if (isNaN(picked.getTime())) { showRsvMsg(form, 'err', 'Tarih ve saati kontrol eder misiniz?'); return; } if (picked.getTime() < Date.now()) { showRsvMsg(form, 'err', 'Geçmiş bir tarih/saat için rezervasyon alamıyoruz — lütfen ileri bir zaman seçin.'); return; } var range = parseRange(form.getAttribute('data-sf-hours')); if (range) { var mins = picked.getHours() * 60 + picked.getMinutes(); if (mins < range.open || mins > range.close) { showRsvMsg(form, 'err', 'Rezervasyon saatlerimiz ' + range.label + ' arasındadır. Farklı bir saat seçebilir ya da bizi arayabilirsiniz.'); return; } } if (btn) { btn.disabled = true; btn.textContent = 'GÖNDERİLİYOR…'; } var fd = new FormData(form); fetch('/api/form', { method: 'POST', body: fd }) .then(function (res) { var success = res.ok || res.status === 0 || res.redirected || res.type === 'opaqueredirect'; if (success) { showRsvMsg(form, 'ok', 'Rezervasyon talebiniz alındı — en kısa sürede sizi arayacağız.'); form.reset(); } else { showRsvMsg(form, 'err', 'Gönderilemedi, lütfen tekrar deneyin ya da bizi arayın: +90 850 555 0 100'); } }) .catch(function () { showRsvMsg(form, 'err', 'Bağlantı hatası, lütfen tekrar deneyin ya da bizi arayın: +90 850 555 0 100'); }) .then(function () { if (btn) { btn.disabled = false; btn.textContent = 'REZERVASYON TALEBİ GÖNDER'; } }); } function wireReservationForms() { var forms = document.querySelectorAll('.sf-rsv-form'); for (var i = 0; i < forms.length; i++) { on(forms[i], 'submit', handleRsvSubmit); // Tarayıcı seçicileri de sınırlansın: bugünden önce tarih, çalışma saati dışında saat seçilemesin. var f = forms[i]; var d = f.querySelector('input[type="date"]'); if (d) { var now = new Date(); d.min = now.getFullYear() + '-' + pad2(now.getMonth() + 1) + '-' + pad2(now.getDate()); } var t = f.querySelector('input[type="time"]'); var r = parseRange(f.getAttribute('data-sf-hours')); if (t && r) { t.min = hhmm(r.open); t.max = hhmm(r.close); } } } // ---------------- Mobil hamburger — yalnız ANA header nav'ı (.sf-header .sf-nav); kategori çubuğu (.sf-menu-nav) ETKİLENMEZ ---------------- function initMobileNav() { var burger = document.querySelector('.sf-header .sf-burger'); var nav = document.querySelector('.sf-header .sf-nav'); if (!burger || !nav) return; function closeNav() { nav.classList.remove('open'); burger.setAttribute('aria-expanded', 'false'); } function openNav() { nav.classList.add('open'); burger.setAttribute('aria-expanded', 'true'); } on(burger, 'click', function (e) { e.stopPropagation(); if (nav.classList.contains('open')) closeNav(); else openNav(); }); var navLinks = nav.querySelectorAll('a'); for (var i = 0; i < navLinks.length; i++) on(navLinks[i], 'click', closeNav); document.addEventListener('click', function (e) { if (!nav.classList.contains('open')) return; if (nav.contains(e.target) || burger.contains(e.target)) return; closeNav(); }); document.addEventListener('keydown', function (e) { if (e.key === 'Escape' || e.keyCode === 27) closeNav(); }); window.addEventListener('resize', function () { if (window.innerWidth >= 769) closeNav(); }); } function boot() { initStatus(); initMap(); initFeaturedMenu(); initMenuPage(); wireReservationForms(); initMobileNav(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot); } else { boot(); } })(); (function(){var O={"cls":{"chip":"sf-rz-chip","chipOn":"is-on","chipOff":"is-off","grid":"sf-rz-grid","card":"sf-rz-card","cardOn":"is-on","cardOff":"is-off","tag":"sf-rz-tag","sum":"sf-rz-sum","msgOk":"is-ok","msgErr":"is-err","note":"sf-rz-note","btn":"sf-rz-btn"},"phone":"+90 850 555 0 100","maxDays":21,"t":{"stepGuests":"Kaç kişilik masa?","stepDate":"Hangi gün?","stepTime":"Saat seçin","stepTable":"Masanızı seçin","stepInfo":"Bilgileriniz","back":"← Geri","guests":"kişi","morePeople":"Daha kalabalık bir grup musunuz?","any":"Farketmez","anyDesc":"Uygun masayı bizim seçmemizi isterim","full":"Dolu","seats":"kişilik","allFilter":"Tümü","pickFirst":"Kişi sayısı ve gün seçin, uygun saatler burada çıksın.","noSlots":"Bu tarihte uygun saat kalmadı.","noTables":"Bu saatte uygun masamız kalmadı.","noFiltered":"Bu özellikte boş masa kalmadı.","otherDay":"Başka gün seç","otherTime":"Başka saat seç","closed":"Kapalı","loading":"Yükleniyor…","fName":"Ad Soyad","fPhone":"Telefon","fEmail":"E-posta","fNote":"Not","fOccasion":"Özel gün","optional":"(isteğe bağlı)","submit":"Rezervasyonu Tamamla","sending":"Gönderiliyor…","needName":"Lütfen ad soyad ve telefon girin.","badPhone":"Geçerli bir telefon numarası girin — rezervasyonunuz için sizi buradan arayacağız.","badMail":"Geçerli bir e-posta adresi girin.","needNote":"Lütfen masa tercihinizi ya da bir notunuzu yazın — rezervasyonu onaylarken sizi arayacağız.","notePrompt":"Tercihiniz ya da notunuz (zorunlu)","okAuto":"Masanız ayrıldı, sizi bekliyoruz.","okPending":"Rezervasyon talebiniz alındı. Onayladığımızda sizi bilgilendireceğiz.","okAgain":"Yeni rezervasyon","errFull":"Seçtiğiniz saat az önce doldu. Lütfen başka bir saat seçin.","errTable":"Seçtiğiniz masa az önce doldu. Lütfen başka bir masa seçin.","errRate":"Çok sık deneme — birkaç dakika sonra tekrar deneyin.","errGeneric":"Bir hata oluştu, lütfen tekrar deneyin.","errTooMany":"Bu kadar kalabalık gruplar için lütfen bizi arayın.","callUs":"Rezervasyon için bizi arayın:","labelGuests":"Kişi","labelDate":"Tarih","labelTime":"Saat","labelTable":"Masa"}}; if (window.__rezWizard) { return; } var root = document.querySelector('[data-rz-root]'); if (!root) { return; } window.__rezWizard = true; var C = O.cls, T = O.t; var GUN = ['Paz','Pzt','Sal','Car','Per','Cum','Cmt']; var GUN_TAM = ['Pazar','Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi']; var AY = ['Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık']; var CFG = null; var ADIMLAR = ['search','table','info']; // 'search' = kişi+tarih+saat tek ekranda var ST = { step:'guests', guests:0, date:'', time:'', tableId:'', filter:'', slots:[], tables:[], busy:false }; function slotEl(n){ return root.querySelector('[data-rz-slot="' + n + '"]'); } function stepEl(n){ return root.querySelector('[data-rz-step="' + n + '"]'); } function fieldEl(n){ return root.querySelector('[data-rz-field="' + n + '"]'); } function clear(el){ if (!el) { return; } while (el.firstChild) { el.removeChild(el.firstChild); } } function mk(tag, cls, text){ var n = document.createElement(tag); if (cls) { n.className = cls; } if (text !== null && text !== undefined) { n.textContent = String(text); } return n; } function pad(n){ return n < 10 ? '0' + n : '' + n; } function ymd(d){ return d.getFullYear() + '-' + pad(d.getMonth()+1) + '-' + pad(d.getDate()); } function bugun(){ var d = new Date(); d.setHours(0,0,0,0); return d; } function artiGun(d, n){ var x = new Date(d.getTime()); x.setDate(x.getDate() + n); return x; } function uzunTarih(d){ return d.getDate() + ' ' + AY[d.getMonth()] + ' ' + GUN_TAM[d.getDay()]; } function adimListesi(){ var a = []; for (var i = 0; i < ADIMLAR.length; i++) { if (ADIMLAR[i] === 'table' && !(CFG && CFG.guestPicksTable)) { continue; } a.push(ADIMLAR[i]); } return a; } function goster(ad){ ST.step = ad; // TEK EKRAN ARAMA: 'search' sanal bir adımdır — kişi/tarih/saat bloklarını BİRLİKTE gösterir. // Lüks restoran standardı budur (kişi · tarih · saat yan yana, altında saat ızgarası); adım adım // sihirbaz misafiri 5 ekran gezdiriyordu. Şablon MARKUP'I DEĞİŞMEDİ: aynı bloklar aynı yerde, // yalnız görünürlük kuralı değişti — bu yüzden düzeltme 16 şablonun HEPSİNDE birden geçerli. var acik = (ad === 'search') ? { guests:1, date:1, time:1 } : null; var hepsi = root.querySelectorAll('[data-rz-step]'); for (var i = 0; i < hepsi.length; i++) { var k = hepsi[i].getAttribute('data-rz-step'); var on = acik ? !!acik[k] : (k === ad); hepsi[i].style.display = on ? '' : 'none'; } var geri = root.querySelector('[data-rz-back]'); if (geri) { geri.style.display = (ad === 'guests' || ad === 'done') ? 'none' : ''; } var pr = root.querySelector('[data-rz-progress]'); if (pr) { var l = adimListesi(), ix = -1; for (var j = 0; j < l.length; j++) { if (l[j] === ad) { ix = j; } } pr.textContent = (ad === 'done' || ix < 0) ? '' : (ix + 1) + ' / ' + l.length; } mesaj('', ''); } function mesaj(tur, metin){ var m = root.querySelector('[data-rz-msg]'); if (!m) { return; } m.className = (m.getAttribute('data-rz-base') || '') + (tur === 'ok' ? ' ' + C.msgOk : tur === 'err' ? ' ' + C.msgErr : ''); m.textContent = metin || ''; } /** ★ AŞAMALI İYİLEŞTİRME SÖZLEŞMESİ * Sayfa, KLASİK formu ([data-rz-classic]) görünür; sihirbazı ([data-rz-root]) GİZLİ basar. * Sihirbaz ancak modül gerçekten kullanılabilirse devreye girip klasik formu gizler. * * NEDEN (2026-08-07, canlıda yaşandı): ilk sürümde şablon eski formu SİLİYORDU; rezervasyon * modülü kapalı (varsayılan) bir bistro sitesinde rezervasyon alma yolu tamamen YOK OLDU. * Telefon CTA'sı çalışan bir formun yerini tutmaz; üstelik modül starter+ olduğu için free * paketteki restoranlar hiç rezervasyon alamaz hale gelirdi. Sihirbaz bir EK'tir, ikame değil. */ function sihirbaziAc(){ // Şablon kökü hem hidden özniteliği hem satır içi display:none ile başlar (JS'siz tarayıcıda // da gizli kalsın diye). İKİSİNİ DE temizlemek gerekir — yalnız removeAttribute yetmez. // (Bu yorumda BACKTICK kullanılamaz: gövde bir template literal içinde yaşıyor.) root.removeAttribute('hidden'); root.style.display = ''; var klasik = document.querySelector('[data-rz-classic]'); if (klasik) { klasik.setAttribute('hidden', ''); klasik.style.display = 'none'; } } function geriDusus(){ // Sihirbaz kullanılamıyor → gizli kalır, KLASİK FORM görünür kalır (rezervasyon yolu kaybolmaz). root.setAttribute('hidden', ''); root.style.display = 'none'; var klasik = document.querySelector('[data-rz-classic]'); if (klasik) { return; } // Klasik form hiç yoksa (ör. yalnız sihirbaz için açılmış sayfa) telefon CTA'sına düşülür. var fb = document.querySelector('[data-rz-fallback]'); if (fb) { fb.removeAttribute('hidden'); fb.style.display = ''; } } function getJson(url, cb, hata){ fetch(url, { credentials: 'same-origin' }) .then(function(r){ return r.json(); }) .then(cb) .catch(function(){ if (hata) { hata(); } }); } /* ---------- ADIM 1: KİŞİ ---------- */ function cizGuests(){ var kutu = slotEl('guests'); if (!kutu) { return; } clear(kutu); kutu.className = C.grid; for (var n = CFG.minParty; n <= CFG.maxParty; n++) { (function(k){ var b = mk('button', C.chip + (ST.guests === k ? ' ' + C.chipOn : ''), k + ' ' + T.guests); b.type = 'button'; b.onclick = function(){ ST.guests = k; ST.time = ''; ST.tableId = ''; cizGuests(); cizDates(); if (ST.date) { yukleSlots(); } else { cizTimes(); } }; kutu.appendChild(b); })(n); } } /* ---------- ADIM 2: TARİH ---------- */ function kapaliMi(d){ var key = ['sun','mon','tue','wed','thu','fri','sat'][d.getDay()]; var ara = CFG.hours ? CFG.hours[key] : null; if (!ara || !ara.length) { return true; } var s = ymd(d); for (var i = 0; i < (CFG.closedDates || []).length; i++) { if (CFG.closedDates[i] === s) { return true; } } return false; } function cizDates(){ var kutu = slotEl('dates'); if (!kutu) { return; } clear(kutu); kutu.className = C.grid; var bas = bugun(); var gun = Math.min(O.maxDays, CFG.leadDays || O.maxDays); for (var i = 0; i < gun; i++) { (function(d){ var kapali = kapaliMi(d); var b = mk('button', C.chip + (kapali ? ' ' + C.chipOff : '') + (ST.date === ymd(d) ? ' ' + C.chipOn : ''), ''); b.type = 'button'; b.appendChild(mk('span', '', GUN[d.getDay()] + ' ' + d.getDate() + ' ' + AY[d.getMonth()].slice(0,3))); if (kapali) { b.appendChild(mk('small', '', T.closed)); b.disabled = true; } else { b.onclick = function(){ ST.date = ymd(d); ST.time = ''; ST.tableId = ''; cizDates(); yukleSlots(); }; } kutu.appendChild(b); })(artiGun(bas, i)); } } /* ---------- ADIM 3: SAAT ---------- */ function yukleSlots(){ var kutu = slotEl('times'); if (kutu) { clear(kutu); kutu.appendChild(mk('p', C.note, T.loading)); } getJson('/api/rezervasyon?date=' + encodeURIComponent(ST.date) + '&kisi=' + ST.guests, function(d){ ST.slots = (d && d.slots) || []; cizTimes(); }, function(){ mesaj('err', T.errGeneric); }); } function cizTimes(){ var kutu = slotEl('times'); if (!kutu) { return; } clear(kutu); kutu.className = C.grid; // Tek ekranda saat ızgarası, kişi/tarih seçilmeden anlamsızdır — boş ızgara yerine ne yapılacağı yazılır. if (!ST.guests || !ST.date) { kutu.className = ''; kutu.appendChild(mk('p', C.note, T.pickFirst)); return; } if (!ST.slots.length) { kutu.className = ''; kutu.appendChild(mk('p', C.note, T.noSlots)); var b = mk('button', C.btn, T.otherDay); b.type = 'button'; b.onclick = function(){ goster('search'); }; kutu.appendChild(b); return; } for (var i = 0; i < ST.slots.length; i++) { (function(s){ var b = mk('button', C.chip + (ST.time === s.time ? ' ' + C.chipOn : ''), s.time); b.type = 'button'; b.onclick = function(){ ST.time = s.time; ST.tableId = ''; ST.filter = ''; cizTimes(); if (CFG.guestPicksTable) { yukleTables(); } else { cizSummary(); goster('info'); } }; kutu.appendChild(b); })(ST.slots[i]); } } /* ---------- ADIM 4: MASA (misafir seçer) ---------- */ function yukleTables(){ var kutu = slotEl('tables'); if (kutu) { clear(kutu); kutu.appendChild(mk('p', C.note, T.loading)); } goster('table'); getJson('/api/rezervasyon?date=' + encodeURIComponent(ST.date) + '&kisi=' + ST.guests + '&saat=' + encodeURIComponent(ST.time), function(d){ ST.tables = (d && d.tables) || []; cizTables(); }, function(){ mesaj('err', T.errGeneric); }); } /** Filtre çipleri gerçekten var olan etiket/bölgelerden üretilir — sabit liste YOK. * ÖNCE bölgeler, SONRA etiketler; büyük/küçük harf duyarsız TEKİLLEŞTİRME yapılır. * Aksi halde "Bahçe" bölgesi ile "bahçe" etiketi iki ayrı çip olarak çıkar (2026-08-07'de * ekran görüntüsünde yakalandı) — misafir aynı şeyi iki kez görür. */ function kucuk(s){ return String(s || '').toLocaleLowerCase('tr'); } function filtreler(){ var v = [], gorulen = {}, i, j; for (i = 0; i < ST.tables.length; i++) { var z = ST.tables[i].zoneName; if (z && !gorulen[kucuk(z)]) { gorulen[kucuk(z)] = 1; v.push(z); } } for (i = 0; i < ST.tables.length; i++) { var tg = ST.tables[i].tags || []; for (j = 0; j < tg.length; j++) { if (tg[j] && !gorulen[kucuk(tg[j])]) { gorulen[kucuk(tg[j])] = 1; v.push(tg[j]); } } } return v; } function uyarMi(t, f){ if (!f) { return true; } var k = kucuk(f); if (kucuk(t.zoneName) === k) { return true; } for (var i = 0; i < (t.tags || []).length; i++) { if (kucuk(t.tags[i]) === k) { return true; } } return false; } function cizTables(){ var kutu = slotEl('tables'); if (!kutu) { return; } clear(kutu); kutu.className = ''; if (!ST.tables.length) { kutu.appendChild(mk('p', C.note, T.noTables)); var gb = mk('button', C.btn, T.otherTime); gb.type = 'button'; gb.onclick = function(){ goster('time'); }; kutu.appendChild(gb); return; } var fl = filtreler(); if (fl.length > 1) { var fbox = mk('div', C.grid, null); var hepsi = mk('button', C.chip + (ST.filter === '' ? ' ' + C.chipOn : ''), T.allFilter); hepsi.type = 'button'; hepsi.onclick = function(){ ST.filter = ''; cizTables(); }; fbox.appendChild(hepsi); for (var f = 0; f < fl.length; f++) { (function(ad){ var b = mk('button', C.chip + (ST.filter === ad ? ' ' + C.chipOn : ''), ad); b.type = 'button'; b.onclick = function(){ ST.filter = ad; cizTables(); }; fbox.appendChild(b); })(fl[f]); } kutu.appendChild(fbox); } var liste = mk('div', '', null); var gorunen = 0; for (var i = 0; i < ST.tables.length; i++) { (function(t){ if (!uyarMi(t, ST.filter)) { return; } gorunen++; var kart = mk('button', C.card + (t.available ? '' : ' ' + C.cardOff) + (ST.tableId === t.id ? ' ' + C.cardOn : ''), null); kart.type = 'button'; var bas = mk('b', '', t.name); kart.appendChild(bas); kart.appendChild(mk('span', '', t.seats + ' ' + T.seats + (t.zoneName ? ' · ' + t.zoneName : ''))); var rozet = mk('span', '', null); for (var k = 0; k < (t.tags || []).length; k++) { rozet.appendChild(mk('em', C.tag, t.tags[k])); } // Dolu masa GÖRÜNÜR ama seçilemez — misafir "cam kenarı dolmuş" bilgisini görmeli. if (!t.available) { rozet.appendChild(mk('em', C.tag, T.full)); } kart.appendChild(rozet); if (t.available) { kart.onclick = function(){ ST.tableId = t.id; cizSummary(); goster('info'); }; } else { kart.disabled = true; } liste.appendChild(kart); })(ST.tables[i]); } if (!gorunen) { liste.appendChild(mk('p', C.note, T.noFiltered)); var tb = mk('button', C.btn, T.allFilter); tb.type = 'button'; tb.onclick = function(){ ST.filter = ''; cizTables(); }; liste.appendChild(tb); } // "Farketmez" her zaman en sonda — masa seçmek zorunda kalınmaz. var any = mk('button', C.card, null); any.type = 'button'; any.appendChild(mk('b', '', T.any)); any.appendChild(mk('span', '', T.anyDesc)); any.onclick = function(){ ST.tableId = ''; cizSummary(); goster('info'); }; liste.appendChild(any); kutu.appendChild(liste); } /* ---------- ADIM 5: BİLGİLER ---------- */ function seciliMasa(){ for (var i = 0; i < ST.tables.length; i++) { if (ST.tables[i].id === ST.tableId) { return ST.tables[i]; } } return null; } /** Hazır tercih çipleri — tıklayınca not alanına eklenir. Görevli arayınca konuşacak * somut bir şey olsun diye not ZORUNLU (CFG.requireNote). */ function cizNotTercih(){ var kutu = slotEl('notes'); if (!kutu) { return; } clear(kutu); var list = CFG.notePresets || []; if (!list.length) { return; } kutu.className = C.grid; for (var i = 0; i < list.length; i++) { (function(ad){ var b = mk('button', C.chip, ad); b.type = 'button'; b.onclick = function(){ var el = fieldEl('note'); if (!el) { return; } var v = String(el.value || '').trim(); if (v.toLocaleLowerCase('tr').indexOf(ad.toLocaleLowerCase('tr')) >= 0) { return; } el.value = v ? v + ', ' + ad : ad; mesaj('', ''); }; kutu.appendChild(b); })(list[i]); } } function cizSummary(){ var kutu = slotEl('summary'); if (!kutu) { return; } clear(kutu); var p = ST.date.split('-'); var d = new Date(Number(p[0]), Number(p[1]) - 1, Number(p[2])); var satir = [[T.labelGuests, ST.guests + ' ' + T.guests], [T.labelDate, uzunTarih(d)], [T.labelTime, ST.time]]; var m = seciliMasa(); if (m) { satir.push([T.labelTable, m.name + (m.zoneName ? ' · ' + m.zoneName : '')]); } for (var i = 0; i < satir.length; i++) { var r = mk('div', C.sum, null); r.appendChild(mk('span', '', satir[i][0])); r.appendChild(mk('b', '', satir[i][1])); kutu.appendChild(r); } cizNotTercih(); var notEl = fieldEl('note'); if (notEl && CFG.requireNote) { notEl.setAttribute('placeholder', T.notePrompt); } var occ = fieldEl('occasion'); if (occ && occ.parentNode) { occ.parentNode.style.display = CFG.askOccasion ? '' : 'none'; } } function deger(ad){ var el = fieldEl(ad); // trim() ES5'te var — regex kullanmıyoruz (kaçış tuzağına hiç girilmesin). return el ? String(el.value || '').trim() : ''; } /** Telefon ön-denetimi — sunucudaki gecerliTelefon ile AYNI kural (tek gerçek sunucudadır, * bu yalnız kullanıcıyı boşuna gidiş-dönüşten kurtarır). Rakam dışı temizlenir, ülke dayatılmaz. */ function telGecerli(s){ var d = String(s || '').replace(/[^0-9]/g, ''); if (d.substring(0, 2) === '00') { d = d.substring(2); } if (d.length === 12 && d.substring(0, 2) === '90') { d = d.substring(2); } if (d.length === 11 && d.charAt(0) === '0') { d = d.substring(1); } if (d.length < 10 || d.length > 15) { return false; } var hepsiAyni = true; for (var i = 1; i < d.length; i++) { if (d.charAt(i) !== d.charAt(0)) { hepsiAyni = false; break; } } if (hepsiAyni) { return false; } if ('01234567890123456789'.indexOf(d) >= 0) { return false; } if ('98765432109876543210'.indexOf(d) >= 0) { return false; } return true; } function gonder(){ if (ST.busy) { return; } var ad = deger('name'), tel = deger('phone'); if (ad.length < 2 || (CFG.requirePhone && !tel)) { mesaj('err', T.needName); return; } if (tel && !telGecerli(tel)) { mesaj('err', T.badPhone); return; } var mail = deger('email'); if (mail && mail.indexOf('@') < 1) { mesaj('err', T.badMail); return; } var not = deger('note'); if (CFG.requireNote && not.length < 3) { mesaj('err', T.needNote); var ne = fieldEl('note'); if (ne && ne.focus) { ne.focus(); } return; } ST.busy = true; var btn = root.querySelector('[data-rz-submit]'); if (btn) { btn.disabled = true; btn.setAttribute('data-rz-label', btn.textContent); btn.textContent = T.sending; } mesaj('', ''); fetch('/api/rezervasyon', { method: 'POST', headers: { 'Content-Type': 'application/json' }, credentials: 'same-origin', body: JSON.stringify({ date: ST.date, time: ST.time, guests: ST.guests, tableId: ST.tableId, name: ad, phone: tel, email: mail, note: not, occasion: deger('occasion'), website: '' }) }).then(function(r){ return r.json(); }).then(function(d){ ST.busy = false; if (btn) { btn.disabled = false; btn.textContent = btn.getAttribute('data-rz-label') || T.submit; } if (d && d.ok) { sonuc(d); return; } var kod = d && d.code; if (kod === 'table_taken') { // Masa adımında KAL, listeyi tazele — kullanıcı en baştan başlamasın. ST.tables = (d && d.tables) || []; ST.tableId = ''; cizTables(); goster('table'); mesaj('err', T.errTable); } else if (kod === 'full') { ST.slots = (d && d.slots) || []; ST.time = ''; cizTimes(); goster('time'); mesaj('err', T.errFull); } else if (kod === 'rate') { mesaj('err', T.errRate); } else if (kod === 'too_many') { mesaj('err', (d && d.error) || T.errTooMany); } else { mesaj('err', (d && d.error) || T.errGeneric); } }).catch(function(){ ST.busy = false; if (btn) { btn.disabled = false; btn.textContent = btn.getAttribute('data-rz-label') || T.submit; } mesaj('err', T.errGeneric); }); } /* ---------- SONUÇ ---------- */ function sonuc(d){ var kutu = slotEl('result'); goster('done'); if (!kutu) { return; } clear(kutu); // Panel ayarıyla site sözü BİREBİR eşleşir: otomatik onayda "ayrıldı", elle onayda "talebiniz alındı". kutu.appendChild(mk('h3', '', d.status === 'pending' ? T.okPending : T.okAuto)); var p = ST.date.split('-'); var dd = new Date(Number(p[0]), Number(p[1]) - 1, Number(p[2])); kutu.appendChild(mk('p', '', uzunTarih(dd) + ' · ' + ST.time + ' · ' + ST.guests + ' ' + T.guests)); if (d.table && d.table.name) { var ek = d.table.name + (d.table.zoneName ? ' · ' + d.table.zoneName : ''); if (d.table.tags && d.table.tags.length) { ek += ' · ' + d.table.tags.join(' · '); } kutu.appendChild(mk('p', '', ek)); } var yeni = mk('button', C.btn, T.okAgain); yeni.type = 'button'; yeni.onclick = function(){ ST.guests = 0; ST.date = ''; ST.time = ''; ST.tableId = ''; ST.filter = ''; cizGuests(); cizDates(); cizTimes(); goster('search'); }; kutu.appendChild(yeni); } /* ---------- GERİ ---------- */ function geriGit(){ if (ST.step === 'info') { goster(CFG.guestPicksTable && ST.tables.length ? 'table' : 'search'); return; } if (ST.step === 'table') { goster('search'); return; } goster('search'); } /* ---------- KURULUM ---------- */ function baslat(){ var m = root.querySelector('[data-rz-msg]'); if (m) { m.setAttribute('data-rz-base', m.className); } var geri = root.querySelector('[data-rz-back]'); if (geri) { geri.textContent = T.back; geri.onclick = geriGit; } var sub = root.querySelector('[data-rz-submit]'); if (sub) { sub.onclick = gonder; } var not = root.querySelector('[data-rz-note]'); if (not && CFG.note) { not.textContent = CFG.note; not.style.display = ''; } var big = root.querySelector('[data-rz-bigparty]'); if (big && CFG.bigPartyNote) { big.textContent = CFG.bigPartyNote; big.style.display = ''; } // Üç blok da ilk açılışta ÇİZİLİR: misafir tek bakışta ne seçeceğini görür. cizGuests(); cizDates(); cizTimes(); goster('search'); } getJson('/api/rezervasyon', function(d){ if (!d || !d.ok || d.enabled === false) { geriDusus(); return; } CFG = d; sihirbaziAc(); baslat(); }, geriDusus); })(); ;(function(){try{ var g=document.querySelectorAll('[data-vs-auth],[data-vs-guest]'); if(!g.length)return; fetch('/api/booking/mine',{credentials:'same-origin'}).then(function(r){return r.json();}).then(function(j){ if(!j||!j.ok||!j.auth)return; for(var i=0;i