(function(){ if (window.__niluferTplInit) return; window.__niluferTplInit = true; document.documentElement.lang = 'tr'; 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']; 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 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) }); } function fetchSlots(dateStr){ return fetchJson('/api/booking?date=' + encodeURIComponent(dateStr), { credentials: 'same-origin' }) .then(function(d){ return (d && d.slots) || []; }) .catch(function(){ return []; }); } function nextParam() { // AÇIK YÖNLENDİRME KORUMASI: ?next= yalnız site-içi tek-eğik-çizgili yol olabilir. // Tarayıcı URL ayrıştırıcısı ters bölüyü "/" gibi işler ve kontrol karakterlerini siler: // "/\evil.com" ve "/\t/evil.com" ikisi de "//evil.com" olur → dış siteye kaçış. var n = (new URLSearchParams(location.search).get('next') || '').replace(/[\u0000-\u0020\u007f]/g, ''); return /^\/(?![\/\\])/.test(n) ? n : '/panel'; } // ---------------- İletişim bağlantıları / boş kiracı verisi koruması ---------------- // Telefon-e-posta-adres girilmemiş kiracılarda "tel:" / "mailto:" ölü linkleri, boş bilgi // satırları ve boş sorgulu harita gömüsü BASILMAZ (girilmişse tel: numarası normalize edilir). function toMsisdn(raw){ var d = String(raw === undefined || raw === null ? '' : 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(){ var els, i, val; els = document.querySelectorAll('[data-nl-tel]'); for (i = 0; i < els.length; i++){ val = toMsisdn(els[i].getAttribute('data-nl-tel')); if (val) els[i].setAttribute('href', 'tel:+' + val); else els[i].style.display = 'none'; } els = document.querySelectorAll('[data-nl-mail]'); for (i = 0; i < els.length; i++){ val = (els[i].getAttribute('data-nl-mail') || '').replace(/^\s+|\s+$/g, ''); if (val) els[i].setAttribute('href', 'mailto:' + val); else els[i].style.display = 'none'; } els = document.querySelectorAll('[data-nl-need]'); for (i = 0; i < els.length; i++){ val = (els[i].getAttribute('data-nl-need') || '').replace(/^\s+|\s+$/g, ''); if (!val) els[i].style.display = 'none'; } } // Oturum bilgisi tek sefer çekilir (header + randevu sihirbazı aynı yanıtı kullanır). var minePromise = null; function fetchMine(){ if (!minePromise) minePromise = fetchJson('/api/booking/mine', { credentials: 'same-origin' }).catch(function(){ return null; }); return minePromise; } // ---------------- Header: giriş durumu (oturum açıksa "Hesabım") ---------------- function initHeader(){ fetchMine().then(function(d){ if (d && d.ok && d.auth){ var slots = document.querySelectorAll('[data-nl-auth-slot]'); for (var i = 0; i < slots.length; i++){ slots[i].innerHTML = '' + esc(d.name || 'Hesabım') + ''; } } }).catch(function(){}); } // ---------------- Mobil hamburger (ESC · dışarı tıklama · resize kapatır) ---------------- function initMobileNav(){ var burger = document.getElementById('nl-burger'); var nav = document.getElementById('nl-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'); } burger.addEventListener('click', function(e){ if (e && e.stopPropagation) e.stopPropagation(); if (nav.classList.contains('open')) closeNav(); else openNav(); }); nav.addEventListener('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(); } } }); window.addEventListener('resize', function(){ if (window.innerWidth >= 941) closeNav(); }); } // ---------------- İletişim formu — GERÇEK POST /api/form (multipart FormData) ---------------- function initIletisim(){ var form = document.getElementById('nl-ct-form'); if (!form) return; var out = document.getElementById('nl-ct-out'); form.addEventListener('submit', function(e){ e.preventDefault(); var btn = form.querySelector('button[type="submit"]'); var name = (document.getElementById('nl-ct-name').value || '').trim(); var email = (document.getElementById('nl-ct-email').value || '').trim(); var phoneEl = document.getElementById('nl-ct-phone'); var phone = ((phoneEl && phoneEl.value) || '').trim(); var msg = (document.getElementById('nl-ct-msg').value || '').trim(); if (out){ out.className = 'nl-form-msg'; out.textContent = ''; } // Telefon alanı "*" ile zorunlu işaretli (form novalidate) → burada da doğrulanır. if (!name || !phone || !EMAIL_RE.test(email) || !msg){ if (out){ out.className = 'nl-form-msg is-err'; out.textContent = 'Lütfen ad soyad, telefon, geçerli bir e-posta ve mesajınızı girin.'; } return; } if (btn) btn.disabled = true; var fd = new FormData(form); fetch('/api/form', { method: 'POST', body: fd }).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 (out){ out.className = 'nl-form-msg is-ok'; out.textContent = 'Mesajınız bize ulaştı. En kısa sürede size dönüş yapacağız.'; } form.reset(); }).catch(function(){ if (out){ out.className = 'nl-form-msg is-err'; out.textContent = 'Bir sorun oluştu. Lütfen tekrar deneyin ya da bizi telefonla arayın.'; } }).then(function(){ if (btn) btn.disabled = false; }); }); } // ---------------- Randevu sihirbazı (uygulama → uzman → gün/saat → onay) ---------------- function initRandevu(){ var headEl = document.getElementById('rvHead'); var bodyEl = document.getElementById('rvBody'); var backEl = document.getElementById('rvBack'); if (!bodyEl) return; var TITLES = { service: 'Uygulamanızı seçin', expert: 'Uzmanınızı 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: '' } }; // Seçilen hizmetin kategorisinde çalışan uzmanlar (categories boş = tüm kategoriler). // Hiç eşleşme yoksa tüm kadro gösterilir (kiracı kategori girmemiş olabilir). 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; } // Uzman adımı seçilen hizmete göre yeniden kurulur; kadro hiç yoksa adım gösterilmez. 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; } } backEl.addEventListener('click', function(){ if (ST.step > 1){ ST.step -= 1; render(); } }); // Onay adımındaki iletişim alanları her render'da yeniden basıldığı için değerler ST.form'da // tutulur (Geri'ye basıp saati değiştiren ziyaretçi bilgilerini yeniden yazmak zorunda kalmaz). bodyEl.addEventListener('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; }); bodyEl.addEventListener('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.style.display = 'none'; backEl.style.display = 'none'; bodyEl.innerHTML = '

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

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

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

