(function () { if (window.__bistroGuard) return; window.__bistroGuard = 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 trim(s) { return (s == null ? '' : String(s)).replace(/^\s+|\s+$/g, ''); } function digitsOnly(s) { return (s == null ? '' : String(s)).replace(/[^0-9]/g, ''); } function pad2(n) { return (n < 10 ? '0' : '') + n; } function toMsisdn(raw) { var d = digitsOnly(raw); if (!d) return ''; if (d.charAt(0) === '0') d = '90' + d.slice(1); else if (d.length <= 10 && d.slice(0, 2) !== '90') d = '90' + d; return d; } var ICON_PLATE = ''; // ---------------- Marka rozeti: Bistro Restoran'in ilk harfinden türetilir ---------------- function initBrand() { var marks = document.querySelectorAll('[data-bs-brand-mark]'); if (!marks.length) return; var names = document.querySelectorAll('[data-bs-brand-name]'); var name = ''; for (var i = 0; i < names.length; i++) { var t = trim(names[i].textContent); if (t) { name = t; break; } } if (!name) return; var initial = name.charAt(0).toUpperCase(); for (var j = 0; j < marks.length; j++) marks[j].textContent = initial; } // ---------------- Sticky kategori çubuğu: gerçek header yüksekliği ---------------- // Header dar ekranlarda iki satıra taşıyordu; sabit 78px varsayımı kategori çubuğunu header'ın // altında bırakıyordu. Yükseklik ölçülüp --bs-header-h'e yazılır. function initHeaderHeight() { var header = document.querySelector('.bs-header'); if (!header) return; function apply() { var h = Math.round(header.getBoundingClientRect().height); if (h > 0) document.documentElement.style.setProperty('--bs-header-h', h + 'px'); } apply(); window.addEventListener('resize', apply); window.addEventListener('load', apply); } // ---------------- "Şu an açık/kapalı" — saat kartındaki GERÇEK verilerden ---------------- // Sabit "Bugün açığız · 12:00–23:00" metni KALDIRILDI (Pazartesi kapalıyken bile açık diyordu). // Kaynak: sayfadaki çalışma saatleri kartı (panelden düzenlenir). Satır çözümlenemezse durum // rozeti HİÇ gösterilmez — yanlış bilgi vermektense göstermemek doğrudur. var GUNLER = ['pazar', 'pazartesi', 'salı', 'çarşamba', 'perşembe', 'cuma', 'cumartesi']; function dayIndex(word) { var w = trim(word).toLowerCase().replace(/\.$/, ''); var kisa = { 'pzt': 1, 'sal': 2, 'çar': 3, 'per': 4, 'cum': 5, 'cmt': 6, 'paz': 0 }; for (var i = 0; i < GUNLER.length; i++) { if (w === GUNLER[i]) return i; } if (kisa.hasOwnProperty(w)) return kisa[w]; return -1; } function parseHourRows() { var list = document.querySelector('[data-bs-hours]'); if (!list) return null; var rows = list.querySelectorAll('.bs-hours-row'); var out = []; for (var i = 0; i < rows.length; i++) { var labelEl = rows[i].querySelector('.bs-hours-label'); var valEl = rows[i].querySelector('.bs-hours-val'); if (!labelEl || !valEl) continue; var label = trim(labelEl.textContent); var val = trim(valEl.textContent); if (!label) continue; var days = []; var parts = label.split(/[-–—]/); if (parts.length === 2) { var a = dayIndex(parts[0]), b = dayIndex(parts[1]); if (a < 0 || b < 0) continue; for (var d = a; ; d = (d + 1) % 7) { days.push(d); if (d === b) break; if (days.length > 7) break; } } else { var one = dayIndex(label); if (one < 0) continue; days.push(one); } var m = val.match(/(\d{1,2}):(\d{2})\s*[-–—]\s*(\d{1,2}):(\d{2})/); out.push({ days: days, open: m ? (parseInt(m[1], 10) * 60 + parseInt(m[2], 10)) : null, close: m ? (parseInt(m[3], 10) * 60 + parseInt(m[4], 10)) : null, text: val }); } return out.length ? out : null; } function initOpenState() { var box = $('bs-open-state'), dot = $('bs-open-dot'), txt = $('bs-open-text'); if (!box || !txt) return; var rows = parseHourRows(); if (!rows) return; var now = new Date(); var today = now.getDay(); var mins = now.getHours() * 60 + now.getMinutes(); var row = null; for (var i = 0; i < rows.length; i++) { if (rows[i].days.indexOf(today) !== -1) { row = rows[i]; break; } } if (!row) return; var acik = row.open !== null && row.close !== null && mins >= row.open && mins < row.close; if (dot) dot.style.background = acik ? '#7fb069' : '#e08a72'; if (row.open === null) txt.textContent = 'Bugün kapalıyız'; else txt.textContent = (acik ? 'Şu an açığız · ' : 'Şu an kapalıyız · Bugün ') + row.text; box.hidden = false; } // ---------------- Telefon linkleri (tel:) normalize; numara yoksa gizle ---------------- function initPhoneLinks() { var tels = document.querySelectorAll('a[data-tel]'); for (var i = 0; i < tels.length; i++) { var msisdn = toMsisdn(tels[i].getAttribute('data-tel')); if (!msisdn) { tels[i].style.display = 'none'; continue; } tels[i].setAttribute('href', 'tel:+' + msisdn); } } // ---------------- Menü verisi (GERÇEK /api/menu) — tek seferlik önbellek ---------------- var menuPromise = null; function fetchMenu() { if (!menuPromise) { menuPromise = fetch('/api/menu', { credentials: 'same-origin' }).then(function (r) { return r.json(); }); } return menuPromise; } function mediaBox(className, item) { var media = document.createElement('div'); media.className = className; if (item.img) { var img = document.createElement('img'); img.className = 'bs-img-cover'; img.src = item.img; img.alt = item.name || ''; img.loading = 'lazy'; media.appendChild(img); } else { var ph = document.createElement('div'); ph.className = 'bs-dish-noimg'; ph.style.width = '100%'; ph.style.height = '100%'; ph.innerHTML = ICON_PLATE; media.appendChild(ph); } return media; } function tagRow(tags) { var row = document.createElement('div'); row.className = 'bs-tag-row'; for (var i = 0; i < tags.length; i++) { var t = document.createElement('span'); t.className = 'bs-tag'; t.textContent = tags[i]; row.appendChild(t); } return row; } function dishCard(item) { var card = document.createElement('div'); card.className = 'bs-dish-card'; card.appendChild(mediaBox('bs-dish-media', item)); var body = document.createElement('div'); body.className = 'bs-dish-body'; var top = document.createElement('div'); top.className = 'bs-dish-top'; var name = document.createElement('div'); name.className = 'bs-dish-name'; name.textContent = item.name || ''; var price = document.createElement('div'); price.className = 'bs-dish-price'; price.textContent = item.price || ''; top.appendChild(name); top.appendChild(price); body.appendChild(top); if (item.desc) { var desc = document.createElement('p'); desc.className = 'bs-dish-desc'; desc.textContent = item.desc; body.appendChild(desc); } if (item.tags && item.tags.length) body.appendChild(tagRow(item.tags)); card.appendChild(body); return card; } function menuItemRow(item) { var row = document.createElement('div'); row.className = 'bs-menu-item'; row.appendChild(mediaBox('bs-menu-item-media', item)); var body = document.createElement('div'); body.className = 'bs-menu-item-body'; var top = document.createElement('div'); top.className = 'bs-menu-item-top'; var name = document.createElement('div'); name.className = 'bs-menu-item-name'; name.textContent = item.name || ''; var price = document.createElement('div'); price.className = 'bs-menu-item-price'; price.textContent = item.price || ''; top.appendChild(name); top.appendChild(price); body.appendChild(top); if (item.desc) { var desc = document.createElement('p'); desc.className = 'bs-menu-item-desc'; desc.textContent = item.desc; body.appendChild(desc); } if (item.tags && item.tags.length) body.appendChild(tagRow(item.tags)); row.appendChild(body); return row; } // ---------------- Anasayfa: öne çıkan lezzetler (kategoriler boyunca ilk 6 ürün) ---------------- function initHomeFeatured() { var grid = $('bs-featured-grid'); if (!grid) return; fetchMenu().then(function (j) { var cats = (j && j.ok && Array.isArray(j.categories)) ? j.categories : []; var items = []; for (var i = 0; i < cats.length && items.length < 6; i++) { var its = Array.isArray(cats[i].items) ? cats[i].items : []; for (var k = 0; k < its.length && items.length < 6; k++) items.push(its[k]); } clear(grid); if (!items.length) { var empty = document.createElement('div'); empty.className = 'bs-empty'; empty.textContent = 'Menümüz güncelleniyor, çok yakında burada.'; grid.appendChild(empty); return; } for (var m = 0; m < items.length; m++) grid.appendChild(dishCard(items[m])); }).catch(function () { clear(grid); var err = document.createElement('div'); err.className = 'bs-error'; err.textContent = 'Lezzetlerimiz şu anda yüklenemiyor. Lütfen daha sonra tekrar deneyin.'; grid.appendChild(err); }); } // ---------------- Menü sayfası: TÜM kategoriler + kategori navigasyonu ---------------- function initMenuPage() { var root = $('bs-menu-root'); if (!root) return; var nav = $('bs-catnav'); fetchMenu().then(function (j) { var cats = (j && j.ok && Array.isArray(j.categories)) ? j.categories : []; clear(root); if (nav) clear(nav); if (!cats.length) { if (nav) nav.style.display = 'none'; var wrap = document.createElement('div'); wrap.className = 'bs-section'; var empty = document.createElement('div'); empty.className = 'bs-empty'; empty.textContent = 'Menümüz yakında burada olacak.'; wrap.appendChild(empty); root.appendChild(wrap); return; } for (var i = 0; i < cats.length; i++) { var cat = cats[i]; var secId = 'bs-cat-' + i; if (nav) { var pill = document.createElement('a'); pill.href = '#' + secId; pill.className = 'bs-catnav-item'; pill.textContent = cat.name || ''; nav.appendChild(pill); } var section = document.createElement('section'); section.className = 'bs-cat-section'; section.id = secId; var head = document.createElement('div'); head.className = 'bs-cat-head'; var h2 = document.createElement('h2'); h2.className = 'bs-cat-name'; h2.textContent = cat.name || ''; head.appendChild(h2); if (cat.desc) { var pdesc = document.createElement('p'); pdesc.className = 'bs-cat-desc'; pdesc.textContent = cat.desc; head.appendChild(pdesc); } section.appendChild(head); var mgrid = document.createElement('div'); mgrid.className = 'bs-menu-grid'; var its = Array.isArray(cat.items) ? cat.items : []; if (!its.length) { var emptyCat = document.createElement('div'); emptyCat.className = 'bs-empty'; emptyCat.style.gridColumn = '1/-1'; emptyCat.textContent = 'Bu kategoride henüz ürün eklenmedi.'; mgrid.appendChild(emptyCat); } else { for (var k = 0; k < its.length; k++) mgrid.appendChild(menuItemRow(its[k])); } section.appendChild(mgrid); root.appendChild(section); } }).catch(function () { clear(root); if (nav) nav.style.display = 'none'; var wrap2 = document.createElement('div'); wrap2.className = 'bs-section'; var err = document.createElement('div'); err.className = 'bs-error'; err.textContent = 'Menü şu anda yüklenemiyor. Lütfen daha sonra tekrar deneyin.'; wrap2.appendChild(err); root.appendChild(wrap2); }); } // ---------------- KLASİK rezervasyon formu — POST /api/form; 303 yönlendirmesi başarı sayılır ---- // Sihirbaz devreye girerse bu form gizlenir; girmezse tek rezervasyon yolu budur. function wireReservation() { var form = $('bs-rv-form'); if (!form) return; var msg = $('bs-rv-msg'); var dateInput = $('bs-rv-date'); function gunStr(t) { var mm = t.getMonth() + 1, dd = t.getDate(); return t.getFullYear() + '-' + (mm < 10 ? '0' + mm : mm) + '-' + (dd < 10 ? '0' + dd : dd); } if (dateInput) { try { var bugun = new Date(); var son = new Date(); son.setDate(son.getDate() + 90); dateInput.min = gunStr(bugun); // ★ ÜST SINIR ŞART: type=date yıl alanına 290000 yazılmasına izin verir (kullanıcı bildirimi // 2026-08-07). min/max olmadan tarayıcı bunu geçerli sayar ve kayıt oluşur. dateInput.max = gunStr(son); } catch (e) {} } // Telefon: sunucudaki gecerliTelefon ile aynı kural — 10-15 hane, hepsi aynı/ardışık DEĞİL. function telGecerli(v) { var d = String(v || '').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 ayni = true; for (var i = 1; i < d.length; i++) { if (d.charAt(i) !== d.charAt(0)) { ayni = false; break; } } if (ayni) { return false; } if ('01234567890123456789'.indexOf(d) >= 0) { return false; } if ('98765432109876543210'.indexOf(d) >= 0) { return false; } return true; } on(form, 'submit', function (e) { e.preventDefault(); var telEl = $('bs-rv-phone'), adEl = $('bs-rv-name'); if (adEl && String(adEl.value || '').replace(/^s+|s+$/g, '').length < 2) { if (msg) { msg.className = 'bs-form-msg is-err'; msg.textContent = 'Lütfen ad soyadınızı girin.'; } adEl.focus(); return; } if (telEl && !telGecerli(telEl.value)) { if (msg) { msg.className = 'bs-form-msg is-err'; msg.textContent = 'Geçerli bir telefon numarası girin — rezervasyonunuz için sizi buradan arayacağız.'; } telEl.focus(); return; } if (dateInput && dateInput.value && (dateInput.value < dateInput.min || dateInput.value > dateInput.max)) { if (msg) { msg.className = 'bs-form-msg is-err'; msg.textContent = 'Lütfen bugün ile 90 gün sonrası arasında bir tarih seçin.'; } dateInput.focus(); return; } var btn = form.querySelector('button[type="submit"]'); if (btn) btn.disabled = true; if (msg) { msg.className = 'bs-form-msg'; msg.textContent = ''; } 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' || (res.status >= 200 && res.status < 400); if (!success) throw new Error('form-failed'); if (msg) { msg.className = 'bs-form-msg is-ok'; msg.textContent = 'Rezervasyon talebiniz alındı — en kısa sürede sizi arayacağız.'; } form.reset(); }) .catch(function () { if (msg) { msg.className = 'bs-form-msg is-err'; msg.textContent = 'Gönderilemedi, lütfen tekrar deneyin.'; } }) .then(function () { if (btn) btn.disabled = false; }); }); } function initMobileNav() { var burger = document.querySelector('.bs-header .bs-burger'); var nav = document.querySelector('.bs-header .bs-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 > 1000) closeNav(); }); } initBrand(); initHeaderHeight(); initOpenState(); initPhoneLinks(); initHomeFeatured(); initMenuPage(); wireReservation(); initMobileNav(); })(); (function(){var O={"cls":{"chip":"bs-rz-chip","chipOn":"is-on","chipOff":"is-off","grid":"bs-rz-grid","card":"bs-rz-card","cardOn":"is-on","cardOff":"is-off","tag":"bs-rz-tag","sum":"bs-rz-sum","msgOk":"is-ok","msgErr":"is-err","note":"bs-rz-note","btn":"bs-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

İletişim & Rezervasyon

Kaç kişilik masa?

Hangi gün?

Saat seçin

Masanızı seçin