(function(){ if (window.__kareTplInit) return; window.__kareTplInit = 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 []; }); } // Açık yönlendirme (open redirect) koruması: ?next= yalnızca TEK eğik çizgiyle başlayan site içi // yol olabilir; protokole göreli (//kotu-site.example) ve mutlak URL'ler reddedilip /panel'e düşülür. 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'; } // Telefon/e-posta: RFC 3966'ya uygun tel: URI (boşluksuz, +) kur; değer boşsa ölü // bağlantı/ikon kalmasın diye öğeyi gizle. function digitsOnly(s){ return String(s === undefined || s === null ? '' : s).replace(/[^0-9]/g, ''); } 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; } function initContactLinks(){ var tels = document.querySelectorAll('[data-kr-tel]'); for (var i = 0; i < tels.length; i++){ var msisdn = toMsisdn(tels[i].textContent); if (msisdn) tels[i].setAttribute('href', 'tel:+' + msisdn); } var hides = document.querySelectorAll('[data-kr-hide-empty]'); for (var j = 0; j < hides.length; j++){ if (!String(hides[j].textContent || '').replace(/\s/g, '')) hides[j].style.display = 'none'; } } // ---------------- Header: giriş durumu (oturum açıksa "Hesabım") ---------------- function initHeader(){ fetchJson('/api/booking/mine', { credentials: 'same-origin' }).then(function(d){ if (d && d.ok && d.auth){ var slots = document.querySelectorAll('[data-kr-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('kr-burger'); var nav = document.getElementById('kr-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(); }); } // ---------------- Portfolyo: filtre + EVRENSEL lightbox (window.vsGallery) ---------------- // Kendi lightbox'ımız YOK — motor her ham şablon sayfasına vsGallery enjekte eder. function initGallery(){ var grids = document.querySelectorAll('[data-kr-gallery]'); for (var g = 0; g < grids.length; g++){ (function(grid){ grid.addEventListener('click', function(e){ var btn = e.target.closest ? e.target.closest('[data-kr-shot]') : null; if (!btn || !grid.contains(btn)) return; var all = grid.querySelectorAll('[data-kr-shot]'); var list = [], idx = 0, n = 0; for (var i = 0; i < all.length; i++){ if (all[i].classList.contains('is-hidden')) continue; // filtreyle gizlenenler galeriye girmez var src = all[i].getAttribute('data-full') || ''; if (!src) continue; if (all[i] === btn) idx = n; list.push(src); n++; } if (!list.length) return; if (window.vsGallery) window.vsGallery.open(list, idx); }); })(grids[g]); } } function initFilters(){ var chips = document.querySelectorAll('[data-kr-filter]'); if (!chips.length) return; var grid = document.querySelector('[data-kr-gallery]'); var empty = document.getElementById('kr-empty'); if (!grid) return; function apply(key){ var shots = grid.querySelectorAll('[data-kr-shot]'); var shown = 0; for (var i = 0; i < shots.length; i++){ var ok = key === 'all' || shots[i].getAttribute('data-cat') === key; if (ok){ shots[i].classList.remove('is-hidden'); shown++; } else { shots[i].classList.add('is-hidden'); } } if (empty){ if (shown) empty.setAttribute('hidden', 'hidden'); else empty.removeAttribute('hidden'); } } for (var i = 0; i < chips.length; i++){ (function(chip){ chip.addEventListener('click', function(){ for (var j = 0; j < chips.length; j++){ chips[j].classList.remove('sel'); chips[j].setAttribute('aria-pressed', 'false'); } chip.classList.add('sel'); chip.setAttribute('aria-pressed', 'true'); apply(chip.getAttribute('data-kr-filter') || 'all'); }); })(chips[i]); } } // ---------------- İletişim formu — GERÇEK POST /api/form (multipart FormData) ---------------- function initIletisim(){ var form = document.getElementById('kr-ct-form'); if (!form) return; var out = document.getElementById('kr-ct-out'); form.addEventListener('submit', function(e){ e.preventDefault(); var btn = form.querySelector('button[type="submit"]'); var name = (document.getElementById('kr-ct-name').value || '').trim(); var email = (document.getElementById('kr-ct-email').value || '').trim(); var msg = (document.getElementById('kr-ct-msg').value || '').trim(); if (out){ out.className = 'kr-form-msg'; out.textContent = ''; } if (!name || !EMAIL_RE.test(email) || !msg){ if (out){ out.className = 'kr-form-msg is-err'; out.textContent = 'Lütfen ad soyad, 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 = 'kr-form-msg is-ok'; out.textContent = 'Mesajınız bize ulaştı. En geç ertesi iş günü dönüş yapacağız.'; } form.reset(); }).catch(function(){ if (out){ out.className = 'kr-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ı (çekim türü → fotoğrafçı → 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: 'Çekim türünü seçin', expert: 'Fotoğrafçınızı seçin', datetime: 'Gün ve saat seçin', confirm: 'Bilgileri onaylayın' }; var ST = { services: [], experts: [], deposit: { enabled: false, amount: 0 }, hasExpert: false, stepKeys: ['service', 'expert', 'datetime', 'confirm'], step: 1, service: null, expert: null, dateIdx: 0, time: null, days: [], daySlots: [], done: false, failMsg: '', depositAtSalon: false }; backEl.addEventListener('click', function(){ if (ST.step > 1){ ST.step -= 1; render(); } }); 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)]; ST.step += 1; render(); } else if (action === 'pick-expert'){ ST.expert = ST.experts[parseInt(el.getAttribute('data-idx'), 10)]; 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) + '

'; } function field(id, label, ph, ac, multiline){ 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 + '

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