'; } // val: ST.form'da saklanan değer — adımlar arasında gidip gelirken alanlar boşalmaz. 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 += ''; } return html + '

'; } // Uzman kartları: yalnız seçilen hizmetin kategorisinde çalışanlar + "Fark etmez" seçeneği. 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 += '

'; if (ST.service && ST.service.name){ html += '

' + esc(ST.service.name) + ' uygulamasını yapan uzmanlar listelenir; seçim yapmak istemezseniz "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 = 'nl-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 += '

' + '' + DOW[d.getDay()] + '' + '' + d.getDate() + '' + '' + durum + '' + '

'; } 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 += '' + esc(sl.time) + ''; } html += '

Yalnızca uygulamaya uygun 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ı)', 'Hassasiyet, alerji ya da beklentinizi kısaca yazabilirsiniz.', '', true, ST.form.note) + '

'; html += '

Özet

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

' + row('Uygulama ücreti', price ? fmtTL(price) : 'Seans öncesi belirlenir'); if (depOn){ html += '

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

' + row('Salonda ö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 salonda tahsil edilecekse bu da onay ekranında belirtilir. Tutar, uygulama günü toplam ücretten düşülür.

' + ''; } else { html += '

Randevu Onayı

Bu uygulama için ön ödeme alınmaz. Randevunuzu onaylayın; saatiniz sizin adınıza ayrılsın.

