(function(){ if (window.__vizyonTplInit) return; window.__vizyonTplInit = true; document.documentElement.lang = 'tr'; var SITE = 'Vizyon Optik'; var IC_ARROW = ""; var IC_GLASSES = ""; var IC_CHECK = ""; var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; var DOW = ['PAZ','PZT','SAL','ÇAR','PER','CUM','CMT']; var GUN_AD = ['Pazar','Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi']; var AY_AD = ['Ocak','Şubat','Mart','Nisan','Mayıs','Haziran','Temmuz','Ağustos','Eylül','Ekim','Kasım','Aralık']; var HOUR_KEYS = ['mon','tue','wed','thu','fri','sat','sun']; var HOUR_LABELS = ['Pazartesi','Salı','Çarşamba','Perşembe','Cuma','Cumartesi','Pazar']; var JS_DAY_KEYS = ['sun','mon','tue','wed','thu','fri','sat']; 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){ while (el && el.firstChild) el.removeChild(el.firstChild); } function trim(s){ return String(s === undefined || s === null ? '' : s).replace(/^\s+|\s+$/g, ''); } function lower(s){ return trim(s).toLocaleLowerCase('tr'); } function esc(s){ s = (s === undefined || s === null) ? '' : String(s); return s.replace(/[&<>"']/g, function(c){ if (c === '&') return '&'; if (c === '<') return '<'; if (c === '>') return '>'; if (c === '"') return '"'; return '''; }); } function parsePrice(s){ var t = trim(s).replace(/[^0-9.,]/g, ''); if (!t) return null; t = t.replace(/\./g, '').replace(/,/g, '.'); var n = parseFloat(t); return isNaN(n) ? null : n; } function fmtTL(n){ n = Number(n) || 0; return n.toLocaleString('tr-TR') + ' ₺'; } function pad2(n){ n = String(n); return n.length < 2 ? '0' + n : n; } function fmtDate(d){ return d.getFullYear() + '-' + pad2(d.getMonth() + 1) + '-' + pad2(d.getDate()); } function addDays(d, n){ return new Date(d.getTime() + n * 86400000); } function tarihStr(d){ return d.getDate() + ' ' + AY_AD[d.getMonth()] + ' ' + d.getFullYear() + ', ' + GUN_AD[d.getDay()]; } function fetchJson(url, opts){ return fetch(url, opts).then(function(r){ return r.json(); }); } function postAccount(payload){ return fetchJson('/api/account', { method: 'POST', headers: { 'Content-Type': 'application/json' }, credentials: 'same-origin', body: JSON.stringify(payload) }); } // Giriş sonrası dönüş adresi: YALNIZ tek eğik çizgiyle başlayan site-içi yollara izin verilir. // "//baska-site.com" ve "/\evil" gibi protokolsüz dış adresler elenir → açık yönlendirme yok. function nextParam(){ var raw = new URLSearchParams(location.search).get('next') || ''; // Tarayıcı URL ayrıştırıcısı kontrol karakterlerini siler: "/\t/evil.com" → "//evil.com". raw = raw.replace(/[\u0000-\u0020\u007f]/g, ''); return /^\/(?![\/\\])/.test(raw) ? raw : '/panel'; } function svgNode(markup){ var box = document.createElement('span'); box.innerHTML = markup; return box.firstChild; } // ---------------- İletişim bağlantıları / boş kiracı verisi koruması ---------------- function toMsisdn(raw){ var d = trim(raw).replace(/[^0-9]/g, ''); 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; } function initContactLinks(){ qsa('[data-vz-tel]').forEach(function(el){ var val = toMsisdn(el.getAttribute('data-vz-tel')); if (val) el.setAttribute('href', 'tel:+' + val); else el.hidden = true; }); qsa('[data-vz-mail]').forEach(function(el){ var val = trim(el.getAttribute('data-vz-mail')); if (val) el.setAttribute('href', 'mailto:' + val); else el.hidden = true; }); qsa('[data-vz-need]').forEach(function(el){ if (!trim(el.getAttribute('data-vz-need'))) el.hidden = true; }); } // ---------------- Randevu yapılandırması (tek sefer) — saatler + sihirbaz aynı yanıtı kullanır ---- var cfgPromise = null; function fetchBookingCfg(){ if (!cfgPromise) cfgPromise = fetchJson('/api/booking', { credentials: 'same-origin' }).catch(function(){ return null; }); return cfgPromise; } var minePromise = null; function fetchMine(){ if (!minePromise) minePromise = fetchJson('/api/booking/mine', { credentials: 'same-origin' }).catch(function(){ return null; }); return minePromise; } // ---------------- Çalışma saatleri — SERT KODLU DEĞİL: /api/booking cfg.hours'tan gelir ---------- // Veri yoksa (randevu modülü kapalı ya da hiç saat girilmemiş) saat blokları GÖSTERİLMEZ. function fmtWindow(v){ var m = /^(\d{2}:\d{2})-(\d{2}:\d{2})$/.exec(trim(v)); return m ? (m[1] + ' – ' + m[2]) : ''; } function initHours(){ var cards = qsa('[data-vz-hours-card]'); var lines = qsa('[data-vz-hours-line]'); if (!cards.length && !lines.length) return; fetchBookingCfg().then(function(cfg){ var hours = (cfg && cfg.ok && cfg.hours) ? cfg.hours : null; if (!hours) return; var any = false; for (var i = 0; i < HOUR_KEYS.length; i++){ if (fmtWindow(hours[HOUR_KEYS[i]])) { any = true; break; } } if (!any) return; var todayKey = JS_DAY_KEYS[new Date().getDay()]; qsa('[data-vz-hours]').forEach(function(list){ clear(list); for (var i = 0; i < HOUR_KEYS.length; i++){ var win = fmtWindow(hours[HOUR_KEYS[i]]); var row = document.createElement('div'); row.className = 'vz-hours-row' + (HOUR_KEYS[i] === todayKey ? ' is-today' : ''); var k = document.createElement('span'); k.textContent = HOUR_LABELS[i]; var v = document.createElement('span'); v.textContent = win || 'Kapalı'; row.appendChild(k); row.appendChild(v); list.appendChild(row); } }); var todayWin = fmtWindow(hours[todayKey]); lines.forEach(function(el){ var slot = el.querySelector('[data-vz-hours-text]'); if (slot) slot.textContent = todayWin ? ('Bugün ' + todayWin) : 'Bugün kapalı'; el.hidden = false; }); cards.forEach(function(el){ el.hidden = false; }); }); } // ---------------- Header: giriş durumu (oturum açıksa "Hesabım") ---------------- function initHeader(){ fetchMine().then(function(d){ if (d && d.ok && d.auth){ qsa('[data-vz-auth-slot]').forEach(function(slot){ slot.innerHTML = '' + esc(d.name || 'Hesabım') + ''; }); } }); } // ---------------- Mobil hamburger (ESC · dışarı tıklama · resize kapatır) ---------------- function initMobileNav(){ var burger = $('vz-burger'); var nav = $('vz-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){ if (e && e.stopPropagation) e.stopPropagation(); if (nav.classList.contains('open')) closeNav(); else openNav(); }); on(nav, 'click', function(e){ var link = e.target.closest ? e.target.closest('a') : null; if (link) 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(); burger.focus(); } } }); // CSS'teki hamburger eşiği 1040px → 1041 ve üstünde menü yeniden yatay olur. window.addEventListener('resize', function(){ if (window.innerWidth >= 1041) closeNav(); }); } // ---------------- Vitrin 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; } function productCard(p){ var a = document.createElement('a'); a.className = 'vz-prod-card'; a.href = '/urun/' + encodeURIComponent(p.id || ''); var media = document.createElement('div'); media.className = 'vz-prod-media'; if (trim(p.img)){ var img = document.createElement('img'); img.className = 'vz-prod-img'; img.src = p.img; img.alt = trim(p.title); img.loading = 'lazy'; media.appendChild(img); } else { var ph = document.createElement('div'); ph.className = 'vz-prod-noimg'; ph.appendChild(svgNode(IC_GLASSES)); media.appendChild(ph); } if (trim(p.tag)){ var tag = document.createElement('span'); tag.className = 'vz-prod-tag'; tag.textContent = p.tag; media.appendChild(tag); } a.appendChild(media); var body = document.createElement('div'); body.className = 'vz-prod-body'; var name = document.createElement('h3'); name.className = 'vz-prod-name'; name.textContent = trim(p.title); body.appendChild(name); var specs = document.createElement('div'); specs.className = 'vz-prod-specs'; specs.textContent = trim(p.specs) || trim(p.area); body.appendChild(specs); if (trim(p.desc)){ var desc = document.createElement('p'); desc.className = 'vz-prod-desc'; desc.textContent = p.desc; body.appendChild(desc); } var foot = document.createElement('div'); foot.className = 'vz-prod-foot'; var price = document.createElement('span'); price.className = 'vz-prod-price'; price.textContent = trim(p.price) || 'Fiyat için arayın'; var cta = document.createElement('span'); cta.className = 'vz-prod-cta'; cta.appendChild(document.createTextNode('İncele')); cta.appendChild(svgNode(IC_ARROW)); foot.appendChild(price); foot.appendChild(cta); body.appendChild(foot); a.appendChild(body); return a; } function renderProducts(container, list, emptyHtml){ if (!container) return; clear(container); if (!list.length){ var empty = document.createElement('div'); empty.className = 'vz-empty'; empty.innerHTML = emptyHtml || 'Vitrinimiz şu anda güncelleniyor. Aradığınız model için bizi arayabilirsiniz.'; container.appendChild(empty); return; } for (var i = 0; i < list.length; i++) container.appendChild(productCard(list[i])); } function gridError(container){ if (!container) return; clear(container); var err = document.createElement('div'); err.className = 'vz-empty'; err.innerHTML = 'Vitrin şu anda yüklenemedi. Lütfen sayfayı yenileyin ya da bizi arayın.'; container.appendChild(err); } function initFeatured(){ var grid = $('vz-featured-grid'); if (!grid) return; fetchListings().then(function(list){ renderProducts(grid, list.slice(0, 4), 'Vitrinimiz şu anda güncelleniyor. Aradığınız modeli bize sorun →'); }).catch(function(){ gridError(grid); }); } // ---------------- Vitrin sayfası: arama + kategori (listing.area) + sıralama ---------------- var PS = { all: [], q: '', kat: '', sort: '' }; function haystack(p){ return lower([p.title, p.tag, p.specs, p.area, p.desc].join(' ')); } function applyFilters(){ var grid = $('vz-products-grid'); if (!grid) return; var terms = trim(PS.q) ? lower(PS.q).split(/\s+/) : []; var out = PS.all.filter(function(p){ if (PS.kat && trim(p.area) !== PS.kat) 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' || PS.sort === 'za'){ out = out.slice().sort(function(a, b){ var r = lower(a.title).localeCompare(lower(b.title), 'tr'); return PS.sort === 'az' ? r : -r; }); } renderProducts(grid, out, 'Bu kriterlere uyan bir model vitrinimizde görünmüyor. Aradığınızı bize sorun →'); var count = $('vz-count'); if (count){ clear(count); var b = document.createElement('b'); b.textContent = String(out.length); count.appendChild(b); count.appendChild(document.createTextNode(' ürün listeleniyor' + (PS.all.length && out.length !== PS.all.length ? ' (toplam ' + PS.all.length + ')' : ''))); } } function fillKatOptions(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 initProducts(){ var grid = $('vz-products-grid'); if (!grid) return; var params = new URLSearchParams(window.location.search); var qInput = $('vz-f-q'), katSel = $('vz-f-kat'), sortSel = $('vz-f-sort'); PS.q = params.get('q') || ''; if (qInput) qInput.value = PS.q; on(qInput, 'input', function(){ PS.q = qInput.value || ''; applyFilters(); }); on(katSel, 'change', function(){ PS.kat = katSel.value || ''; applyFilters(); }); on(sortSel, 'change', function(){ PS.sort = sortSel.value || ''; applyFilters(); }); fetchListings().then(function(list){ PS.all = list; fillKatOptions(katSel, list); // ?kat= kiracının kategorisiyle birebir eşleşiyorsa seçili gelir; eşleşmiyorsa serbest ARAMA // terimine çevrilir → kısayol linkleri ÖLÜ kalmaz, anlamlı sonuç üretir. var pk = trim(params.get('kat') || ''); if (pk && katSel){ var matched = false; for (var i = 0; i < katSel.options.length; i++){ if (katSel.options[i].value && lower(katSel.options[i].value) === lower(pk)){ katSel.value = katSel.options[i].value; PS.kat = katSel.value; matched = true; break; } } if (!matched && !PS.q){ PS.q = pk; if (qInput) qInput.value = pk; } } applyFilters(); }).catch(function(){ gridError(grid); }); } // ---------------- Ürün detayı ---------------- function detailNotFound(){ var l = $('vz-d-loading'); if (l) l.hidden = true; var b = $('vz-d-body'); if (b) b.hidden = true; var nf = $('vz-d-notfound'); if (nf) nf.hidden = false; } function setText(id, text, hideIfEmpty){ var el = $(id); if (!el) return; var v = trim(text); el.textContent = v; if (hideIfEmpty) el.hidden = !v; } function renderChips(container, specs){ if (!container) return; clear(container); var raw = trim(specs); if (!raw){ container.hidden = true; 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 = 'vz-chip'; chip.textContent = t; container.appendChild(chip); } container.hidden = !container.children.length; } 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.hidden = true; if (heading) heading.hidden = true; return; } container.hidden = false; if (heading) heading.hidden = false; for (var i = 0; i < list.length; i++){ var row = document.createElement('div'); row.className = 'vz-feat'; row.appendChild(svgNode(IC_CHECK)); row.appendChild(document.createTextNode(String(list[i]))); container.appendChild(row); } } function renderGallery(images, title){ var main = $('vz-d-img'), noimg = $('vz-d-noimg'), thumbs = $('vz-d-thumbs'); var imgs = Array.isArray(images) ? images.filter(Boolean) : []; if (!imgs.length){ if (main){ main.removeAttribute('src'); main.hidden = true; } if (noimg) noimg.hidden = false; if (thumbs) thumbs.hidden = true; return; } function show(i){ if (main){ main.src = imgs[i]; main.alt = title; main.hidden = false; } if (noimg) noimg.hidden = true; qsa('.vz-gal-thumb', thumbs).forEach(function(t, k){ t.classList.toggle('is-active', k === i); t.setAttribute('aria-current', k === i ? 'true' : 'false'); }); } if (thumbs){ clear(thumbs); if (imgs.length > 1){ thumbs.hidden = false; imgs.forEach(function(src, idx){ var th = document.createElement('button'); th.type = 'button'; th.className = 'vz-gal-thumb'; th.setAttribute('aria-label', (idx + 1) + '. görsel'); var im = document.createElement('img'); im.src = src; im.alt = title + ' — görsel ' + (idx + 1); im.loading = 'lazy'; th.appendChild(im); on(th, 'click', function(){ show(idx); }); thumbs.appendChild(th); }); } else { thumbs.hidden = true; } } show(0); } function applyProduct(p, all){ if (trim(p.title)){ try { document.title = p.title + ' — ' + SITE; } catch (e) {} } setText('vz-d-crumb', p.title); setText('vz-d-tag', p.tag, true); setText('vz-d-title', p.title); setText('vz-d-sub', p.area, true); setText('vz-d-price', trim(p.price) || 'Fiyat için bizi arayın'); renderChips($('vz-d-chips'), p.specs); var desc = $('vz-d-desc'); if (desc) desc.textContent = trim(p.desc) || 'Bu model mağazamızda bulunmaktadır. Yüzünüze uyup uymadığını denemeden anlamak zor olduğu için, uğrayıp takmanızı öneririz. Reçetenize uygun cam seçeneklerini birlikte değerlendirebiliriz.'; renderFeatures($('vz-d-feats'), 'vz-d-feat-h', p.features); renderGallery((p.images && p.images.length) ? p.images : (trim(p.img) ? [p.img] : []), trim(p.title) || SITE); var urun = $('vz-o-urun'); if (urun) urun.value = trim(p.title); var loading = $('vz-d-loading'); if (loading) loading.hidden = true; var nf = $('vz-d-notfound'); if (nf) nf.hidden = true; var body = $('vz-d-body'); if (body) body.hidden = false; var related = $('vz-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); }); renderProducts(related, same.concat(other).slice(0, 4), 'Yakında yeni modeller eklenecek. Aradığınızı bize sorun →'); } initContactLinks(); } function initDetail(){ if (!$('vz-detail-root')) return; var m = (window.location.pathname || '').match(/\/urun\/([^\/?#]+)/); 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){ applyProduct(found, list); return null; } 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) applyProduct(j.listing, list); else detailNotFound(); }); }).catch(detailNotFound); } // ---------------- Formlar — GERÇEK POST /api/form (multipart); 303 yönlendirmesi başarı sayılır ---- function fillFormPagePaths(){ var path = window.location.pathname || '/'; qsa('input[name="_page"]').forEach(function(el){ if (!el.value) el.value = path; }); qsa('input[name="_back"]').forEach(function(el){ if (!el.value) el.value = path; }); } function validateForm(form){ var fields = qsa('[required]', form); for (var i = 0; i < fields.length; i++){ var f = fields[i]; if (f.type === 'checkbox'){ if (!f.checked) return false; continue; } var v = trim(f.value); if (!v) return false; if (f.type === 'email' && !EMAIL_RE.test(v)) return false; } return true; } function wireForm(formId, msgId, successText){ var form = $(formId); if (!form) return; var msg = $(msgId); on(form, 'submit', function(e){ e.preventDefault(); if (msg){ msg.className = 'vz-form-msg'; msg.textContent = ''; } if (!validateForm(form)){ if (msg){ msg.className = 'vz-form-msg is-err'; msg.textContent = 'Lütfen zorunlu alanları eksiksiz ve geçerli biçimde doldurun.'; } return; } var btn = form.querySelector('button[type="submit"]'); if (btn) btn.disabled = true; fetch('/api/form', { method: 'POST', body: new FormData(form) }).then(function(res){ var ok = res.ok || res.redirected || res.type === 'opaqueredirect' || (res.status >= 200 && res.status < 400); if (!ok) throw new Error('form-failed'); if (msg){ msg.className = 'vz-form-msg is-ok'; msg.textContent = successText; } var keep = form.querySelector('input[name="urun"]'); var keepVal = keep ? keep.value : null; form.reset(); if (keep && keepVal !== null) keep.value = keepVal; }).catch(function(){ if (msg){ msg.className = 'vz-form-msg is-err'; msg.textContent = 'Gönderilemedi. Lütfen tekrar deneyin ya da bizi telefonla arayın.'; } }).then(function(){ if (btn) btn.disabled = false; }); }); } // ---------------- Randevu sihirbazı (hizmet → optisyen → gün/saat → onay) ---------------- function initRandevu(){ var headEl = $('rvHead'); var bodyEl = $('rvBody'); var backEl = $('rvBack'); if (!bodyEl || !headEl || !backEl) return; var TITLES = { service: 'Hizmet türünü seçin', expert: 'Optisyeninizi seçin', datetime: 'Gün ve saat seçin', confirm: 'Bilgileri onaylayın' }; var ST = { services: [], experts: [], visExperts: [], deposit: { enabled: false, amount: 0 }, hasExpert: false, stepKeys: ['service', 'expert', 'datetime', 'confirm'], step: 1, service: null, expert: null, expertAny: false, dateIdx: 0, time: null, days: [], daySlots: [], done: false, failMsg: '', depositAtSalon: false, form: { name: '', email: '', phone: '', note: '' } }; function expertsFor(service){ var all = ST.experts || []; var cat = service && service.category ? service.category : ''; if (!cat) return all; var f = all.filter(function(u){ return !u.categories || !u.categories.length || u.categories.indexOf(cat) !== -1; }); return f.length ? f : all; } function syncSteps(){ ST.visExperts = expertsFor(ST.service); ST.hasExpert = ST.visExperts.length > 0; ST.stepKeys = ST.hasExpert ? ['service', 'expert', 'datetime', 'confirm'] : ['service', 'datetime', 'confirm']; if (ST.expert){ var stillOk = false; for (var i = 0; i < ST.visExperts.length; i++){ if (ST.visExperts[i].name === ST.expert.name){ stillOk = true; break; } } if (!stillOk){ ST.expert = null; ST.expertAny = ST.hasExpert; } } if (!ST.hasExpert){ ST.expert = null; ST.expertAny = false; } } on(backEl, 'click', function(){ if (ST.step > 1){ ST.step -= 1; render(); } }); // Onay adımındaki alanlar her render'da yeniden basıldığı için değerler ST.form'da tutulur. on(bodyEl, 'input', function(e){ var t = e.target; if (!t || !t.id) return; if (t.id === 'rvName') ST.form.name = t.value; else if (t.id === 'rvEmail') ST.form.email = t.value; else if (t.id === 'rvPhone') ST.form.phone = t.value; else if (t.id === 'rvNote') ST.form.note = t.value; }); on(bodyEl, 'click', function(e){ var el = e.target.closest ? e.target.closest('[data-action]') : null; if (!el) return; var action = el.getAttribute('data-action'); if (action === 'pick-service'){ ST.service = ST.services[parseInt(el.getAttribute('data-idx'), 10)]; syncSteps(); ST.step += 1; render(); } else if (action === 'pick-expert'){ ST.expert = ST.visExperts[parseInt(el.getAttribute('data-idx'), 10)]; ST.expertAny = false; ST.step += 1; render(); } else if (action === 'pick-any-expert'){ ST.expert = null; ST.expertAny = true; ST.step += 1; render(); } else if (action === 'pick-date'){ var di = parseInt(el.getAttribute('data-idx'), 10); if (!(ST.daySlots[di] || []).length) return; ST.dateIdx = di; ST.time = null; render(); } else if (action === 'pick-time'){ ST.time = el.getAttribute('data-time'); ST.step += 1; render(); } else if (action === 'submit'){ submitBooking(); } }); function renderError(msg){ headEl.hidden = true; backEl.hidden = true; bodyEl.innerHTML = '

' + esc(msg || 'Randevu sistemi şu anda kullanılamıyor.') + '

'; } function row(k, v){ return '

' + esc(k) + '' + esc(v) + '

'; } function field(id, label, ph, ac, multiline, val){ val = val || ''; var input = multiline ? '' : ''; return '

' + esc(label) + '' + input + '

'; } function renderServiceStep(){ var html = '

'; for (var i = 0; i < ST.services.length; i++){ var s = ST.services[i]; var sel = ST.service && ST.service.name === s.name; html += ''; } html += '

'; html += '

Reçeteniz varsa yanınızda getirmenizi rica ederiz; cam seçeneklerini birlikte değerlendirebiliriz.

'; return html; } function renderExpertStep(){ var html = '

'; html += ''; for (var i = 0; i < ST.visExperts.length; i++){ var u = ST.visExperts[i]; var sel = !ST.expertAny && ST.expert && ST.expert.name === u.name; html += ''; } html += '

'; html += '

Belirli bir optisyenle çalışmak istemiyorsanız "Fark etmez" diyebilirsiniz.

'; return html; } function renderDatetimeStep(){ var html = '

'; for (var i = 0; i < ST.days.length; i++){ var d = ST.days[i]; var slots = ST.daySlots[i] || []; var closed = slots.length === 0; var sel = i === ST.dateIdx; var cls = 'vz-date-chip' + (sel ? ' sel' : '') + (closed && !sel ? ' closed' : ''); // 0 slot KAPALI gün de olabilir, dolu gün de → "Dolu" demek yanıltıcı olur. var durum = closed ? 'Uygun değil' : (slots.length + ' boş'); html += ''; } html += '

'; var selDate = ST.days[ST.dateIdx]; html += '

Uygun saatler · ' + esc(tarihStr(selDate)) + '

'; var daySlots = ST.daySlots[ST.dateIdx] || []; if (!daySlots.length){ html += '

Bu gün için uygun saat yok (kapalı ya da tüm saatler dolu olabilir). Lütfen başka bir gün seçin.

'; } else { html += '

'; for (var j = 0; j < daySlots.length; j++){ var sl = daySlots[j]; var selT = ST.time === sl.time; html += ''; } html += '

Yalnızca seçtiğiniz hizmetin süresine uyan boş saatler listelenir.

'; } return html; } function renderConfirmStep(){ var s = ST.service, e = ST.expert, d = ST.days[ST.dateIdx], t = ST.time; var price = s && s.price ? s.price : 0; var depOn = !!(ST.deposit && ST.deposit.enabled && ST.deposit.amount > 0); var depAmt = depOn ? ST.deposit.amount : 0; var kalan = Math.max(0, price - depAmt); var html = '

'; html += '

İletişim Bilgileri

' + field('rvName', 'Ad Soyad', 'Adınız Soyadınız', 'name', false, ST.form.name) + field('rvEmail', 'E-posta', 'ornek@eposta.com', 'email', false, ST.form.email) + field('rvPhone', 'Telefon', '05xx xxx xx xx', 'tel', false, ST.form.phone) + field('rvNote', 'Not (isteğe bağlı)', 'Reçeteniz var mı, aklınızda bir model var mı — kısaca yazabilirsiniz.', '', true, ST.form.note) + '

'; html += '

Özet

' + row('Hizmet', s ? s.name : '') + (ST.hasExpert ? row('Optisyen', (ST.expertAny || !e) ? 'Fark etmez' : e.name) : '') + row('Tarih', tarihStr(d)) + row('Saat', t || '') + '

' + row('Hizmet ücreti', price ? fmtTL(price) : 'Ücretsiz ya da seçiminize göre belirlenir'); if (depOn){ html += '

Şimdi ödenecek ön ödeme' + fmtTL(depAmt) + '

' + row('Mağazada ödenecek', fmtTL(kalan)); } html += '

'; html += '

'; if (depOn){ html += '

Ön Ödeme

Randevu saatinizi güvence altına almak için ' + fmtTL(depAmt) + ' ön ödeme alınır. Onayın ardından güvenli ödeme sayfasına yönlendirilirsiniz; ödeme mağazada tahsil edilecekse bu da onay ekranında belirtilir.

'; } else { html += '

Randevu Onayı

Bu randevu için ön ödeme alınmaz. Onaylayın; saatiniz sizin adınıza ayrılsın.

'; } html += ''; html += '

Randevu; ön değerlendirme ve gözlük danışmanlığı içindir. Göz muayenesi, tanı ya da reçete yerine geçmez.

'; html += '

'; return html + '

'; } function renderDoneHtml(){ var s = ST.service, e = ST.expert; var atSalon = !!ST.depositAtSalon; var html = '

' + '' + IC_CHECK + '' + '

' + (atSalon ? 'Randevu Talebiniz Alındı' : 'Randevunuz Onaylandı') + '

' + '

Mağazamızda buluşalım.

'; if (s){ var d = ST.days[ST.dateIdx], t = ST.time; html += '

' + esc(s.name) + (ST.hasExpert && e ? ' · ' + esc(e.name) : '') + '

' + '

' + esc(tarihStr(d)) + ' · ' + esc(t || '') + '

'; if (atSalon){ html += '

Ön ödemeniz randevu günü mağazada tahsil edilecektir.

'; } html += '

Varsa geçerli göz reçetenizi ve hâlihazırda kullandığınız gözlüğünüzü yanınızda getirmenizi rica ederiz.

'; } else { html += '

Ön ödemeniz alındı, randevunuz onaylandı.

'; } html += '

' + 'Randevularım' + 'Çerçeveleri Gör' + '

'; return html; } function render(){ if (ST.done){ headEl.hidden = true; backEl.hidden = true; bodyEl.innerHTML = renderDoneHtml(); return; } headEl.hidden = false; var key = ST.stepKeys[ST.step - 1]; var stepNoEl = $('rvStepNo'); var stepTitleEl = $('rvStepTitle'); if (stepNoEl) stepNoEl.textContent = String(ST.step); if (stepTitleEl) stepTitleEl.textContent = TITLES[key] || ''; var barEl = $('rvBar'); if (barEl){ var barHtml = ''; for (var i = 0; i < ST.stepKeys.length; i++){ barHtml += ''; } barEl.innerHTML = barHtml; } backEl.hidden = ST.step <= 1; var html = ''; if (ST.failMsg){ html += '

' + esc(ST.failMsg) + '

'; } if (key === 'service') html += renderServiceStep(); else if (key === 'expert') html += renderExpertStep(); else if (key === 'datetime') html += renderDatetimeStep(); else if (key === 'confirm') html += renderConfirmStep(); bodyEl.innerHTML = html; } function submitBooking(){ var msgEl = $('rvMsg'); var name = trim((($('rvName') || {}).value) || ''); var email = trim((($('rvEmail') || {}).value) || ''); var phone = trim((($('rvPhone') || {}).value) || ''); var note = trim((($('rvNote') || {}).value) || ''); ST.form.name = name; ST.form.email = email; ST.form.phone = phone; ST.form.note = note; if (!name || !EMAIL_RE.test(email)){ if (msgEl) msgEl.innerHTML = '

Lütfen ad soyad ve geçerli bir e-posta girin.

'; return; } var btn = bodyEl.querySelector('[data-action="submit"]'); if (btn) btn.setAttribute('disabled', 'disabled'); var d = ST.days[ST.dateIdx]; var payload = { service: ST.service ? ST.service.name : '', staff: ST.expert ? ST.expert.name : '', category: ST.service ? (ST.service.category || '') : '', name: name, email: email, phone: phone, note: note, date: fmtDate(d), time: ST.time }; fetch('/api/booking', { method: 'POST', headers: { 'Content-Type': 'application/json' }, credentials: 'same-origin', body: JSON.stringify(payload) }).then(function(r){ return r.json(); }).then(function(data){ if (data && data.needLogin){ window.location.href = '/giris?next=' + encodeURIComponent('/randevu'); return; } if (data && data.ok){ if (data.needPay && data.redirect){ window.location.href = data.redirect; return; } ST.done = true; ST.depositAtSalon = !!data.depositAtSalon; render(); window.scrollTo(0, 0); } else { if (msgEl) msgEl.innerHTML = '

' + esc((data && data.error) || 'Randevu oluşturulamadı.') + '

'; if (btn) btn.removeAttribute('disabled'); } }).catch(function(){ if (msgEl) msgEl.innerHTML = '

Bağlantı hatası. Lütfen tekrar deneyin.

'; if (btn) btn.removeAttribute('disabled'); }); } var params = new URLSearchParams(window.location.search); if (params.get('done') === '1'){ ST.done = true; render(); return; } if (params.get('fail') === '1'){ ST.failMsg = 'Ödeme tamamlanamadı — lütfen tekrar deneyin.'; } fetchMine().then(function(d){ if (d && d.ok && d.auth && d.name && !ST.form.name){ ST.form.name = d.name; var nameEl = $('rvName'); if (nameEl && !nameEl.value) nameEl.value = d.name; } }); fetchBookingCfg().then(function(cfg){ if (!cfg || !cfg.ok){ renderError(cfg && cfg.error); return; } ST.services = cfg.services || []; ST.experts = cfg.experts || []; ST.deposit = cfg.deposit || { enabled: false, amount: 0 }; syncSteps(); var cfgNoteEl = $('rvCfgNote'); if (cfgNoteEl && cfg.note){ cfgNoteEl.textContent = cfg.note; cfgNoteEl.hidden = false; } if (!ST.services.length){ renderError('Şu anda çevrim içi randevu alınamıyor. Lütfen bizi telefonla arayın.'); return; } var today = new Date(); var days = []; for (var i = 0; i < 8; i++){ days.push(addDays(today, i)); } ST.days = days; Promise.all(days.map(function(d){ return fetchJson('/api/booking?date=' + encodeURIComponent(fmtDate(d)), { credentials: 'same-origin' }) .then(function(x){ return (x && x.slots) || []; }) .catch(function(){ return []; }); })).then(function(results){ ST.daySlots = results; var firstOpen = 0; for (var i = 0; i < days.length; i++){ if (results[i] && results[i].length > 0){ firstOpen = i; break; } } ST.dateIdx = firstOpen; render(); }); }); } // ---------------- Giriş / Kayıt / OTP ---------------- function initGiris(){ var tabGiris = $('authTabGiris'), tabKayit = $('authTabKayit'); var formGiris = $('formGiris'), formKayit = $('formKayit'), formOtp = $('formOtp'); if (!tabGiris || !tabKayit || !formGiris || !formKayit || !formOtp) return; var otpChallenge = null; function showTab(tab){ tabGiris.className = 'vz-auth-tab' + (tab === 'giris' ? ' active' : ''); tabKayit.className = 'vz-auth-tab' + (tab === 'kayit' ? ' active' : ''); tabGiris.setAttribute('aria-selected', tab === 'giris' ? 'true' : 'false'); tabKayit.setAttribute('aria-selected', tab === 'kayit' ? 'true' : 'false'); formGiris.hidden = tab !== 'giris'; formKayit.hidden = tab !== 'kayit'; formOtp.hidden = true; } on(tabGiris, 'click', function(){ showTab('giris'); }); on(tabKayit, 'click', function(){ showTab('kayit'); }); on(formGiris, 'submit', function(ev){ ev.preventDefault(); var btn = formGiris.querySelector('button[type="submit"]'); var email = trim($('logEmail').value), pw = $('logPassword').value; var msg = $('msgGiris'); msg.innerHTML = ''; if (!email || !pw){ msg.innerHTML = '

E-posta ve şifre gerekli.

'; return; } if (btn) btn.disabled = true; postAccount({ action: 'login', email: email, password: pw }).then(function(d){ if (d && d.ok){ window.location.href = nextParam(); return; } if (d && d.need2fa){ otpChallenge = d.challenge; formGiris.hidden = true; formKayit.hidden = true; formOtp.hidden = false; if (btn) btn.disabled = false; return; } msg.innerHTML = '

' + esc((d && d.error) || 'Giriş başarısız.') + '

'; if (btn) btn.disabled = false; }).catch(function(){ msg.innerHTML = '

Bağlantı hatası.

'; if (btn) btn.disabled = false; }); }); on(formKayit, 'submit', function(ev){ ev.preventDefault(); var btn = formKayit.querySelector('button[type="submit"]'); var name = trim($('regName').value), email = trim($('regEmail').value); var phone = trim($('regPhone').value), pw = $('regPassword').value; var msg = $('msgKayit'); msg.innerHTML = ''; if (!name || !EMAIL_RE.test(email) || !pw){ msg.innerHTML = '

Ad, geçerli e-posta ve şifre gerekli.

'; return; } if (btn) btn.disabled = true; postAccount({ action: 'register', email: email, password: pw, name: name, phone: phone }).then(function(d){ if (d && d.ok){ window.location.href = nextParam(); return; } msg.innerHTML = '

' + esc((d && d.error) || 'Kayıt başarısız.') + '

'; if (btn) btn.disabled = false; }).catch(function(){ msg.innerHTML = '

Bağlantı hatası.

'; if (btn) btn.disabled = false; }); }); on(formOtp, 'submit', function(ev){ ev.preventDefault(); var btn = formOtp.querySelector('button[type="submit"]'); var code = trim($('otpCode').value); var msg = $('msgOtp'); msg.innerHTML = ''; if (!code){ msg.innerHTML = '

Kod gerekli.

'; return; } if (btn) btn.disabled = true; postAccount({ action: 'otpVerify', challenge: otpChallenge, code: code }).then(function(d){ if (d && d.ok){ window.location.href = nextParam(); return; } msg.innerHTML = '

' + esc((d && d.error) || 'Kod hatalı.') + '

'; if (btn) btn.disabled = false; }).catch(function(){ msg.innerHTML = '

Bağlantı hatası.

'; if (btn) btn.disabled = false; }); }); } // ---------------- Panel — Randevularım ---------------- function initPanel(){ var body = $('panelBody'), titleEl = $('panelTitle'), actionsEl = $('panelActions'); if (!body) return; function apptCard(a){ var statusText, cls; if (a.status === 'cancelled'){ statusText = 'İPTAL EDİLDİ'; cls = 'vz-st-cancel'; } else if (a.past){ statusText = 'TAMAMLANDI'; cls = 'vz-st-past'; } else if (a.status === 'confirmed'){ statusText = 'ONAYLANDI'; cls = 'vz-st-on'; } else { statusText = 'BEKLEMEDE'; cls = 'vz-st-pending'; } var depText = (a.depositCents && a.depositCents > 0) ? ('Ön ödeme: ' + fmtTL(a.depositCents / 100) + (a.depositStatus === 'paid' ? ' ödendi' : ' bekleniyor')) : 'Ön ödeme yok'; var meta = a.staff ? (a.staff + ' · ' + (a.when || '')) : (a.when || ''); var cancelBtn = ''; if (a.status !== 'cancelled' && !a.past){ cancelBtn = ''; } return '

' + '' + esc(a.service || 'Randevu') + '' + '' + esc(meta) + '' + '' + esc(depText) + '' + '

' + statusText + '' + cancelBtn + '

'; } function renderGuest(){ if (titleEl) titleEl.textContent = 'Randevularım'; if (actionsEl) actionsEl.innerHTML = ''; body.innerHTML = '

Giriş yapmalısınız

Randevularınızı görüntülemek ve yönetmek için hesabınıza giriş yapın.

Giriş Yap

'; } function renderAuthed(d){ if (titleEl) titleEl.textContent = 'Merhaba, ' + (d.name || ''); if (actionsEl){ actionsEl.innerHTML = 'Yeni Randevu '; on($('logoutBtn'), 'click', function(){ postAccount({ action: 'logout' }).then(function(){ window.location.reload(); }); }); } var list = d.appointments || []; if (!list.length){ body.innerHTML = '

Henüz bir randevunuz görünmüyor.

'; return; } var html = '

'; for (var i = 0; i < list.length; i++){ html += apptCard(list[i]); } body.innerHTML = html + '

'; } function load(){ fetchJson('/api/booking/mine', { credentials: 'same-origin' }).then(function(d){ if (!d || !d.ok || !d.auth){ renderGuest(); return; } renderAuthed(d); }).catch(function(){ body.innerHTML = '

Bağlantı hatası — lütfen sayfayı yenileyin.

'; }); } on(body, 'click', function(e){ var el = e.target.closest ? e.target.closest('[data-action="cancel-appt"]') : null; if (!el) return; var id = el.getAttribute('data-id'); if (!id) return; if (!window.confirm('Bu randevuyu iptal etmek istediğinize emin misiniz?')) return; el.setAttribute('disabled', 'disabled'); el.textContent = '…'; fetch('/api/booking/cancel', { method: 'POST', headers: { 'Content-Type': 'application/json' }, credentials: 'same-origin', body: JSON.stringify({ id: id }) }).then(function(r){ return r.json(); }).then(function(j){ if (j && j.ok){ load(); return; } el.removeAttribute('disabled'); el.textContent = 'İptal Et'; window.alert((j && j.error) || 'Randevu iptal edilemedi.'); }).catch(function(){ el.removeAttribute('disabled'); el.textContent = 'İptal Et'; window.alert('Bağlantı hatası — lütfen tekrar deneyin.'); }); }); load(); } function boot(){ initContactLinks(); initHeader(); initMobileNav(); initHours(); fillFormPagePaths(); var root = document.querySelector('[data-vz-page]'); var page = root ? root.getAttribute('data-vz-page') : ''; if (page === 'home') initFeatured(); else if (page === 'urunler') initProducts(); else if (page === 'urun'){ initDetail(); wireForm('vz-ask-form', 'vz-ask-msg', 'Teşekkürler! Sorunuz bize ulaştı. Stok ve fiyat bilgisi için size dönüş yapacağız.'); } else if (page === 'iletisim') wireForm('vz-ct-form', 'vz-ct-out', 'Mesajınız bize ulaştı. Çalışma saatleri içinde size dönüş yapacağız.'); else if (page === 'randevu') initRandevu(); else if (page === 'giris') initGiris(); else if (page === 'panel') initPanel(); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot); else boot(); })();

Hesabınız