değil) on(input, 'keydown', function (e) { if (e.key === 'Enter' || e.keyCode === 13) { e.preventDefault(); goSearch(); } }); } // ---------------- Araçlar: tam liste + filtre (metin · etiket · yıl · fiyat) + sıralama ---------------- var OM_ALL_LISTINGS = []; function initAraclar() { var grid = $('om-listings-grid'); if (!grid) return; fetch('/api/listings', { credentials: 'same-origin' }) .then(function (r) { return r.json(); }) .then(function (j) { OM_ALL_LISTINGS = (j && j.ok && Array.isArray(j.listings)) ? j.listings : []; var params = new URLSearchParams(window.location.search); var q = params.get('q'); if (q) { var t = $('om-filter-text'); if (t) t.value = q; } var yil = params.get('yil'); if (yil) { var y = $('om-filter-yil'); if (y) y.value = yil; } var fiyat = params.get('fiyat'); if (fiyat) { var f = $('om-filter-fiyat'); if (f) f.value = fiyat; } applyOmFilters(); }) .catch(function () { OM_ALL_LISTINGS = []; renderCards(grid, [], 'Araçlar yüklenemedi.'); var cnt = $('om-result-count'); if (cnt) cnt.textContent = ''; }); on($('om-filter-text'), 'input', applyOmFilters); on($('om-filter-tag'), 'change', applyOmFilters); on($('om-filter-yil'), 'change', applyOmFilters); on($('om-filter-fiyat'), 'change', applyOmFilters); on($('om-filter-sort'), 'change', applyOmFilters); } function applyOmFilters() { var grid = $('om-listings-grid'); if (!grid) return; var textEl = $('om-filter-text'); var tagEl = $('om-filter-tag'); var q = ((textEl && textEl.value) || '').trim().toLocaleLowerCase('tr'); var tag = (tagEl && tagEl.value) || ''; var yilRange = parseRange(($('om-filter-yil') || {}).value || ''); var fiyatRange = parseRange(($('om-filter-fiyat') || {}).value || ''); var sort = ($('om-filter-sort') || {}).value || ''; var filtered = OM_ALL_LISTINGS.filter(function (p) { if (tag && p.tag !== tag) return false; var hay = (((p.title || '') + ' ' + (p.area || '') + ' ' + (p.specs || ''))).toLocaleLowerCase('tr'); if (q && hay.indexOf(q) === -1) return false; if (yilRange) { var year = extractYear(p.specs); if (year !== null && (year < yilRange[0] || year > yilRange[1])) return false; } if (fiyatRange) { // Kiralık ilanların fiyatı AYLIK'tır ("₺28.000 / ay") — satılık fiyat kovalarıyla aynı // ölçekte değildir. Fiyat aralığı seçiliyken kiralıklar listeden çıkarılır; kullanıcı // etiket filtresinden "Kiralık" seçtiyse aralık onlara UYGULANMAZ (yanlış eleme olmasın). if (isRental(p)) { if (tag !== 'Kiralık') return false; } else { var price = parsePrice(p.price); if (price !== null && (price < fiyatRange[0] || price > fiyatRange[1])) return false; } } return true; }); if (sort === 'asc' || sort === 'desc') { filtered = filtered.slice().sort(function (a, b) { // Satılık ve kiralık fiyatlar aynı kovaya girmesin: kiralıklar her zaman sonda gruplanır. var ra = isRental(a) ? 1 : 0, rb = isRental(b) ? 1 : 0; if (ra !== rb) return ra - rb; 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 sort === 'asc' ? pa - pb : pb - pa; }); } else if (sort === 'yeni') { filtered = filtered.slice().sort(function (a, b) { var ya = extractYear(a.specs), yb = extractYear(b.specs); if (ya === null && yb === null) return 0; if (ya === null) return 1; if (yb === null) return -1; return yb - ya; }); } renderCards(grid, filtered, 'Aramanızla eşleşen araç bulunamadı.'); var count = $('om-result-count'); if (count) count.textContent = filtered.length + ' sonuç'; } // ---------------- Araç detay ---------------- function initDetail() { var root = $('om-detail-root'); if (!root) return; var path = window.location.pathname; var leadPageEl = $('om-lead-page'); if (leadPageEl) leadPageEl.setAttribute('value', path); var leadBackEl = $('om-lead-back'); if (leadBackEl) leadBackEl.setAttribute('value', path); var parts = path.split('/').filter(function (s) { return s; }); var idx = parts.indexOf('arac'); var id = (idx !== -1 && parts[idx + 1]) ? decodeURIComponent(parts[idx + 1]) : ''; if (!id) { showDetailNotFound(); return; } fetch('/api/listings/' + encodeURIComponent(id), { credentials: 'same-origin' }) .then(function (r) { if (r.status === 404) { showDetailNotFound(); return null; } return r.json(); }) .then(function (j) { if (j === null) return; if (!j || !j.ok || !j.listing) { showDetailNotFound(); return; } renderDetail(j.listing); }) .catch(function () { showDetailNotFound(); }); } function showDetailNotFound() { var loading = $('om-detail-loading'); if (loading) loading.style.display = 'none'; var root = $('om-detail-root'); if (root) root.style.display = 'none'; var nf = $('om-detail-notfound'); if (nf) nf.style.display = 'block'; } function setText(id, text) { var e = $(id); if (e) e.textContent = text || ''; } // Görsel yoksa yerine tonlu-arkaplan+ikon placeholder göster (kırık ikon önleme) function setImgSrc(id, src) { var e = $(id); if (!e) return; var parent = e.parentNode; var ph = parent ? parent.querySelector('.om-noimg') : null; if (src) { e.src = src; e.style.display = ''; if (ph && ph.parentNode) ph.parentNode.removeChild(ph); } else { e.removeAttribute('src'); e.style.display = 'none'; if (!ph && parent) { ph = document.createElement('div'); ph.className = 'om-noimg'; ph.textContent = '🚗'; parent.appendChild(ph); } } } function renderDetail(p) { setText('om-crumb-title', p.title); var imgs = (Array.isArray(p.images) && p.images.length) ? p.images : (p.img ? [p.img] : []); setImgSrc('om-gallery-main-img', imgs[0]); setImgSrc('om-gallery-side1-img', imgs[1] || imgs[0]); setImgSrc('om-gallery-side2-img', imgs[2] || imgs[0]); // EVRENSEL LIGHTBOX — motorun enjekte ettiği window.vsGallery.open(images, index) ile tam // ekran büyütme + ‹ › slider (TÜM imgs dizisini gezer, yalnız görünen 3'ü değil). Yoksa // sessizce yok say (kendini koru). (function () { var mainEl = $('om-gallery-main-img'), s1El = $('om-gallery-side1-img'), s2El = $('om-gallery-side2-img'); var badge = $('om-gallery-badge'), badgeCount = $('om-gallery-count'); function openGal(idx) { try { if (window.vsGallery) window.vsGallery.open(imgs, idx); } catch (e) {} } if (imgs.length && imgs[0]) { var mainIdx = 0, s1Idx = imgs.length > 1 ? 1 : 0, s2Idx = imgs.length > 2 ? 2 : 0; if (mainEl) { mainEl.style.cursor = 'pointer'; on(mainEl, 'click', function () { openGal(mainIdx); }); } if (s1El) { s1El.style.cursor = 'pointer'; on(s1El, 'click', function () { openGal(s1Idx); }); } if (s2El) { s2El.style.cursor = 'pointer'; on(s2El, 'click', function () { openGal(s2Idx); }); } if (badge) { if (imgs.length > 1) { if (badgeCount) badgeCount.textContent = imgs.length + ' fotoğraf'; badge.style.display = 'flex'; } else { badge.style.display = 'none'; } } } else if (badge) { badge.style.display = 'none'; } })(); setText('om-detail-tag', p.tag); setText('om-detail-title', p.title); setText('om-detail-area', p.area); setText('om-detail-price', p.price); var statGrid = $('om-stat-grid'); if (statGrid) { clear(statGrid); var pairs = specPairs(p.specs); pairs.forEach(function (pr) { var box = mk('div', 'om-stat-box'); if (pr.label) box.appendChild(mk('div', 'om-stat-box-label', pr.label)); box.appendChild(mk('div', 'om-stat-box-val', pr.value)); statGrid.appendChild(box); }); } // Açıklama boşsa yedek metin bas (başlık altı boş kalmasın) setText('om-detail-desc', (p.desc && String(p.desc).replace(/^\s+|\s+$/g, '')) || 'Bu araç için henüz açıklama eklenmedi. Detaylar için bize ulaşabilirsiniz.'); var featGrid = $('om-features-grid'); if (featGrid) { clear(featGrid); var feats = Array.isArray(p.features) ? p.features : []; var featHead = $('om-features-h'); // Özellik yoksa hem ızgarayı hem BAŞLIĞI gizle (eskiden boş "Özellikler" başlığı kalıyordu) if (!feats.length) { featGrid.style.display = 'none'; if (featHead) featHead.style.display = 'none'; } else { featGrid.style.display = ''; if (featHead) featHead.style.display = ''; feats.forEach(function (f) { var item = mk('div', 'om-feature-item'); item.appendChild(mk('span', 'om-feature-check', '✓')); item.appendChild(document.createTextNode(' ' + f)); featGrid.appendChild(item); }); } } var loading = $('om-detail-loading'); if (loading) loading.style.display = 'none'; var nf = $('om-detail-notfound'); if (nf) nf.style.display = 'none'; var root = $('om-detail-root'); if (root) root.style.display = 'block'; wireContactLinks(); } // ---------------- Formlar — POST /api/form (multipart); 2xx/3xx/redirected başarı sayılır ---------------- function wireSimpleForm(formId, successId, errorId) { var form = $(formId); if (!form) return; var success = $(successId); var err = errorId ? $(errorId) : null; on(form, 'submit', function (ev) { ev.preventDefault(); var btn = form.querySelector('button[type="submit"]'); if (btn) btn.disabled = true; if (err) { err.style.display = 'none'; err.textContent = ''; } var fd = new FormData(form); fetch('/api/form', { method: 'POST', body: fd }) .then(function (res) { var okRes = res.ok || res.status === 0 || res.redirected || res.type === 'opaqueredirect' || (res.status >= 200 && res.status < 400); if (!okRes) throw new Error('form-failed'); form.style.display = 'none'; if (success) success.style.display = 'block'; form.reset(); }) .catch(function () { if (btn) btn.disabled = false; if (err) { err.textContent = 'Bir şeyler ters gitti. Lütfen tekrar deneyin ya da bizi telefonla arayın.'; err.style.display = 'block'; } }); }); } // ---------------- İletişim haritası: adres URL-encode edilerek gömülür, adres yoksa gizli kalır ---------------- function initOfficeMap() { var box = $('om-office-map'); if (!box) return; var adres = (box.getAttribute('data-adres') || '').replace(/^\s+|\s+$/g, ''); if (!adres) { box.style.display = 'none'; return; } var frame = document.createElement('iframe'); frame.src = 'https://maps.google.com/maps?q=' + encodeURIComponent(adres) + '&z=15&output=embed'; frame.width = '100%'; frame.height = '190'; frame.style.border = '0'; frame.loading = 'lazy'; frame.referrerPolicy = 'no-referrer-when-downgrade'; frame.title = adres + ' — harita'; box.appendChild(frame); box.style.display = ''; } // ---------------- Boot ---------------- function boot() { initBrandInitial(); wireContactLinks(); initMobileNav(); initOfficeMap(); initHome(); initAraclar(); initDetail(); wireSimpleForm('om-contact-form', 'om-contact-success', 'om-contact-err'); wireSimpleForm('om-lead-form', 'om-lead-success', 'om-lead-err'); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot); } else { boot(); } })();