' + ''; } html += '

'; return html + '

'; } function renderDoneHtml(){ var s = ST.service, e = ST.expert; var atSalon = !!ST.depositAtSalon; var badge = atSalon ? 'Randevu Talebiniz Alındı' : 'Randevunuz Onaylandı'; var html = '

' + '' + '

' + badge + '

' + '

Sizi ağırlamayı bekliyoruz.

'; 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 salonda tahsil edilecektir.

'; } } else { html += '

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

'; } html += '

' + 'Randevularım' + 'Ana Sayfa' + '

'; return html; } function render(){ if (ST.done){ headEl.style.display = 'none'; backEl.style.display = 'none'; bodyEl.innerHTML = renderDoneHtml(); return; } headEl.style.display = ''; var key = ST.stepKeys[ST.step - 1]; var stepNoEl = document.getElementById('rvStepNo'); var stepTitleEl = document.getElementById('rvStepTitle'); if (stepNoEl) stepNoEl.textContent = String(ST.step); if (stepTitleEl) stepTitleEl.textContent = TITLES[key] || ''; var barEl = document.getElementById('rvBar'); if (barEl){ var barHtml = ''; for (var i = 0; i < ST.stepKeys.length; i++){ barHtml += ''; } barEl.innerHTML = barHtml; } backEl.style.display = ST.step > 1 ? 'inline-flex' : 'none'; 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; } // Klavye erişilebilirliği: gün ve saat kutuları Enter/Space ile seçilir. bodyEl.addEventListener('keydown', function(e){ if (e.key !== 'Enter' && e.key !== ' ' && e.keyCode !== 13 && e.keyCode !== 32) return; var el = e.target.closest ? e.target.closest('[data-action="pick-date"],[data-action="pick-time"]') : null; if (!el) return; e.preventDefault(); el.click(); }); function submitBooking(){ var msgEl = document.getElementById('rvMsg'); var name = ((document.getElementById('rvName') || {}).value || '').trim(); var email = ((document.getElementById('rvEmail') || {}).value || '').trim(); var phone = ((document.getElementById('rvPhone') || {}).value || '').trim(); var note = ((document.getElementById('rvNote') || {}).value || '').trim(); 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.ok){ if (data.needLogin){ window.location.href = '/giris?next=' + encodeURIComponent('/randevu'); return; } 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 (data && data.needLogin){ window.location.href = '/giris?next=' + encodeURIComponent('/randevu'); return; } 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.'; } // Giriş yapmış ziyaretçinin adı onay adımına ön-doldurulur (alan boşsa). fetchMine().then(function(d){ if (d && d.ok && d.auth && d.name && !ST.form.name){ ST.form.name = d.name; var nameEl = document.getElementById('rvName'); if (nameEl && !nameEl.value) nameEl.value = d.name; } }).catch(function(){}); fetchJson('/api/booking', { credentials: 'same-origin' }).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(); // Panelden girilen randevu notu (kapora / kapalı gün bilgisi) ziyaretçiye gösterilir. var cfgNoteEl = document.getElementById('rvCfgNote'); if (cfgNoteEl && cfg.note){ cfgNoteEl.textContent = cfg.note; cfgNoteEl.style.display = 'block'; } 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 fetchSlots(fmtDate(d)); })).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(); }); }).catch(function(){ renderError('Bağlantı hatası — lütfen sayfayı yenileyin.'); }); } // ---------------- Giriş / Kayıt / OTP ---------------- function initGiris(){ var tabGiris = document.getElementById('authTabGiris'); var tabKayit = document.getElementById('authTabKayit'); var formGiris = document.getElementById('formGiris'); var formKayit = document.getElementById('formKayit'); var formOtp = document.getElementById('formOtp'); if (!tabGiris || !formGiris) return; var otpChallenge = null; function showTab(tab){ tabGiris.className = 'nl-auth-tab' + (tab === 'giris' ? ' active' : ''); tabKayit.className = 'nl-auth-tab' + (tab === 'kayit' ? ' active' : ''); tabGiris.setAttribute('aria-selected', tab === 'giris' ? 'true' : 'false'); tabKayit.setAttribute('aria-selected', tab === 'kayit' ? 'true' : 'false'); formGiris.style.display = tab === 'giris' ? 'flex' : 'none'; formKayit.style.display = tab === 'kayit' ? 'flex' : 'none'; formOtp.style.display = 'none'; } tabGiris.addEventListener('click', function(){ showTab('giris'); }); tabKayit.addEventListener('click', function(){ showTab('kayit'); }); formGiris.addEventListener('submit', function(ev){ ev.preventDefault(); var email = document.getElementById('logEmail').value.trim(); var pw = document.getElementById('logPassword').value; var msg = document.getElementById('msgGiris'); msg.innerHTML = ''; if (!email || !pw){ msg.innerHTML = '

