(function () { if (window.__motoristGuard) return; window.__motoristGuard = true; document.documentElement.lang = 'tr'; document.documentElement.classList.add('mt-js'); function $(id) { return document.getElementById(id); } function on(el, ev, fn) { if (el) el.addEventListener(ev, fn); } function clear(el) { if (!el) return; while (el.firstChild) el.removeChild(el.firstChild); } function setText(id, t) { var el = $(id); if (el) el.textContent = t; } function el(tag, cls, text) { var n = document.createElement(tag); if (cls) n.className = cls; if (text !== undefined && text !== null) n.textContent = text; return n; } function fmtTL(n) { return Math.round(n || 0).toLocaleString('tr-TR') + '₺'; } function pad2(n) { return (n < 10 ? '0' : '') + n; } function ymd(d) { return d.getFullYear() + '-' + pad2(d.getMonth() + 1) + '-' + pad2(d.getDate()); } var EMAIL_RE = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; var GUN_KISA = ['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 tarihStr(d) { return d.getDate() + ' ' + AY_AD[d.getMonth()] + ' ' + d.getFullYear() + ', ' + GUN_AD[d.getDay()]; } function getJson(url) { return fetch(url, { credentials: 'same-origin' }).then(function (r) { return r.json(); }); } function postJson(url, payload) { return fetch(url, { method: 'POST', credentials: 'same-origin', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(payload) }).then(function (r) { return r.json(); }); } // ---------------- Boş telefon/e-posta alanları ---------------- // Kiracı telefon/e-posta girmediyse şablonda metinsiz, tıklanabilir 'tel:' bağlantıları kalır; // ölü bağlantı bırakmamak için ilgili bloğu tamamen gizleriz. function hideNode(n) { if (n && n.style) { n.style.display = 'none'; n.setAttribute('aria-hidden', 'true'); } } function hasCls(n, cls) { return !!(n && n.className && String(n.className).indexOf(cls) >= 0); } function upCls(n, cls) { while (n && n !== document.body) { if (hasCls(n, cls)) return n; n = n.parentNode; } return null; } function initEmptyContacts() { var links = document.querySelectorAll('a[href^="tel:"]'); for (var i = 0; i < links.length; i++) { var a = links[i]; if ((a.getAttribute('href') || '').replace(/^tel:/i, '').trim()) continue; var row = upCls(a, 'mt-info-row'); var side = hasCls(a, 'mt-guar-phone') ? upCls(a, 'mt-guar-side') : null; var p = a.parentNode; if (side) { hideNode(side); continue; } if (row) { hideNode(row); continue; } if (p && hasCls(p.parentNode, 'mt-footer-contact')) { hideNode(p); continue; } if (p && hasCls(p, 'mt-topbar-right')) { var sep = a.previousElementSibling; if (hasCls(sep, 'mt-topbar-sep')) hideNode(sep); } hideNode(a); } // Bağlantısız (düz metin) e-posta/adres alanları da boşsa satırı gizle. var vals = document.querySelectorAll('.mt-info-v'); for (var k = 0; k < vals.length; k++) { if ((vals[k].textContent || '').trim()) continue; hideNode(upCls(vals[k], 'mt-info-row') || vals[k]); } var foot = document.querySelectorAll('.mt-footer-contact > span'); for (var m = 0; m < foot.length; m++) { var head = foot[m].querySelector('strong'); var txt = (foot[m].textContent || '').replace((head && head.textContent) || '', '').trim(); if (!txt) hideNode(foot[m]); } } // ---------------- Aktif menü linki ---------------- function markActiveNav() { var path = window.location.pathname.replace(/\/+$/, '') || '/'; var links = document.querySelectorAll('.mt-navlink'); for (var i = 0; i < links.length; i++) { var href = links[i].getAttribute('href'); if (!href) continue; if (href === path || (href !== '/' && path.indexOf(href) === 0)) links[i].classList.add('is-active'); } } // ---------------- Header: kaydırma gölgesi ---------------- function initHeaderScroll() { var header = $('mt-header'); if (!header) return; function sync() { header.classList.toggle('is-scrolled', window.pageYOffset > 12); } sync(); window.addEventListener('scroll', sync, { passive: true }); } // ---------------- Header auth durumu ([data-motorist-auth-slot]) ---------------- function initHeaderAuth() { getJson('/api/booking/mine') .then(function (j) { if (!j || !j.ok || !j.auth) return; var slots = document.querySelectorAll('[data-motorist-auth-slot]'); for (var i = 0; i < slots.length; i++) { clear(slots[i]); var a = el('a', 'mt-auth-user', j.name || 'Hesabım'); a.setAttribute('href', '/panel'); slots[i].appendChild(a); } }) .catch(function () {}); } // ---------------- Mobil hamburger menü ---------------- function initMobileNav() { var burger = $('mt-burger'); var nav = $('mt-nav'); if (!burger || !nav) return; function closeNav() { nav.classList.remove('open'); burger.setAttribute('aria-expanded', 'false'); } function openNav() { nav.classList.add('open'); burger.setAttribute('aria-expanded', 'true'); } on(burger, 'click', function (e) { if (e && e.stopPropagation) e.stopPropagation(); if (nav.classList.contains('open')) closeNav(); else openNav(); }); on(nav, 'click', function (e) { var t = e.target; while (t && t !== nav) { if (t.tagName === 'A') { closeNav(); return; } t = t.parentNode; } }); on(document, 'click', function (e) { if (!nav.classList.contains('open')) return; if (nav.contains(e.target) || burger.contains(e.target)) return; closeNav(); }); on(document, 'keydown', function (e) { if (e.key === 'Escape' || e.keyCode === 27) closeNav(); }); on(window, 'resize', function () { if (window.innerWidth >= 769) closeNav(); }); } // ---------------- Kaydırınca beliren bölümler ---------------- function initReveal() { var nodes = document.querySelectorAll('.mt-reveal'); if (!nodes.length) return; if (!('IntersectionObserver' in window)) { for (var i = 0; i < nodes.length; i++) nodes[i].classList.add('is-in'); return; } var io = new IntersectionObserver(function (entries) { entries.forEach(function (entry) { if (!entry.isIntersecting) return; entry.target.classList.add('is-in'); io.unobserve(entry.target); }); }, { rootMargin: '0px 0px -8% 0px', threshold: 0.08 }); for (var k = 0; k < nodes.length; k++) io.observe(nodes[k]); } // ---------------- Üst şerit: bugünkü boş randevu sayısı ---------------- function initTopbarLive() { var live = $('mt-topbar-live'); if (!live) return; getJson('/api/booking?date=' + ymd(new Date())) .then(function (j) { var n = (j && j.ok && Array.isArray(j.slots)) ? j.slots.length : 0; if (n > 0) live.textContent = 'Bugün ' + n + ' uygun randevu saati var'; }) .catch(function () {}); } // ---------------- SSS akordeon ---------------- function initFaq() { var root = $('mt-faq'); if (!root) return; var qs = root.querySelectorAll('.mt-faq-q'); for (var i = 0; i < qs.length; i++) { (function (btn) { on(btn, 'click', function () { var open = btn.getAttribute('aria-expanded') === 'true'; var panel = btn.nextElementSibling; btn.setAttribute('aria-expanded', open ? 'false' : 'true'); if (panel) panel.style.maxHeight = open ? '0px' : (panel.scrollHeight + 'px'); }); })(qs[i]); } on(window, 'resize', function () { for (var j = 0; j < qs.length; j++) { if (qs[j].getAttribute('aria-expanded') !== 'true') continue; var p = qs[j].nextElementSibling; if (p) p.style.maxHeight = p.scrollHeight + 'px'; } }); } // ---------------- İletişim formu — POST /api/form (multipart); 3xx yönlendirmesi başarı sayılır ---------------- function initContact() { var form = $('mt-contact-form'); if (!form) return; var msg = $('mt-contact-msg'); function val(name) { var f = form.querySelector('[name="' + name + '"]'); return f && f.value ? f.value.trim() : ''; } on(form, 'submit', function (e) { e.preventDefault(); if (msg) { msg.className = 'mt-form-msg'; msg.textContent = ''; } var name = val('ad_soyad'), email = val('eposta'), body = val('mesaj'); if (!name || !EMAIL_RE.test(email) || !body) { if (msg) { msg.className = 'mt-form-msg is-err'; msg.textContent = 'Lütfen ad soyad, geçerli bir e-posta ve şikâyetinizi yazın.'; } 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) || res.status === 0; if (!ok) throw new Error('form-failed'); if (msg) { msg.className = 'mt-form-msg is-ok'; msg.textContent = 'Formunuz alındı — servis danışmanımız en kısa sürede dönüş yapacak.'; } form.reset(); }) .catch(function () { if (msg) { msg.className = 'mt-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ı (canlı /api/booking) ---------------- var RV = { cfg: null, services: [], experts: [], hasExperts: false, service: null, expert: null, expertAny: false, days: [], dateIdx: null, time: null }; function buildDays(n) { var out = [], now = Date.now(); for (var i = 0; i < n; i++) out.push(new Date(now + i * 86400000)); return out; } function showFatal(text) { var body = $('mt-rv-body'), f = $('mt-rv-fatal'); if (body) body.style.display = 'none'; if (f) { f.style.display = 'block'; f.textContent = text; } } function initRandevu() { var root = $('mt-rv-root'); if (!root) return; var params = new URLSearchParams(window.location.search); if (params.get('done') === '1') { showSuccessFromStorage(); return; } if (params.get('fail') === '1') { var fb = $('mt-rv-fail'); if (fb) fb.style.display = 'block'; } getJson('/api/booking') .then(function (j) { if (!j || !j.ok) { showFatal('Randevu modülü şu anda kullanılamıyor.'); return; } if (!j.services || !j.services.length) { showFatal('Şu anda tanımlı servis işlemi bulunmuyor.'); return; } RV.cfg = j; RV.services = j.services || []; RV.experts = j.experts || []; RV.hasExperts = RV.experts.length > 0; RV.days = buildDays(Math.max(1, Math.min(7, j.leadDays || 7))); if (j.note) { var note = $('mt-rv-note'); if (note) { note.textContent = j.note; note.style.display = 'block'; } } renderServices(); if (RV.hasExperts) { var card = $('mt-card-expert'); if (card) card.style.display = 'block'; renderExperts(); } else { setText('mt-step-num-date', '2'); setText('mt-step-num-contact', '3'); } renderDays(); renderSummary(); wireInputs(); on($('mt-rv-submit'), 'click', submitBooking); }) .catch(function () { showFatal('Randevu modülü şu anda kullanılamıyor.'); }); } function renderServices() { var grid = $('mt-rv-services'); if (!grid) return; clear(grid); RV.services.forEach(function (s) { var btn = el('button', 'mt-chip' + (RV.service && RV.service.name === s.name ? ' is-selected' : '')); btn.type = 'button'; var top = el('span', 'mt-chip-top'); top.appendChild(el('span', 'mt-chip-name', s.name)); // Fiyatı olmayan hizmet '0₺' değil 'Ücretsiz' yazar (/hizmetler sayfasıyla aynı dil). top.appendChild(el('span', 'mt-chip-price', s.price ? fmtTL(s.price) : 'Ücretsiz')); btn.appendChild(top); btn.appendChild(el('span', 'mt-chip-sub', (s.duration || 30) + ' dakika')); btn.addEventListener('click', function () { RV.service = s; renderServices(); renderSummary(); }); grid.appendChild(btn); }); } function renderExperts() { var grid = $('mt-rv-experts'); if (!grid) return; clear(grid); var any = el('button', 'mt-chip' + (RV.expertAny ? ' is-selected' : '')); any.type = 'button'; any.appendChild(el('span', 'mt-chip-name', 'Fark etmez')); any.appendChild(el('span', 'mt-chip-sub', 'Uygun ilk usta')); any.addEventListener('click', function () { RV.expert = null; RV.expertAny = true; renderExperts(); renderSummary(); }); grid.appendChild(any); RV.experts.forEach(function (u) { var btn = el('button', 'mt-chip' + (!RV.expertAny && RV.expert && RV.expert.name === u.name ? ' is-selected' : '')); btn.type = 'button'; btn.appendChild(el('span', 'mt-chip-name', u.name)); btn.appendChild(el('span', 'mt-chip-sub', u.role || '')); btn.addEventListener('click', function () { RV.expert = u; RV.expertAny = false; renderExperts(); renderSummary(); }); grid.appendChild(btn); }); } function renderDays() { var wrap = $('mt-rv-dates'); if (!wrap) return; clear(wrap); RV.days.forEach(function (d, i) { var btn = el('button', 'mt-date' + (i === RV.dateIdx ? ' is-selected' : '')); btn.type = 'button'; btn.appendChild(el('span', 'mt-date-dow', GUN_KISA[d.getDay()])); btn.appendChild(el('span', 'mt-date-num', String(d.getDate()))); btn.addEventListener('click', function () { RV.dateIdx = i; RV.time = null; renderDays(); loadSlots(); renderSummary(); }); wrap.appendChild(btn); }); } function loadSlots() { var grid = $('mt-rv-slots'); if (!grid) return; clear(grid); if (RV.dateIdx === null) { grid.appendChild(el('div', 'mt-empty', 'Önce tarih seçin.')); return; } grid.appendChild(el('div', 'mt-loading', 'Yükleniyor…')); getJson('/api/booking?date=' + ymd(RV.days[RV.dateIdx])) .then(function (j) { clear(grid); var slots = (j && j.ok && Array.isArray(j.slots)) ? j.slots : []; if (!slots.length) { grid.appendChild(el('div', 'mt-empty', 'Bu tarihte müsait saat yok.')); return; } slots.forEach(function (s) { var btn = el('button', 'mt-slot' + (RV.time === s.time ? ' is-selected' : ''), s.time); btn.type = 'button'; btn.addEventListener('click', function () { RV.time = s.time; loadSlots(); renderSummary(); }); grid.appendChild(btn); }); }) .catch(function () { clear(grid); grid.appendChild(el('div', 'mt-empty', 'Saatler yüklenemedi.')); }); } function expertLabel() { if (!RV.hasExperts) return ''; if (RV.expertAny || !RV.expert) return 'Fark etmez'; return RV.expert.name; } function renderSummary() { setText('mt-sum-service', RV.service ? RV.service.name : '—'); var row = $('mt-sum-staff-row'); if (RV.hasExperts) { if (row) row.style.display = 'flex'; setText('mt-sum-staff', expertLabel() || '—'); } else if (row) { row.style.display = 'none'; } setText('mt-sum-date', RV.dateIdx !== null ? tarihStr(RV.days[RV.dateIdx]) : '—'); setText('mt-sum-time', RV.time || '—'); var price = (RV.service && RV.service.price) ? RV.service.price : 0; var dep = (RV.cfg && RV.cfg.deposit) ? RV.cfg.deposit : { enabled: false, amount: 0 }; // Kapora işlem ücretini aşamaz; ücretsiz işlemden (ör. ekspertiz) kapora alınmaz. var depAmt = (dep.enabled && dep.amount > 0 && price > 0) ? Math.min(price, dep.amount) : 0; var depOn = depAmt > 0; var box = $('mt-dep-box'); if (box) { if (depOn) { box.style.display = 'flex'; setText('mt-dep-title', 'Kapora: ' + fmtTL(depAmt)); } else { box.style.display = 'none'; } } var btn = $('mt-rv-submit'); if (btn) { btn.textContent = depOn ? (fmtTL(depAmt) + ' Öde ve Onayla') : 'Randevuyu Onayla'; btn.disabled = !(RV.service && RV.dateIdx !== null && RV.time); } } function wireInputs() { ['mt-c-name', 'mt-c-phone', 'mt-c-email', 'mt-c-car', 'mt-c-plate', 'mt-c-km', 'mt-c-fuel', 'mt-c-note'].forEach(function (id) { on($(id), 'input', function () { var err = $('mt-rv-err'); if (err) { err.className = 'mt-form-msg'; err.textContent = ''; } }); }); } function fieldVal(id) { var f = $(id); return (f && f.value ? f.value : '').trim(); } // Araç bilgileri API sözleşmesinde ayrı alan olmadığı için NOT alanında birleştirilir. function composeNote(car, plate, km, fuel, note) { var parts = []; if (car) parts.push('Araç: ' + car); if (plate) parts.push('Plaka: ' + plate); if (km) parts.push('KM: ' + km); if (fuel) parts.push('Yakıt: ' + fuel); var head = parts.join(' · '); if (head && note) return head + ' — ' + note; return head || note; } function submitBooking() { var err = $('mt-rv-err'); if (err) { err.className = 'mt-form-msg'; err.textContent = ''; } var name = fieldVal('mt-c-name'); var email = fieldVal('mt-c-email'); var phone = fieldVal('mt-c-phone'); if (!name || !EMAIL_RE.test(email)) { if (err) { err.className = 'mt-form-msg is-err'; err.textContent = 'Lütfen ad soyad ve geçerli bir e-posta girin.'; } return; } if (!RV.service || RV.dateIdx === null || !RV.time) { if (err) { err.className = 'mt-form-msg is-err'; err.textContent = 'Lütfen işlem, tarih ve saat seçin.'; } return; } var btn = $('mt-rv-submit'); if (btn) btn.disabled = true; var d = RV.days[RV.dateIdx]; var staffName = (RV.hasExperts && !RV.expertAny && RV.expert) ? RV.expert.name : ''; var payload = { service: RV.service.name, staff: staffName, category: RV.service.category || '', name: name, email: email, phone: phone, note: composeNote(fieldVal('mt-c-car'), fieldVal('mt-c-plate'), fieldVal('mt-c-km'), fieldVal('mt-c-fuel'), fieldVal('mt-c-note')), date: ymd(d), time: RV.time }; postJson('/api/booking', payload) .then(function (j) { if (j && j.needLogin) { window.location.href = '/giris?next=/randevu'; return; } if (!j || !j.ok) { if (btn) btn.disabled = false; if (err) { err.className = 'mt-form-msg is-err'; err.textContent = (j && j.error) || 'Randevu oluşturulamadı.'; } return; } try { sessionStorage.setItem('mt_last_booking', JSON.stringify({ service: payload.service, staff: staffName, tarih: tarihStr(d), saat: payload.time })); } catch (e) {} if (j.needPay && j.redirect) { window.location.href = j.redirect; return; } showSuccess(payload.service, staffName, tarihStr(d), payload.time, !!j.depositAtSalon); }) .catch(function () { if (btn) btn.disabled = false; if (err) { err.className = 'mt-form-msg is-err'; err.textContent = 'Bağlantı hatası — lütfen tekrar deneyin.'; } }); } function showSuccess(service, staff, tarih, saat, atSalon) { var body = $('mt-rv-body'), suc = $('mt-rv-success'); if (body) body.style.display = 'none'; if (suc) suc.style.display = 'block'; setText('mt-suc-1', service + (staff ? ' · ' + staff : '')); setText('mt-suc-2', tarih + ' · ' + saat); var p3 = $('mt-suc-3'); if (p3) { if (atSalon) { p3.textContent = 'Kaporanız serviste, araç kabulü sırasında tahsil edilecektir.'; p3.style.display = 'block'; } else { p3.style.display = 'none'; } } window.scrollTo(0, 0); } function showSuccessFromStorage() { var raw = null; try { raw = sessionStorage.getItem('mt_last_booking'); } catch (e) {} var body = $('mt-rv-body'), suc = $('mt-rv-success'); if (body) body.style.display = 'none'; if (suc) suc.style.display = 'block'; if (raw) { try { var b = JSON.parse(raw); setText('mt-suc-1', b.service + (b.staff ? ' · ' + b.staff : '')); setText('mt-suc-2', b.tarih + ' · ' + b.saat); } catch (e) {} } window.scrollTo(0, 0); } // ---------------- Giriş / Kayıt / OTP ---------------- function initGiris() { var root = $('mt-giris-root'); if (!root) return; var tabG = $('mt-tab-giris'), tabK = $('mt-tab-kayit'); var panelG = $('mt-panel-giris'), panelK = $('mt-panel-kayit'), panelO = $('mt-panel-otp'); var challenge = null; function showTab(which) { if (panelO) panelO.style.display = 'none'; if (panelG) panelG.style.display = which === 'giris' ? 'flex' : 'none'; if (panelK) panelK.style.display = which === 'kayit' ? 'flex' : 'none'; if (tabG) tabG.classList.toggle('is-active', which === 'giris'); if (tabK) tabK.classList.toggle('is-active', which === 'kayit'); } function showErr(id, text) { var e = $(id); if (e) { e.className = 'mt-form-msg is-err'; e.textContent = text; } } function hideErr(id) { var e = $(id); if (e) { e.className = 'mt-form-msg'; e.textContent = ''; } } function nextUrl() { // 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(window.location.search).get('next') || '').replace(/[\u0000-\u0020\u007f]/g, ''); return /^\/(?![\/\\])/.test(n) ? n : '/panel'; } on(tabG, 'click', function () { showTab('giris'); }); on(tabK, 'click', function () { showTab('kayit'); }); on($('mt-goto-kayit'), 'click', function () { showTab('kayit'); }); on($('mt-goto-giris'), 'click', function () { showTab('giris'); }); on($('mt-giris-submit'), 'click', function () { hideErr('mt-giris-err'); var email = fieldVal('mt-gi-email'); var pass = ($('mt-gi-pass') && $('mt-gi-pass').value) || ''; if (!email || !pass) { showErr('mt-giris-err', 'E-posta ve şifre gerekli.'); return; } postJson('/api/account', { action: 'login', email: email, password: pass }) .then(function (j) { if (j && j.ok) { window.location.href = nextUrl(); return; } if (j && j.need2fa) { challenge = j.challenge; if (panelG) panelG.style.display = 'none'; if (panelK) panelK.style.display = 'none'; if (panelO) panelO.style.display = 'flex'; return; } showErr('mt-giris-err', (j && j.error) || 'Giriş başarısız.'); }) .catch(function () { showErr('mt-giris-err', 'Bağlantı hatası.'); }); }); on($('mt-kayit-submit'), 'click', function () { hideErr('mt-kayit-err'); var name = fieldVal('mt-ka-name'); var email = fieldVal('mt-ka-email'); var phone = fieldVal('mt-ka-phone'); var pass = ($('mt-ka-pass') && $('mt-ka-pass').value) || ''; if (!name || !EMAIL_RE.test(email) || pass.length < 6) { showErr('mt-kayit-err', 'Ad soyad, geçerli e-posta ve en az 6 haneli şifre girin.'); return; } postJson('/api/account', { action: 'register', email: email, password: pass, name: name, phone: phone }) .then(function (j) { if (j && j.ok) { window.location.href = nextUrl(); return; } showErr('mt-kayit-err', (j && j.error) || 'Kayıt başarısız.'); }) .catch(function () { showErr('mt-kayit-err', 'Bağlantı hatası.'); }); }); on($('mt-otp-submit'), 'click', function () { hideErr('mt-otp-err'); var code = fieldVal('mt-otp-code'); if (!code) { showErr('mt-otp-err', 'Kod gerekli.'); return; } postJson('/api/account', { action: 'otpVerify', challenge: challenge, code: code }) .then(function (j) { if (j && j.ok) { window.location.href = nextUrl(); return; } showErr('mt-otp-err', (j && j.error) || 'Kod hatalı.'); }) .catch(function () { showErr('mt-otp-err', 'Bağlantı hatası.'); }); }); on($('mt-otp-resend'), 'click', function () { hideErr('mt-otp-err'); postJson('/api/account', { action: 'otpResend', challenge: challenge }) .then(function (j) { var e = $('mt-otp-err'); if (j && j.ok) { challenge = j.challenge; if (e) { e.className = 'mt-form-msg is-ok'; e.textContent = 'Yeni kod gönderildi.'; } } else { showErr('mt-otp-err', (j && j.error) || 'Kod gönderilemedi.'); } }) .catch(function () { showErr('mt-otp-err', 'Bağlantı hatası.'); }); }); on($('mt-otp-cancel'), 'click', function () { showTab('giris'); }); } // ---------------- Panel (Randevularım) ---------------- function initPanel() { var root = $('mt-panel-root'); if (!root) return; getJson('/api/booking/mine') .then(function (j) { var loading = $('mt-panel-loading'); if (loading) loading.style.display = 'none'; if (!j || !j.ok || !j.auth) { showGuest(); return; } showAuth(j); }) .catch(function () { var loading = $('mt-panel-loading'); if (loading) loading.style.display = 'none'; showGuest(); }); } function showGuest() { var g = $('mt-panel-guest'); if (g) g.style.display = 'block'; } function showAuth(j) { var a = $('mt-panel-auth'); if (a) a.style.display = 'block'; setText('mt-panel-name', 'Merhaba, ' + (j.name || 'Değerli müşterimiz')); var up = $('mt-panel-upcoming'), past = $('mt-panel-past'); clear(up); clear(past); var list = Array.isArray(j.appointments) ? j.appointments : []; var upList = list.filter(function (r) { return !r.past; }); var pastList = list.filter(function (r) { return r.past; }); if (!upList.length) up.appendChild(el('div', 'mt-empty', 'Yaklaşan randevunuz yok.')); else upList.forEach(function (r) { up.appendChild(buildAppt(r, true)); }); if (!pastList.length) past.appendChild(el('div', 'mt-empty', 'Geçmiş işlem kaydınız yok.')); else pastList.forEach(function (r) { past.appendChild(buildAppt(r, false)); }); on($('mt-panel-logout'), 'click', function () { postJson('/api/account', { action: 'logout' }) .then(function () { window.location.reload(); }) .catch(function () { window.location.reload(); }); }); } function buildAppt(r, canCancel) { var card = el('div', 'mt-appt' + (r.past ? ' is-past' : '')); var info = el('div', 'mt-appt-info'); info.appendChild(el('span', 'mt-appt-svc', r.service || 'Servis işlemi')); info.appendChild(el('span', 'mt-appt-meta', (r.staff ? r.staff + ' · ' : '') + (r.when || ''))); info.appendChild(el('span', 'mt-appt-dep', depositText(r))); var right = el('div', 'mt-appt-right'); var st = statusInfo(r); right.appendChild(el('span', 'mt-status ' + st.cls, st.label)); if (canCancel && r.status !== 'cancelled') { var btn = el('button', 'mt-cancel', 'İptal'); btn.type = 'button'; btn.addEventListener('click', function () { cancelAppt(r.id, btn); }); right.appendChild(btn); } card.appendChild(info); card.appendChild(right); return card; } function cancelAppt(id, btn) { if (!id) return; if (!window.confirm('Bu randevuyu iptal etmek istediğinize emin misiniz?')) return; if (btn) { btn.disabled = true; btn.textContent = '…'; } postJson('/api/booking/cancel', { id: id }) .then(function (j) { if (j && j.ok) { initPanel(); return; } if (btn) { btn.disabled = false; btn.textContent = 'İptal'; } window.alert((j && j.error) || 'Randevu iptal edilemedi.'); }) .catch(function () { if (btn) { btn.disabled = false; btn.textContent = 'İptal'; } window.alert('Bağlantı hatası — lütfen tekrar deneyin.'); }); } function depositText(r) { var cents = r.depositCents || 0; if (!cents) return 'Ön ödeme yok'; var amt = fmtTL(cents / 100); if (r.depositStatus === 'paid') return 'Kapora: ' + amt + ' ödendi'; if (r.depositStatus === 'awaiting') return 'Kapora: ' + amt + ' bekleniyor'; return 'Kapora: ' + amt; } function statusInfo(r) { if (r.status === 'cancelled') return { label: 'İptal edildi', cls: 'mt-st-cancelled' }; if (r.past) return { label: 'Tamamlandı', cls: 'mt-st-past' }; if (r.status === 'confirmed') return { label: 'Onaylandı', cls: 'mt-st-confirmed' }; return { label: 'Beklemede', cls: 'mt-st-pending' }; } // ---------------- Boot ---------------- function boot() { markActiveNav(); initEmptyContacts(); initHeaderScroll(); initHeaderAuth(); initMobileNav(); initReveal(); initTopbarLive(); initFaq(); initContact(); initRandevu(); initGiris(); initPanel(); } if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', boot); else boot(); })();

Aracınızı anlatın, biz dönelim

Teklif / bilgi formu