(function () { if (window.__beyazGuard) return; window.__beyazGuard = true; function $(id) { return document.getElementById(id); } function qsa(sel, root) { return Array.prototype.slice.call((root || document).querySelectorAll(sel)); } 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 esc(s) { return s == null ? '' : String(s); } function trim(s) { return esc(s).replace(/^\s+|\s+$/g, ''); } function digitsOnly(s) { return esc(s).replace(/[^0-9]/g, ''); } function lower(s) { return esc(s).toLocaleLowerCase('tr-TR'); } function parsePrice(s) { var d = digitsOnly(s); return d ? parseInt(d, 10) : null; } var ADRES = 'Bagdat Caddesi No:120, Kadikoy / Istanbul'; var SITE = 'Beyaz Terrakota'; var IC_RINGS = ''; var IC_ARROW = ''; var IC_CHECK = ''; var IC_ZOOM = ''; 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; } // ---------------- Marka rozeti: Beyaz Terrakota baş harfinden ---------------- function initBrand() { var marks = qsa('[data-bz-brand-mark]'); if (!marks.length) return; var names = qsa('[data-bz-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).toLocaleUpperCase('tr-TR'); for (var j = 0; j < marks.length; j++) marks[j].textContent = initial; } // ---------------- Yorum avatarları: isim baş harfi ---------------- function initReviewAvatars() { var avs = qsa('[data-bz-av]'); for (var i = 0; i < avs.length; i++) { var t = trim(avs[i].textContent); avs[i].textContent = t ? t.charAt(0).toLocaleUpperCase('tr-TR') : '\u2661'; } } // ---------------- Telefon linkleri (tel:) ---------------- function initPhoneLinks() { var tels = qsa('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].style.display = ''; tels[i].setAttribute('href', 'tel:+' + msisdn); } } // ---------------- "Yol tarifi" linkleri ---------------- function initMapLinks() { var links = qsa('a[data-bz-map]'); for (var i = 0; i < links.length; i++) { var addr = trim(links[i].getAttribute('data-bz-map')) || ADRES; if (!addr) { links[i].style.display = 'none'; continue; } links[i].setAttribute('href', 'https://www.google.com/maps/search/?api=1&query=' + encodeURIComponent(addr)); links[i].setAttribute('target', '_blank'); links[i].setAttribute('rel', 'noopener'); } } // ---------------- Bugünün görüşme saati satırını vurgula ---------------- function initHours() { var today = new Date().getDay(); // 0=Pazar var rows = qsa('.bz-hours-row[data-bz-day]'); for (var i = 0; i < rows.length; i++) { if (parseInt(rows[i].getAttribute('data-bz-day'), 10) === today) rows[i].classList.add('is-today'); } } // ---------------- Mobil hamburger (ESC · dışarı tıklama · yeniden boyutlandırma) ---------------- function initMobileNav() { var burger = document.querySelector('.bz-header .bz-burger'); var nav = document.querySelector('.bz-header .bz-nav'); if (!burger || !nav) return; function closeNav() { nav.classList.remove('open'); burger.setAttribute('aria-expanded', 'false'); burger.setAttribute('aria-label', 'Menüyü aç'); } function openNav() { nav.classList.add('open'); burger.setAttribute('aria-expanded', 'true'); burger.setAttribute('aria-label', 'Menüyü kapat'); } on(burger, 'click', function (e) { e.stopPropagation(); if (nav.classList.contains('open')) closeNav(); else openNav(); }); qsa('a', nav).forEach(function (a) { on(a, '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) { if (nav.classList.contains('open')) { closeNav(); try { burger.focus(); } catch (err) {} } } }); window.addEventListener('resize', function () { if (window.innerWidth >= 769) closeNav(); }); } // ---------------- Scroll reveal ---------------- function initReveal() { var els = qsa('.bz-reveal'); if (!els.length) return; document.documentElement.classList.add('bz-reveal-on'); if (!('IntersectionObserver' in window)) { for (var n = 0; n < els.length; n++) els[n].classList.add('is-in'); return; } var io = new IntersectionObserver(function (entries) { for (var i = 0; i < entries.length; i++) { if (entries[i].isIntersecting) { entries[i].target.classList.add('is-in'); io.unobserve(entries[i].target); } } }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); for (var j = 0; j < els.length; j++) io.observe(els[j]); } // ---------------- Paket verisi (GERÇEK /api/listings) — tek seferlik önbellek ---------------- var listPromise = null; function fetchListings() { if (!listPromise) { listPromise = fetch('/api/listings', { credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (j) { return (j && j.ok && Array.isArray(j.listings)) ? j.listings : []; }); } return listPromise; } // ---------------- Paket kartı ---------------- function packageCard(p) { var a = document.createElement('a'); a.className = 'bz-pkg-card'; a.href = '/paket/' + encodeURIComponent(p.id || ''); var media = document.createElement('div'); media.className = 'bz-pkg-media'; if (p.img) { var img = document.createElement('img'); img.className = 'bz-pkg-img'; img.src = p.img; img.alt = p.title || ''; img.loading = 'lazy'; media.appendChild(img); } else { var ph = document.createElement('div'); ph.className = 'bz-pkg-noimg'; ph.innerHTML = IC_RINGS; media.appendChild(ph); } if (trim(p.tag)) { var tag = document.createElement('span'); tag.className = 'bz-pkg-tag'; tag.textContent = p.tag; media.appendChild(tag); } a.appendChild(media); var body = document.createElement('div'); body.className = 'bz-pkg-body'; var name = document.createElement('h3'); name.className = 'bz-pkg-name'; name.textContent = p.title || ''; body.appendChild(name); var specs = document.createElement('div'); specs.className = 'bz-pkg-specs'; specs.textContent = trim(p.specs) || trim(p.area); body.appendChild(specs); if (trim(p.desc)) { var desc = document.createElement('p'); desc.className = 'bz-pkg-desc'; desc.textContent = p.desc; body.appendChild(desc); } var foot = document.createElement('div'); foot.className = 'bz-pkg-foot'; var price = document.createElement('span'); price.className = 'bz-pkg-price'; price.textContent = trim(p.price) || 'Fiyat için görüşelim'; var cta = document.createElement('span'); cta.className = 'bz-pkg-cta'; cta.innerHTML = 'İncele ' + IC_ARROW; foot.appendChild(price); foot.appendChild(cta); body.appendChild(foot); a.appendChild(body); return a; } function renderPackages(container, list, emptyHtml) { if (!container) return; clear(container); if (!list.length) { var empty = document.createElement('div'); empty.className = 'bz-empty'; empty.innerHTML = emptyHtml || 'Paket listemiz şu anda güncelleniyor. Tarih ve fiyat için bizi arayabilirsiniz.'; container.appendChild(empty); return; } for (var i = 0; i < list.length; i++) container.appendChild(packageCard(list[i])); } function gridError(container) { if (!container) return; clear(container); var err = document.createElement('div'); err.className = 'bz-empty'; err.innerHTML = 'Paketler şu anda yüklenemedi. Lütfen sayfayı yenileyin ya da bizi arayın.'; container.appendChild(err); } // ---------------- Ana sayfa: öne çıkan paketler ---------------- function initFeatured() { var grid = $('bz-featured-grid'); if (!grid) return; fetchListings() .then(function (list) { renderPackages(grid, list.slice(0, 3), 'Paket listemiz şu anda güncelleniyor. Tarih sormak için yazın →'); }) .catch(function () { gridError(grid); }); } // ---------------- Paketler sayfası: arama + kategori (area) + sıralama ---------------- var PS = { all: [], q: '', tag: '', sort: '' }; function haystack(p) { return lower([p.title, p.tag, p.specs, p.area, p.desc].join(' ')); } function applyFilters() { var grid = $('bz-packages-grid'); if (!grid) return; var terms = trim(PS.q) ? lower(PS.q).split(/\s+/) : []; var out = PS.all.filter(function (p) { if (PS.tag && trim(p.area) !== PS.tag) return false; if (!terms.length) return true; var hay = haystack(p); for (var i = 0; i < terms.length; i++) { if (terms[i] && hay.indexOf(terms[i]) === -1) return false; } return true; }); if (PS.sort === 'asc' || PS.sort === 'desc') { out = out.slice().sort(function (a, b) { var pa = parsePrice(a.price), pb = parsePrice(b.price); if (pa === null && pb === null) return 0; if (pa === null) return 1; if (pb === null) return -1; return PS.sort === 'asc' ? pa - pb : pb - pa; }); } else if (PS.sort === 'az') { out = out.slice().sort(function (a, b) { return lower(a.title).localeCompare(lower(b.title), 'tr'); }); } renderPackages(grid, out, 'Bu kriterlere uygun paket bulunamadı. Size özel kurgulayalım →'); var count = $('bz-count'); if (count) { clear(count); var b = document.createElement('b'); b.textContent = String(out.length); count.appendChild(b); count.appendChild(document.createTextNode(' paket listeleniyor' + (PS.all.length && out.length !== PS.all.length ? ' (toplam ' + PS.all.length + ')' : ''))); } } function fillTagOptions(select, list) { if (!select) return; var seen = {}, tags = []; for (var i = 0; i < list.length; i++) { var t = trim(list[i].area); if (t && !seen[t]) { seen[t] = 1; tags.push(t); } } tags.sort(function (a, b) { return lower(a).localeCompare(lower(b), 'tr'); }); for (var j = 0; j < tags.length; j++) { var opt = document.createElement('option'); opt.value = tags[j]; opt.textContent = tags[j]; select.appendChild(opt); } } function initPackages() { var grid = $('bz-packages-grid'); if (!grid) return; var params = new URLSearchParams(window.location.search); var qInput = $('bz-f-q'), tagSel = $('bz-f-tag'), sortSel = $('bz-f-sort'); PS.q = params.get('q') || ''; if (qInput) qInput.value = PS.q; on(qInput, 'input', function () { PS.q = qInput.value || ''; applyFilters(); }); on(tagSel, 'change', function () { PS.tag = tagSel.value || ''; applyFilters(); }); on(sortSel, 'change', function () { PS.sort = sortSel.value || ''; applyFilters(); }); fetchListings() .then(function (list) { PS.all = list; fillTagOptions(tagSel, list); var pt = params.get('tag') || ''; if (pt && tagSel) { for (var i = 0; i < tagSel.options.length; i++) { if (tagSel.options[i].value === pt) { tagSel.value = pt; PS.tag = pt; break; } } } applyFilters(); }) .catch(function () { gridError(grid); }); } // ---------------- Paket detay ---------------- function detailNotFound() { var l = $('bz-d-loading'); if (l) l.style.display = 'none'; var b = $('bz-d-body'); if (b) b.style.display = 'none'; var nf = $('bz-d-notfound'); if (nf) nf.style.display = 'block'; } function renderChips(container, specs) { if (!container) return; clear(container); var raw = trim(specs); if (!raw) { container.style.display = 'none'; return; } var parts = raw.split(/[·|]/); for (var i = 0; i < parts.length; i++) { var t = trim(parts[i]); if (!t) continue; var chip = document.createElement('span'); chip.className = 'bz-chip'; chip.textContent = t; container.appendChild(chip); } container.style.display = container.children.length ? 'flex' : 'none'; } function renderFeatures(container, headingId, features) { if (!container) return; clear(container); var list = Array.isArray(features) ? features.filter(Boolean) : []; var heading = headingId ? $(headingId) : null; if (!list.length) { container.style.display = 'none'; if (heading) heading.style.display = 'none'; return; } container.style.display = 'grid'; if (heading) heading.style.display = 'block'; for (var i = 0; i < list.length; i++) { var row = document.createElement('div'); row.className = 'bz-feat'; var ic = document.createElement('span'); ic.innerHTML = IC_CHECK; row.appendChild(ic.firstChild); row.appendChild(document.createTextNode(esc(list[i]))); container.appendChild(row); } } function renderDetailGallery(images, title) { var main = $('bz-d-img'), noimg = $('bz-d-noimg'), thumbs = $('bz-d-thumbs'), wrap = $('bz-d-gal-main'); var imgs = Array.isArray(images) ? images.filter(Boolean) : []; var cur = 0; function show(i) { cur = i; if (main) { main.src = imgs[i]; main.alt = title; main.style.display = ''; } if (noimg) noimg.style.display = 'none'; var tEls = qsa('.bz-dgal-thumb', thumbs); for (var k = 0; k < tEls.length; k++) { tEls[k].classList.toggle('is-active', k === i); tEls[k].setAttribute('aria-pressed', k === i ? 'true' : 'false'); } } if (!imgs.length) { if (main) { main.removeAttribute('src'); main.style.display = 'none'; } if (noimg) noimg.style.display = 'flex'; if (thumbs) thumbs.style.display = 'none'; if (wrap) wrap.style.cursor = 'default'; return; } show(0); if (wrap) { wrap.style.cursor = 'zoom-in'; wrap.onclick = function () { if (window.vsGallery) window.vsGallery.open(imgs, cur); }; } if (thumbs) { clear(thumbs); if (imgs.length > 1) { thumbs.style.display = 'flex'; for (var i = 0; i < imgs.length; i++) { (function (src, idx) { var th = document.createElement('button'); th.type = 'button'; th.className = 'bz-dgal-thumb' + (idx === 0 ? ' is-active' : ''); th.setAttribute('aria-label', title + ' fotoğraf ' + (idx + 1)); th.setAttribute('aria-pressed', idx === 0 ? 'true' : 'false'); var im = document.createElement('img'); im.src = src; im.alt = ''; im.loading = 'lazy'; th.appendChild(im); on(th, 'click', function () { show(idx); }); thumbs.appendChild(th); })(imgs[i], i); } } else { thumbs.style.display = 'none'; } } } function setText(id, text, hideIfEmpty) { var el = $(id); if (!el) return; var v = trim(text); el.textContent = v; if (hideIfEmpty) el.style.display = v ? '' : 'none'; } function applyPackage(p, all) { if (p.title) { try { document.title = p.title + ' — ' + SITE; } catch (e) {} } setText('bz-d-crumb', p.title); setText('bz-d-tag', p.tag, true); setText('bz-d-title', p.title); setText('bz-d-sub', p.area, true); setText('bz-d-price', trim(p.price) || 'Fiyat için görüşelim'); renderChips($('bz-d-chips'), p.specs); var desc = $('bz-d-desc'); if (desc) desc.textContent = trim(p.desc) || 'Bu paketin kapsamı davetli sayınıza, menü tercihinize ve organizasyon tipine göre birlikte netleştirilir. Keşif gezisinde salonu gezip ayrıntıları konuşalım.'; renderFeatures($('bz-d-feats'), 'bz-d-feat-h', p.features); renderDetailGallery(p.images && p.images.length ? p.images : (p.img ? [p.img] : []), p.title || SITE); var paket = $('bz-b-paket'); if (paket) paket.value = p.title || ''; var typeSel = $('bz-b-type'); if (typeSel && trim(p.area)) { for (var t = 0; t < typeSel.options.length; t++) { if (lower(typeSel.options[t].value) === lower(p.area)) { typeSel.value = typeSel.options[t].value; break; } } } var loading = $('bz-d-loading'); if (loading) loading.style.display = 'none'; var nf = $('bz-d-notfound'); if (nf) nf.style.display = 'none'; var body = $('bz-d-body'); if (body) body.style.display = 'block'; // benzer paketler: aynı organizasyon türü önce, sonra diğerleri (kendisi hariç, en fazla 3) var related = $('bz-related-grid'); if (related) { var rest = (all || []).filter(function (x) { return x && x.id !== p.id; }); var same = rest.filter(function (x) { return trim(x.area) && x.area === p.area; }); var other = rest.filter(function (x) { return !(trim(x.area) && x.area === p.area); }); renderPackages(related, same.concat(other).slice(0, 3), 'Yakında yeni paketler eklenecek. Size özel kurgulayalım →'); } initPhoneLinks(); initReveal(); } function initDetail() { var root = $('bz-detail-root'); if (!root) return; var m = (window.location.pathname || '').match(/\/paket\/([^\/?#]+)/); var id = m ? decodeURIComponent(m[1]) : ''; if (!id) { detailNotFound(); return; } fetchListings() .then(function (list) { var found = null; for (var i = 0; i < list.length; i++) { if (list[i] && list[i].id === id) { found = list[i]; break; } } if (found) { applyPackage(found, list); return null; } // liste kapalıysa/boşsa tekil uca da bir şans ver return fetch('/api/listings/' + encodeURIComponent(id), { credentials: 'same-origin' }) .then(function (r) { return r.status === 404 ? null : r.json(); }) .then(function (j) { if (j && j.ok && j.listing) applyPackage(j.listing, list); else detailNotFound(); }); }) .catch(detailNotFound); } // ---------------- Galeri: tıklayınca motorun evrensel lightbox'ı (görünen kareler sırayla) ---------------- function visibleGalleryItems(container) { return qsa('[data-bz-gal]', container).filter(function (el) { return el.style.display !== 'none'; }); } function bindGalleryGrid(container) { if (!container) return; on(container, 'click', function (e) { var el = e.target; while (el && el !== container && !el.getAttribute('data-bz-gal')) el = el.parentNode; if (!el || el === container) return; var items = visibleGalleryItems(container); var srcs = [], idx = 0; for (var i = 0; i < items.length; i++) { srcs.push(items[i].getAttribute('data-bz-gal')); if (items[i] === el) idx = i; } if (window.vsGallery) window.vsGallery.open(srcs, idx); }); } // ---------------- Galeri sayfası: sekme filtresi ---------------- function initGalleryTabs() { var grid = $('bz-gal-grid'); var tabs = qsa('.bz-tab[data-bz-tab]'); if (!grid || !tabs.length) return; var empty = $('bz-gal-empty'); function apply(cat) { var items = qsa('[data-bz-cat]', grid), shown = 0; for (var i = 0; i < items.length; i++) { var ok = !cat || items[i].getAttribute('data-bz-cat') === cat; items[i].style.display = ok ? '' : 'none'; if (ok) shown++; } if (empty) empty.style.display = shown ? 'none' : 'block'; } for (var t = 0; t < tabs.length; t++) { (function (btn) { btn.setAttribute('aria-pressed', btn.classList.contains('is-active') ? 'true' : 'false'); on(btn, 'click', function () { for (var k = 0; k < tabs.length; k++) { tabs[k].classList.remove('is-active'); tabs[k].setAttribute('aria-pressed', 'false'); } btn.classList.add('is-active'); btn.setAttribute('aria-pressed', 'true'); apply(btn.getAttribute('data-bz-tab') || ''); }); })(tabs[t]); } } // ---------------- Galeri sayfası: paket fotoğrafları (GERÇEK /api/listings) ---------------- function initGalleryPackages() { var grid = $('bz-gal-pkg'); var sec = $('bz-gal-pkg-sec'); if (!grid || !sec) return; fetchListings() .then(function (list) { var tiles = []; for (var i = 0; i < list.length; i++) { var p = list[i]; var imgs = (p.images && p.images.length) ? p.images : (p.img ? [p.img] : []); for (var j = 0; j < imgs.length && j < 4; j++) tiles.push({ src: imgs[j], cap: p.title || '' }); if (tiles.length >= 16) break; } if (!tiles.length) return; clear(grid); for (var k = 0; k < tiles.length; k++) { (function (tile) { var btn = document.createElement('button'); btn.type = 'button'; btn.className = 'bz-gal-item'; btn.setAttribute('data-bz-gal', tile.src); btn.setAttribute('aria-label', (tile.cap || 'Paket fotoğrafı') + ' — büyüt'); var im = document.createElement('img'); im.src = tile.src; im.alt = tile.cap; im.loading = 'lazy'; btn.appendChild(im); var zoom = document.createElement('span'); zoom.className = 'bz-gal-zoom-ic'; zoom.innerHTML = IC_ZOOM; btn.appendChild(zoom); if (tile.cap) { var cap = document.createElement('span'); cap.className = 'bz-gal-cap'; cap.textContent = tile.cap; btn.appendChild(cap); } grid.appendChild(btn); })(tiles[k]); } sec.style.display = ''; bindGalleryGrid(grid); }) .catch(function () {}); } // ---------------- Dinamik yolda (/paket/) boş bırakılan _page/_back alanlarını doldur ---------------- function fillFormPagePaths() { var path = window.location.pathname || '/'; var pages = qsa('input[name="_page"]'); for (var i = 0; i < pages.length; i++) { if (!pages[i].value) pages[i].value = path; } var backs = qsa('input[name="_back"]'); for (var j = 0; j < backs.length; j++) { if (!backs[j].value) backs[j].value = path; } } // ---------------- Formlar — GERÇEK POST /api/form (multipart); 3xx yönlendirmesi de başarı sayılır ---------------- function wireForm(formId, msgId, successText) { var form = $(formId); if (!form) return; var msg = $(msgId); on(form, 'submit', function (e) { e.preventDefault(); var btn = form.querySelector('button[type="submit"]'); if (btn) btn.disabled = true; if (msg) { msg.className = 'bz-form-msg'; msg.textContent = ''; } var fd = new FormData(form); fetch('/api/form', { method: 'POST', body: fd }) .then(function (res) { var ok = res.ok || res.redirected || (res.status >= 200 && res.status < 400); if (!ok) throw new Error('form-failed'); if (msg) { msg.className = 'bz-form-msg is-ok'; msg.textContent = successText; } var keep = form.querySelector('input[name="paket"]'); var keepVal = keep ? keep.value : null; form.reset(); if (keep && keepVal !== null) keep.value = keepVal; }) .catch(function () { if (msg) { msg.className = 'bz-form-msg is-err'; msg.textContent = 'Gönderilemedi. Lütfen tekrar deneyin ya da bizi arayın.'; } }) .then(function () { if (btn) btn.disabled = false; }); }); } // ---------------- Tarih alanları: geçmiş bir gün seçilemesin ---------------- function initDateMin() { var dates = qsa('input[type="date"]'); if (!dates.length) return; var d = new Date(); var iso = d.getFullYear() + '-' + ('0' + (d.getMonth() + 1)).slice(-2) + '-' + ('0' + d.getDate()).slice(-2); for (var i = 0; i < dates.length; i++) { if (!dates[i].getAttribute('min')) dates[i].setAttribute('min', iso); } } initBrand(); initReviewAvatars(); initPhoneLinks(); initMapLinks(); initHours(); initMobileNav(); initDateMin(); initFeatured(); initPackages(); initDetail(); initGalleryTabs(); initGalleryPackages(); bindGalleryGrid($('bz-gal-grid')); bindGalleryGrid($('bz-home-gal')); fillFormPagePaths(); wireForm('bz-form', 'bz-form-msg', 'Teşekkürler! Talebiniz bize ulaştı. Tarih müsaitliğini kontrol edip en kısa sürede sizi arayacağız.'); wireForm('bz-book-form', 'bz-book-msg', 'Teşekkürler! Paket talebiniz alındı. Tarihi teyit etmek için sizi arayacağız.'); initReveal(); })();

Mekândan kareler

Organizasyon fotoğrafları

Salonu kendi gözünüzle görün