E-posta ve şifre gerekli.

'; return; } 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.style.display = 'none'; formKayit.style.display = 'none'; formOtp.style.display = 'flex'; return; } msg.innerHTML = '

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

'; }).catch(function(){ msg.innerHTML = '

Bağlantı hatası.

'; }); }); formKayit.addEventListener('submit', function(ev){ ev.preventDefault(); var name = document.getElementById('regName').value.trim(); var email = document.getElementById('regEmail').value.trim(); var phone = document.getElementById('regPhone').value.trim(); var pw = document.getElementById('regPassword').value; var msg = document.getElementById('msgKayit'); msg.innerHTML = ''; if (!name || !email || !pw){ msg.innerHTML = '

Ad, e-posta ve şifre gerekli.

'; return; } 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.') + '

'; }).catch(function(){ msg.innerHTML = '

Bağlantı hatası.

'; }); }); formOtp.addEventListener('submit', function(ev){ ev.preventDefault(); var code = document.getElementById('otpCode').value.trim(); var msg = document.getElementById('msgOtp'); msg.innerHTML = ''; if (!code){ msg.innerHTML = '

Kod gerekli.

'; return; } 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ı.') + '

'; }).catch(function(){ msg.innerHTML = '

Bağlantı hatası.

'; }); }); } // ---------------- Panel — Randevularım ---------------- function initPanel(){ var body = document.getElementById('panelBody'); var titleEl = document.getElementById('panelTitle'); var actionsEl = document.getElementById('panelActions'); if (!body) return; function apptCard(a){ var statusText, cls; if (a.status === 'cancelled'){ statusText = 'İPTAL EDİLDİ'; cls = 'nl-st-cancel'; } else if (a.past){ statusText = 'TAMAMLANDI'; cls = 'nl-st-past'; } else if (a.status === 'confirmed'){ statusText = 'ONAYLANDI'; cls = 'nl-st-on'; } else { statusText = 'BEKLEMEDE'; cls = 'nl-st-pending'; } var depText; if (a.depositCents && a.depositCents > 0){ depText = 'Ön ödeme: ' + fmtTL(a.depositCents / 100) + (a.depositStatus === 'paid' ? ' ödendi' : ' bekleniyor'); } else { depText = 'Ö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 '; var lb = document.getElementById('logoutBtn'); if (lb) lb.addEventListener('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.

'; }); } body.addEventListener('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(){ initHeader(); initContactLinks(); initMobileNav(); var root = document.querySelector('[data-nl-page]'); if (!root) return; var page = root.getAttribute('data-nl-page'); if (page === 'randevu') initRandevu(); else if (page === 'giris') initGiris(); else if (page === 'panel') initPanel(); else if (page === 'iletisim') initIletisim(); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot); else boot(); })();

Bize ulaşın

Mesaj gönderin