(function () { if (window.__fulyaGuard) return; window.__fulyaGuard = true; function $(id) { return document.getElementById(id); } function qsa(sel, root) { return Array.prototype.slice.call((root || document).querySelectorAll(sel)); } function on(el, ev, fn) { if (el) el.addEventListener(ev, fn); } function clear(el) { if (!el) return; while (el.firstChild) el.removeChild(el.firstChild); } function esc(s) { return s == null ? '' : String(s); } function trim(s) { return esc(s).replace(/^\s+|\s+$/g, ''); } function digitsOnly(s) { return esc(s).replace(/[^0-9]/g, ''); } function lower(s) { return esc(s).toLocaleLowerCase('tr-TR'); } function parsePrice(s) { var d = digitsOnly(s); return d ? parseInt(d, 10) : null; } var ADRES = 'Bagdat Caddesi No:120, Kadikoy / Istanbul'; var SITE = 'Fulya Mercan'; var IC_FLOWER = ''; var IC_ARROW = ''; var IC_CHECK = ''; function toMsisdn(raw) { var d = digitsOnly(raw); if (!d) return ''; if (d.charAt(0) === '0') d = '90' + d.slice(1); else if (d.length <= 10 && d.slice(0, 2) !== '90') d = '90' + d; return d; } // ---------------- Marka rozeti: Fulya Mercan baş harfinden ---------------- // Rozet sunucuda BOŞ basılır (ham site adı/yanlış harf görünmesin); baş harfi burada yazarız. function initBrand() { var marks = qsa('[data-fl-brand-mark]'); if (!marks.length) return; var names = qsa('[data-fl-brand-name]'); var name = ''; for (var i = 0; i < names.length; i++) { var t = trim(names[i].textContent); if (t) { name = t; break; } } if (!name) return; var initial = name.charAt(0).toLocaleUpperCase('tr-TR'); for (var j = 0; j < marks.length; j++) marks[j].textContent = initial; } // ---------------- Yorum avatarları: isim baş harfi ---------------- // İsim data-fl-av içinde durur, görünen içerik boştur → JS öncesi 40px daireye tam ad basılmaz. function initReviewAvatars() { var avs = qsa('[data-fl-av]'); for (var i = 0; i < avs.length; i++) { var t = trim(avs[i].getAttribute('data-fl-av')) || trim(avs[i].textContent); avs[i].textContent = t ? t.charAt(0).toLocaleUpperCase('tr-TR') : '♣'; } } // ---------------- Boş kiracı verisi koruması ---------------- // Adres/telefon/e-posta girilmemişse ilgili satır, kart ve harita HİÇ gösterilmez (boş satır/harita kalmaz). function initEmptyGuards() { var els = qsa('[data-fl-need]'); for (var i = 0; i < els.length; i++) { if (!trim(els[i].getAttribute('data-fl-need'))) els[i].style.display = 'none'; } } // ---------------- Telefon linkleri (tel:) ---------------- function initPhoneLinks() { var tels = qsa('a[data-tel]'); for (var i = 0; i < tels.length; i++) { var msisdn = toMsisdn(tels[i].getAttribute('data-tel')); if (!msisdn) { tels[i].style.display = 'none'; continue; } tels[i].style.display = ''; tels[i].setAttribute('href', 'tel:+' + msisdn); } } // ---------------- "Yol tarifi" linkleri ---------------- function initMapLinks() { var links = qsa('a[data-fl-map]'); for (var i = 0; i < links.length; i++) { var addr = trim(links[i].getAttribute('data-fl-map')) || ADRES; if (!addr) { links[i].style.display = 'none'; continue; } links[i].setAttribute('href', 'https://www.google.com/maps/search/?api=1&query=' + encodeURIComponent(addr)); links[i].setAttribute('target', '_blank'); links[i].setAttribute('rel', 'noopener'); } } // ---------------- Bugünün çalışma saati satırını vurgula ---------------- function initHours() { var today = new Date().getDay(); // 0=Pazar var rows = qsa('.fl-hours-row[data-fl-day]'); for (var i = 0; i < rows.length; i++) { if (parseInt(rows[i].getAttribute('data-fl-day'), 10) === today) rows[i].classList.add('is-today'); } } // ---------------- Mobil hamburger ---------------- function initMobileNav() { var burger = document.querySelector('.fl-header .fl-burger'); var nav = document.querySelector('.fl-header .fl-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) { e.stopPropagation(); if (nav.classList.contains('open')) closeNav(); else openNav(); }); qsa('a', nav).forEach(function (a) { on(a, 'click', closeNav); }); document.addEventListener('click', function (e) { if (!nav.classList.contains('open')) return; if (nav.contains(e.target) || burger.contains(e.target)) return; closeNav(); }); document.addEventListener('keydown', function (e) { if (e.key === 'Escape' || e.keyCode === 27) closeNav(); }); window.addEventListener('resize', function () { if (window.innerWidth >= 769) closeNav(); }); } // ---------------- Scroll reveal ---------------- function initReveal() { var els = qsa('.fl-reveal'); if (!els.length) return; document.documentElement.classList.add('fl-reveal-on'); if (!('IntersectionObserver' in window)) { for (var n = 0; n < els.length; n++) els[n].classList.add('is-in'); return; } var io = new IntersectionObserver(function (entries) { for (var i = 0; i < entries.length; i++) { if (entries[i].isIntersecting) { entries[i].target.classList.add('is-in'); io.unobserve(entries[i].target); } } }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' }); for (var j = 0; j < els.length; j++) io.observe(els[j]); } // ---------------- Ürün 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; } // ---------------- Ürün kartı ---------------- function productCard(p) { var a = document.createElement('a'); a.className = 'fl-prod-card'; a.href = '/urun/' + encodeURIComponent(p.id || ''); var media = document.createElement('div'); media.className = 'fl-prod-media'; if (p.img) { var img = document.createElement('img'); img.className = 'fl-prod-img'; img.src = p.img; img.alt = p.title || ''; img.loading = 'lazy'; media.appendChild(img); } else { var ph = document.createElement('div'); ph.className = 'fl-prod-noimg'; ph.innerHTML = IC_FLOWER; media.appendChild(ph); } if (trim(p.tag)) { var tag = document.createElement('span'); tag.className = 'fl-prod-tag'; tag.textContent = p.tag; media.appendChild(tag); } a.appendChild(media); var body = document.createElement('div'); body.className = 'fl-prod-body'; var name = document.createElement('h3'); name.className = 'fl-prod-name'; name.textContent = p.title || ''; body.appendChild(name); var specs = document.createElement('div'); specs.className = 'fl-prod-specs'; specs.textContent = trim(p.specs) || trim(p.area); body.appendChild(specs); if (trim(p.desc)) { var desc = document.createElement('p'); desc.className = 'fl-prod-desc'; desc.textContent = p.desc; body.appendChild(desc); } var foot = document.createElement('div'); foot.className = 'fl-prod-foot'; var price = document.createElement('span'); price.className = 'fl-prod-price'; price.textContent = trim(p.price) || 'Fiyat için arayın'; var cta = document.createElement('span'); cta.className = 'fl-prod-cta'; cta.innerHTML = 'İncele ' + 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 = 'fl-empty'; empty.innerHTML = emptyHtml || 'Vitrinimiz şu anda güncelleniyor. Siparişiniz 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 = 'fl-empty'; err.innerHTML = 'Ürünler şu anda yüklenemedi. Lütfen sayfayı yenileyin ya da bizi arayın.'; container.appendChild(err); } // ---------------- Ana sayfa: öne çıkan ürünler ---------------- function initFeatured() { var grid = $('fl-featured-grid'); if (!grid) return; fetchListings() .then(function (list) { renderProducts(grid, list.slice(0, 3), 'Vitrinimiz şu anda güncelleniyor. Sipariş için bize yazın →'); }) .catch(function () { gridError(grid); }); } // ---------------- Ürünler sayfası: arama + kategori + sıralama ---------------- var PS = { all: [], q: '', tag: '', sort: '' }; function haystack(p) { return lower([p.title, p.tag, p.specs, p.area, p.desc].join(' ')); } function applyFilters() { var grid = $('fl-products-grid'); if (!grid) return; var terms = trim(PS.q) ? lower(PS.q).split(/\s+/) : []; var out = PS.all.filter(function (p) { if (PS.tag && trim(p.area) !== PS.tag) return false; if (!terms.length) return true; var hay = haystack(p); for (var i = 0; i < terms.length; i++) { if (terms[i] && hay.indexOf(terms[i]) === -1) return false; } return true; }); if (PS.sort === 'asc' || PS.sort === 'desc') { out = out.slice().sort(function (a, b) { var pa = parsePrice(a.price), pb = parsePrice(b.price); if (pa === null && pb === null) return 0; if (pa === null) return 1; if (pb === null) return -1; return PS.sort === 'asc' ? pa - pb : pb - pa; }); } else if (PS.sort === 'az') { out = out.slice().sort(function (a, b) { return lower(a.title).localeCompare(lower(b.title), 'tr'); }); } renderProducts(grid, out, 'Aradığınız kriterlere uygun ürün bulunamadı. Size özel hazırlayalım →'); var count = $('fl-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 fillTagOptions(select, list) { if (!select) return; var seen = {}, tags = []; for (var i = 0; i < list.length; i++) { var t = trim(list[i].area); if (t && !seen[t]) { seen[t] = 1; tags.push(t); } } tags.sort(function (a, b) { return lower(a).localeCompare(lower(b), 'tr'); }); for (var j = 0; j < tags.length; j++) { var opt = document.createElement('option'); opt.value = tags[j]; opt.textContent = tags[j]; select.appendChild(opt); } } // ?tag= değerini açılır listedeki seçeneğe eşler. Kiracı kategori adını değiştirmişse // (ör. "Saksı" → "Saksı Çiçekleri") büyük/küçük harf duyarsız ve kapsayan eşleşme de denenir. function matchTagOption(select, want) { if (!select || !want) return ''; var w = lower(want), i, v; for (i = 0; i < select.options.length; i++) { if (select.options[i].value === want) return want; } for (i = 0; i < select.options.length; i++) { v = select.options[i].value; if (v && lower(v) === w) return v; } for (i = 0; i < select.options.length; i++) { v = select.options[i].value; if (v && (lower(v).indexOf(w) !== -1 || w.indexOf(lower(v)) !== -1)) return v; } return ''; } function initProducts() { var grid = $('fl-products-grid'); if (!grid) return; var params = new URLSearchParams(window.location.search); var qInput = $('fl-f-q'), tagSel = $('fl-f-tag'), sortSel = $('fl-f-sort'); PS.q = params.get('q') || ''; if (qInput) qInput.value = PS.q; on(qInput, 'input', function () { PS.q = qInput.value || ''; applyFilters(); }); on(tagSel, 'change', function () { PS.tag = tagSel.value || ''; applyFilters(); }); on(sortSel, 'change', function () { PS.sort = sortSel.value || ''; applyFilters(); }); fetchListings() .then(function (list) { PS.all = list; fillTagOptions(tagSel, list); var pt = trim(params.get('tag') || ''); if (pt) { var hit = matchTagOption(tagSel, pt); if (hit) { if (tagSel) tagSel.value = hit; PS.tag = hit; } else if (!trim(PS.q)) { // Böyle bir kategori yoksa bağlantı boşa düşmesin: değeri serbest aramaya çevir. PS.q = pt; if (qInput) qInput.value = pt; } } applyFilters(); }) .catch(function () { gridError(grid); }); } // ---------------- Ürün detay ---------------- function detailNotFound() { var l = $('fl-d-loading'); if (l) l.style.display = 'none'; var b = $('fl-d-body'); if (b) b.style.display = 'none'; var nf = $('fl-d-notfound'); if (nf) nf.style.display = 'block'; } function renderChips(container, specs) { if (!container) return; clear(container); var raw = trim(specs); if (!raw) { container.style.display = 'none'; return; } var parts = raw.split(/[·|]/); for (var i = 0; i < parts.length; i++) { var t = trim(parts[i]); if (!t) continue; var chip = document.createElement('span'); chip.className = 'fl-chip'; chip.textContent = t; container.appendChild(chip); } container.style.display = container.children.length ? 'flex' : 'none'; } function renderFeatures(container, headingId, features) { if (!container) return; clear(container); var list = Array.isArray(features) ? features.filter(Boolean) : []; var heading = headingId ? $(headingId) : null; if (!list.length) { container.style.display = 'none'; if (heading) heading.style.display = 'none'; return; } container.style.display = 'grid'; if (heading) heading.style.display = 'block'; for (var i = 0; i < list.length; i++) { var row = document.createElement('div'); row.className = 'fl-feat'; var ic = document.createElement('span'); ic.innerHTML = IC_CHECK; ic.style.display = 'inline-flex'; row.appendChild(ic.firstChild); row.appendChild(document.createTextNode(esc(list[i]))); container.appendChild(row); } } function renderDetailGallery(images, title) { var main = $('fl-d-img'), noimg = $('fl-d-noimg'), thumbs = $('fl-d-thumbs'), wrap = $('fl-d-gal-main'); var imgs = Array.isArray(images) ? images.filter(Boolean) : []; var cur = 0; function show(i) { cur = i; if (main) { main.src = imgs[i]; main.alt = title; main.style.display = ''; } if (noimg) noimg.style.display = 'none'; var tEls = qsa('.fl-gal-thumb', thumbs); for (var k = 0; k < tEls.length; k++) tEls[k].classList.toggle('is-active', k === i); } if (!imgs.length) { if (main) { main.removeAttribute('src'); main.style.display = 'none'; } if (noimg) { noimg.style.display = 'flex'; } if (thumbs) thumbs.style.display = 'none'; if (wrap) wrap.style.cursor = 'default'; return; } show(0); if (wrap) { wrap.style.cursor = 'zoom-in'; wrap.onclick = function () { if (window.vsGallery) window.vsGallery.open(imgs, cur); }; } if (thumbs) { clear(thumbs); if (imgs.length > 1) { thumbs.style.display = 'flex'; for (var i = 0; i < imgs.length; i++) { (function (src, idx) { var th = document.createElement('div'); th.className = 'fl-gal-thumb' + (idx === 0 ? ' is-active' : ''); var im = document.createElement('img'); im.src = src; im.alt = title + ' ' + (idx + 1); im.loading = 'lazy'; th.appendChild(im); on(th, 'click', function () { show(idx); }); thumbs.appendChild(th); })(imgs[i], i); } } else { thumbs.style.display = 'none'; } } } function setText(id, text, hideIfEmpty) { var el = $(id); if (!el) return; var v = trim(text); el.textContent = v; if (hideIfEmpty) el.style.display = v ? '' : 'none'; } function applyProduct(p, all) { if (p.title) { try { document.title = p.title + ' — ' + SITE; } catch (e) {} } setText('fl-d-crumb', p.title); setText('fl-d-tag', p.tag, true); setText('fl-d-title', p.title); setText('fl-d-sub', p.area, true); setText('fl-d-price', trim(p.price) || 'Fiyat için bizi arayın'); renderChips($('fl-d-chips'), p.specs); var desc = $('fl-d-desc'); if (desc) desc.textContent = trim(p.desc) || 'Bu tasarım, siparişiniz geldikten sonra günün en taze çiçekleriyle atölyemizde elde hazırlanır. Renk ve çiçek tercihinizi sipariş notunda belirtebilirsiniz.'; renderFeatures($('fl-d-feats'), 'fl-d-feat-h', p.features); renderDetailGallery(p.images && p.images.length ? p.images : (p.img ? [p.img] : []), p.title || SITE); var urun = $('fl-o-urun'); if (urun) urun.value = p.title || ''; var loading = $('fl-d-loading'); if (loading) loading.style.display = 'none'; var nf = $('fl-d-notfound'); if (nf) nf.style.display = 'none'; var body = $('fl-d-body'); if (body) body.style.display = 'block'; // benzer ürünler: aynı KATEGORİ (area) önce, sonra diğerleri (kendisi hariç, en fazla 3). // Kategori "area"dır; "tag" yalnız teslimat rozetidir (ona göre gruplamak alakasız ürün getirir). var related = $('fl-related-grid'); if (related) { var rest = (all || []).filter(function (x) { return x && x.id !== p.id; }); var sameArea = function (x) { return !!trim(p.area) && trim(x.area) === trim(p.area); }; var same = rest.filter(sameArea); var other = rest.filter(function (x) { return !sameArea(x); }); renderProducts(related, same.concat(other).slice(0, 3), 'Yakında yeni tasarımlar eklenecek. Özel istek için yazın →'); } initPhoneLinks(); initReveal(); } function initDetail() { var root = $('fl-detail-root'); if (!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; } // liste kapalıysa/boşsa tekil uca da bir şans ver return fetch('/api/listings/' + encodeURIComponent(id), { credentials: 'same-origin' }) .then(function (r) { return r.status === 404 ? null : r.json(); }) .then(function (j) { if (j && j.ok && j.listing) applyProduct(j.listing, list); else detailNotFound(); }); }) .catch(detailNotFound); } // ---------------- Dinamik yolda (/urun/) boş bırakılan _page/_back alanlarını doldur ---------------- function fillFormPagePaths() { var path = window.location.pathname || '/'; var pages = qsa('input[name="_page"]'); for (var i = 0; i < pages.length; i++) { if (!pages[i].value) pages[i].value = path; } var backs = qsa('input[name="_back"]'); for (var j = 0; j < backs.length; j++) { if (!backs[j].value) backs[j].value = path; } } // ---------------- Formlar — GERÇEK POST /api/form (multipart); 303 yönlendirmesi başarı sayılır ---------------- function wireForm(formId, msgId, successText) { var form = $(formId); if (!form) return; var msg = $(msgId); on(form, 'submit', function (e) { e.preventDefault(); var btn = form.querySelector('button[type="submit"]'); if (btn) btn.disabled = true; if (msg) { msg.className = 'fl-form-msg'; msg.textContent = ''; } var fd = new FormData(form); fetch('/api/form', { method: 'POST', body: fd }) .then(function (res) { var ok = res.ok || res.redirected || (res.status >= 200 && res.status < 400); if (!ok) throw new Error('form-failed'); if (msg) { msg.className = 'fl-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 = 'fl-form-msg is-err'; msg.textContent = 'Gönderilemedi. Lütfen tekrar deneyin ya da bizi arayın.'; } }) .then(function () { if (btn) btn.disabled = false; }); }); } // ---------------- Teslim tarihi alanları: bugünden öncesi seçilemesin ---------------- function initDateMin() { var dates = qsa('input[type="date"]'); if (!dates.length) return; var d = new Date(); var iso = d.getFullYear() + '-' + ('0' + (d.getMonth() + 1)).slice(-2) + '-' + ('0' + d.getDate()).slice(-2); for (var i = 0; i < dates.length; i++) { if (!dates[i].getAttribute('min')) dates[i].setAttribute('min', iso); } } initBrand(); initReviewAvatars(); initEmptyGuards(); initPhoneLinks(); initMapLinks(); initHours(); initMobileNav(); initDateMin(); initFeatured(); initProducts(); initDetail(); fillFormPagePaths(); wireForm('fl-form', 'fl-form-msg', 'Teşekkürler! Talebiniz bize ulaştı. En kısa sürede arayıp siparişinizi netleştireceğiz.'); wireForm('fl-order-form', 'fl-order-msg', 'Teşekkürler! Sipariş talebiniz alındı. Teslimatı teyit etmek için sizi arayacağız.'); initReveal(); })();

Çiçek koleksiyonumuz

Aradığınızı bulamadınız mı?