'; for (var i = 0; i < ST.experts.length; i++){ var u = ST.experts[i]; var sel = ST.expert && ST.expert.name === u.name; html += ''; } 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] || []; // Slot sayısı 0 iki durumu birden kapsıyor: gün DOLU olabilir ya da stüdyo o gün KAPALI // olabilir (/api/booking config'i hours döndürmüyor, ayırt edemiyoruz). Bu yüzden "Dolu" // yerine nötr ifade kullanılır — kapalı Pazar gününe "Dolu" yazmak yanıltıcıydı. var closed = slots.length === 0; var sel = i === ST.dateIdx; var cls = 'kr-date' + (sel ? ' sel' : '') + (closed && !sel ? ' closed' : ''); var sub = closed ? 'Saat yok' : (slots.length + ' boş'); var lbl = tarihStr(d) + ' — ' + (closed ? 'uygun saat yok' : slots.length + ' boş saat'); html += '

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

'; } html += '

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

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

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

Bu tarihte uygun saat kalmadı. 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 seçtiğiniz çekim süresine uyan boş saatler listelenir. Dış çekimlerde saat, ışık koşullarına göre birlikte gözden geçirilebilir.

'; } 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) + field('rvEmail', 'E-posta', 'ornek@eposta.com', 'email', false) + field('rvPhone', 'Telefon', '05xx xxx xx xx', 'tel', false) + field('rvNote', 'Not (isteğe bağlı)', 'Mekân, kişi sayısı ya da aklınızdaki kadrajları kısaca yazabilirsiniz.', '', true) + '

'; html += '

Özet

' + row('Çekim türü', s ? s.name : '') + (ST.hasExpert ? row('Fotoğrafçı', e ? e.name : '') : '') + row('Tarih', tarihStr(d)) + row('Saat', t || '') + '

' + row('Çekim ücreti', price ? fmtTL(price) : 'Tanışma sonrası belirlenir'); if (depOn){ html += '

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

' + row('Çekim günü ödenecek', fmtTL(kalan)); } html += '

'; html += '

'; if (depOn){ html += '

Ön Ödeme

Tarihin sizin adınıza kapatılması için ' + fmtTL(depAmt) + ' ön ödeme alınır. Onayın ardından güvenli ödeme sayfasına yönlendirilirsiniz; ödeme stüdyoda tahsil edilecekse bu da onay ekranında belirtilir. Tutar, çekim günü toplam ücretten düşülür.

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

Randevu Onayı

Bu çekim türü için ön ödeme alınmaz. Randevunuzu onaylayın; tarih sizin adınıza ayrılsın. Kapsam ve fiyatı tanışma görüşmesinde birlikte netleştiririz.

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

' + '

Kamerayı hazırlıyoruz.

'; 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 stüdyoda tahsil edilecektir.

'; } html += '

Çekim planını ve kadraj listesini randevudan önce e-posta ile paylaşacağız.

'; } 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; } // ?hizmet= eşleştirme. Önce TAM eşitlik; tutmazsa normalize (küçük harf, parantezli sonek ve // noktalama atılır) karşılaştırma — panelden hizmet adı değişse de bağlantı sessizce bozulmasın. function normHizmet(s){ return String(s === undefined || s === null ? '' : s) .toLowerCase() .replace(/$[^)]*$/g, ' ') .replace(/[^0-9a-zçğıiöşü&]+/g, ' ') .replace(/\s+/g, ' ') .trim(); } function matchService(q){ var i; for (i = 0; i < ST.services.length; i++){ if (ST.services[i].name === q) return i; } var qn = normHizmet(q); if (!qn) return -1; for (i = 0; i < ST.services.length; i++){ var sn = normHizmet(ST.services[i].name); if (sn && (sn === qn || sn.indexOf(qn) === 0 || qn.indexOf(sn) === 0)) return i; } return -1; } // Giriş gerektiğinde seçilen hizmet kaybolmasın: /giris?next=/randevu?hizmet=... function girisUrl(){ var q = ST.service && ST.service.name ? ('?hizmet=' + encodeURIComponent(ST.service.name)) : ''; return '/giris?next=' + encodeURIComponent('/randevu' + q); } // 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(); 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 = girisUrl(); 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 = girisUrl(); 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.'; } 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 }; ST.hasExpert = ST.experts.length > 0; ST.stepKeys = ST.hasExpert ? ['service', 'expert', 'datetime', 'confirm'] : ['service', 'datetime', 'confirm']; if (!ST.services.length){ renderError('Şu anda çevrim içi randevu alınamıyor. Lütfen bizi telefonla arayın.'); return; } // Hizmet sayfalarındaki "Randevu Al" bağlantısı ?hizmet=... taşır → ilgili adım atlanır. // Bağlantı SERVICES[].bookingName gönderir (randevu yapılandırmasındaki adla birebir aynı); // panelden ad değişirse tam eşleşme tutmayabileceği için normalize edilmiş yedek eşleşme var. var pre = params.get('hizmet'); var hit = pre ? matchService(pre) : -1; if (hit >= 0){ ST.service = ST.services[hit]; ST.step = 2; } 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 = 'kr-auth-tab' + (tab === 'giris' ? ' active' : ''); tabKayit.className = 'kr-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 = 'kr-st-cancel'; } else if (a.past){ statusText = 'TAMAMLANDI'; cls = 'kr-st-past'; } else if (a.status === 'confirmed'){ statusText = 'ONAYLANDI'; cls = 'kr-st-on'; } else { statusText = 'BEKLEMEDE'; cls = 'kr-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 || 'Çekim') + '' + '' + 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

Çekim 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(); initMobileNav(); initContactLinks(); initGallery(); initFilters(); var root = document.querySelector('[data-kr-page]'); if (!root) return; var page = root.getAttribute('data-kr-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(); })();

Hesabınız