(function () { if (window.__marinGuard) return; window.__marinGuard = 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 mk(tag, cls, str) { var e = document.createElement(tag); if (cls) e.className = cls; if (str !== undefined && str !== null) e.textContent = str; return e; } function setText(id, str) { var e = $(id); if (e) e.textContent = str || ''; } var ADRES = 'Bagdat Caddesi No:120, Kadikoy / Istanbul'; var ICON_HOUSE = ''; function buildMap(container, query) { if (!container) return; clear(container); var q = query || ADRES; if (!q) return; var iframe = document.createElement('iframe'); iframe.src = 'https://maps.google.com/maps?q=' + encodeURIComponent(q) + '&z=15&output=embed'; iframe.loading = 'lazy'; iframe.setAttribute('referrerpolicy', 'no-referrer-when-downgrade'); iframe.setAttribute('title', 'Konum'); container.appendChild(iframe); } function priceText(v) { if (typeof v === 'number') return Math.round(v).toLocaleString('tr-TR') + ' ₺'; return v == null ? '' : String(v); } function numericPrice(v) { if (typeof v === 'number') return v; var digits = String(v || '').replace(/[^0-9]/g, ''); return digits ? parseInt(digits, 10) : 0; } // İlan kimliği çoğunlukla URL slug'ıdır ("besiktas-rezidans") — "İlan No" rozeti YALNIZ sayısal // kimliklerde anlamlıdır; aksi hâlde basılmaz (kartta "İlan No: besiktas-rezidans" çıkmaz). function listingNo(id) { var v = (id == null ? '' : String(id)).trim(); return /^[0-9]{1,12}$/.test(v) ? v : ''; } function splitSpecs(s) { if (!s) return []; return String(s).split(/[·,]/).map(function (x) { return x.trim(); }).filter(function (x) { return x; }); } function specIconFor(i) { var icons = ['▦', '◒', '⤢', '◆']; return icons[i % icons.length]; } function specLabelFor(part) { var p = part.toLowerCase(); if (p.indexOf('m2') !== -1 || p.indexOf('m²') !== -1) return 'Alan'; if (p.indexOf('banyo') !== -1) return 'Banyo'; if (p.indexOf('kat') !== -1) return 'Kat'; if (part.indexOf('+') !== -1) return 'Oda'; return 'Özellik'; } // ---------------- Marka baş harfi (herhangi bir kiracı adı için) ---------------- function initBrand() { var nameEl = document.querySelector('.marin-logo-name'); var name = (nameEl && nameEl.textContent || '').trim(); var letter = (name.charAt(0) || 'M').toUpperCase(); qsa('[data-marin-letter]').forEach(function (el) { el.textContent = letter; }); // Logo alt yazısı (kiracının kendi ünvanı) boşsa satırı hiç gösterme. qsa('[data-marin-logo-sub]').forEach(function (el) { if (!(el.textContent || '').trim()) el.style.display = 'none'; }); // Çalışma saatleri: boş satırlar gizlenir, üçü de boşsa sütun hiç basılmaz. var hoursCol = document.querySelector('[data-marin-hours]'); if (hoursCol) { var any = false; qsa('[data-marin-hour]', hoursCol).forEach(function (el) { var v = (el.textContent || '').trim(); if (v) any = true; else el.style.display = 'none'; }); if (!any) hoursCol.style.display = 'none'; } } // ---------------- tel: bağlantılarını temizle (boşluk/parantez içeren telefon metni) -------- function wireTelLinks() { qsa('[data-tel]').forEach(function (a) { var raw = a.getAttribute('data-tel') || ''; var cleaned = raw.replace(/[^0-9+]/g, ''); if (cleaned) a.setAttribute('href', 'tel:' + cleaned); }); } // ---------------- Mobil hamburger: sekme çubuğunu (.marin-nav-inner) açılır panele çevirir ---------------- function initMobileNav() { var burger = document.querySelector('[data-marin-burger]'); var panel = document.querySelector('[data-marin-nav-panel]'); if (!burger || !panel) return; // Hamburger'i mobilde SABİT (sticky) menü şeridine taşı — topbar sticky değil, bu yüzden orada // kalırsa sayfa kaydırıldığında menüye erişilemiyordu. Masaüstünde eski yerine geri konur. var navBar = document.querySelector('.marin-nav'); var burgerHome = burger.parentNode, burgerNext = burger.nextSibling; function placeBurger() { if (!navBar) return; if (window.innerWidth <= 768) { if (burger.parentNode !== navBar) navBar.insertBefore(burger, navBar.firstChild); } else if (burgerHome && burger.parentNode !== burgerHome) { burgerHome.insertBefore(burger, burgerNext); } } placeBurger(); function isOpen() { return panel.classList.contains('open'); } function openMenu() { panel.classList.add('open'); burger.setAttribute('aria-expanded', 'true'); } function closeMenu() { panel.classList.remove('open'); burger.setAttribute('aria-expanded', 'false'); } on(burger, 'click', function (e) { e.stopPropagation(); if (isOpen()) closeMenu(); else openMenu(); }); qsa('[data-nav-link]', panel).forEach(function (a) { on(a, 'click', closeMenu); }); document.addEventListener('click', function (e) { if (!isOpen()) return; if (panel.contains(e.target) || burger.contains(e.target)) return; closeMenu(); }); document.addEventListener('keydown', function (e) { if (e.key === 'Escape' || e.keyCode === 27) closeMenu(); }); window.addEventListener('resize', function () { placeBurger(); if (window.innerWidth >= 769) closeMenu(); }); } // ---------------- Aktif menü linki ---------------- // "Satılık" ve "Kiralık" AYNI yola (/ilanlar) gider, yalnız ?tag= farklıdır — bu yüzden yalnız // yol karşılaştırmak ikisini birden aktif işaretliyordu. Önce ?tag= eşleşmesi aranır; eşleşme // yoksa YALNIZ sorgusuz linkler yola göre değerlendirilir (hiçbiri aktif olmayabilir). function initNav() { var path = location.pathname; if (path.length > 1 && path.charAt(path.length - 1) === '/') path = path.slice(0, -1); if (!path) path = '/'; var curTag = ''; try { curTag = new URLSearchParams(location.search).get('tag') || ''; } catch (e) { curTag = ''; } var links = qsa('[data-nav-link]'); var matched = false; links.forEach(function (a) { var href = a.getAttribute('data-href') || ''; var tag = a.getAttribute('data-tag') || ''; if (!tag) return; if (href === path && tag === curTag) { a.classList.add('is-active'); matched = true; } }); if (matched) return; links.forEach(function (a) { if (a.getAttribute('data-tag')) return; var href = a.getAttribute('data-href') || ''; var active = href === '/' ? path === '/' : (path === href || path.indexOf(href + '/') === 0); if (active) a.classList.add('is-active'); }); } // ---------------- Arama formları (topbar + hero) → /ilanlar?q=... ---------------- function initSearchForms() { qsa('[data-marin-search]').forEach(function (f) { on(f, 'submit', function (e) { e.preventDefault(); var input = f.querySelector('input[name="q"]'); var val = input ? input.value.trim() : ''; location.href = '/ilanlar' + (val ? ('?q=' + encodeURIComponent(val)) : ''); }); }); } // ---------------- Dinamik sayfa yolu: /ilan/ gibi sayfalarda _page/_back boş bırakılan // gizli alanlara GERÇEK location.pathname yazılır (statik sayfalarda zaten dolu, dokunulmaz) ---------------- function fillFormPagePaths() { var path = location.pathname || '/'; qsa('input[name="_page"]').forEach(function (el) { if (!el.value) el.value = path; }); qsa('input[name="_back"]').forEach(function (el) { if (!el.value) el.value = path; }); } // ---------------- İletişim / talep formları → GERÇEK POST /api/form (multipart) ---------------- function wireSimpleForm(form, successEl) { if (!form) return; var successText = successEl ? successEl.textContent : ''; on(form, 'submit', function (e) { e.preventDefault(); var btn = form.querySelector('button[type="submit"]'); 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.status >= 200 && res.status < 400); if (!ok) throw new Error('form-failed'); if (successEl) { successEl.textContent = successText; successEl.classList.remove('is-err'); successEl.style.display = 'block'; try { if (successEl.focus) successEl.focus(); } catch (e2) {} } form.reset(); }) .catch(function () { if (successEl) { successEl.textContent = 'Bir şeyler ters gitti. Lütfen tekrar deneyin.'; successEl.classList.add('is-err'); successEl.style.display = 'block'; try { if (successEl.focus) successEl.focus(); } catch (e3) {} } }) .then(function () { if (btn) btn.disabled = false; }); }); } function initStaticForms() { fillFormPagePaths(); var contact = document.querySelector('[data-marin-contact-form]'); wireSimpleForm(contact, $('marin-contact-success')); qsa('[data-marin-inquiry]').forEach(function (f) { wireSimpleForm(f, f.querySelector('.marin-form-success')); }); } // ---------------- İlan kartı (ListingCard birebir) ---------------- function buildCard(listing, ribbon) { var a = document.createElement('a'); a.className = 'marin-card'; a.href = '/ilan/' + encodeURIComponent(listing.id != null ? listing.id : ''); var media = mk('div', 'marin-card-media'); var mediaSrc = listing.img || (listing.images && listing.images[0]) || ''; if (mediaSrc) { var img = document.createElement('img'); img.src = mediaSrc; img.alt = listing.title || ''; img.loading = 'lazy'; media.appendChild(img); } else { var mediaPh = document.createElement('div'); mediaPh.className = 'marin-noimg'; mediaPh.innerHTML = ICON_HOUSE; media.appendChild(mediaPh); } if (ribbon) media.appendChild(mk('span', 'marin-card-ribbon', 'ÖNE ÇIKAN')); var photoCount = (listing.images && listing.images.length) ? listing.images.length : (mediaSrc ? 1 : 0); if (photoCount) { var count = mk('span', 'marin-card-count', photoCount + ' fotoğraf'); count.style.left = ribbon ? '108px' : '12px'; media.appendChild(count); } media.appendChild(mk('span', 'marin-card-tag', listing.tag || '')); media.appendChild(mk('div', 'marin-card-gradient')); media.appendChild(mk('div', 'marin-card-price', priceText(listing.price))); // "İlan No" rozeti YALNIZ gerçekten numara olan kimliklerde basılır (id genelde URL slug'ıdır). var cardNo = listingNo(listing.id); if (cardNo) media.appendChild(mk('span', 'marin-card-no', 'İlan No: ' + cardNo)); a.appendChild(media); var body = mk('div', 'marin-card-body'); body.appendChild(mk('h3', 'marin-card-title', listing.title || '')); body.appendChild(mk('div', 'marin-card-loc', '◈ ' + (listing.area || ''))); var meta = mk('div', 'marin-card-meta'); splitSpecs(listing.specs).slice(0, 3).forEach(function (p, i) { meta.appendChild(mk('span', null, specIconFor(i) + ' ' + p)); }); body.appendChild(meta); a.appendChild(body); return a; } function renderGrid(container, listings, ribbon, emptyText) { if (!container) return; clear(container); if (!listings.length) { container.appendChild(mk('div', 'marin-state', emptyText || 'Gösterilecek ilan bulunamadı.')); return; } listings.forEach(function (l) { container.appendChild(buildCard(l, ribbon)); }); } function renderVitrin(container, listings) { if (!container) return; clear(container); if (!listings.length) { container.appendChild(mk('div', 'marin-state', 'Vitrin ilanı bulunamadı.')); return; } listings.forEach(function (v) { var a = document.createElement('a'); a.className = 'marin-vitrin-item'; a.href = '/ilan/' + encodeURIComponent(v.id != null ? v.id : ''); var vSrc = v.img || (v.images && v.images[0]) || ''; if (vSrc) { var img = document.createElement('img'); img.src = vSrc; img.alt = v.title || ''; img.loading = 'lazy'; a.appendChild(img); } else { var vPh = document.createElement('div'); vPh.className = 'marin-noimg'; vPh.innerHTML = ICON_HOUSE; a.appendChild(vPh); } a.appendChild(mk('div', 'marin-vitrin-gradient')); a.appendChild(mk('span', 'marin-vitrin-tag', v.tag || '')); a.appendChild(mk('div', 'marin-vitrin-price', priceText(v.price))); var vNo = listingNo(v.id); if (vNo) a.appendChild(mk('span', 'marin-vitrin-no', 'İlan No: ' + vNo)); container.appendChild(a); }); } // ---------------- İstemci taraflı sayfalama ---------------- function makePager(gridEl, pagerEl, pageSize, ribbon, emptyText) { var items = []; var page = 1; function renderPager(totalPages) { clear(pagerEl); if (!pagerEl || totalPages <= 1) return; function addBtn(label, target, disabled, active) { var b = document.createElement(disabled ? 'span' : 'button'); if (!disabled) b.type = 'button'; b.className = 'marin-page-btn' + (active ? ' is-active' : ''); b.textContent = label; if (disabled) b.setAttribute('disabled', 'disabled'); else on(b, 'click', function () { page = target; render(); if (gridEl.scrollIntoView) gridEl.scrollIntoView({ behavior: 'smooth', block: 'start' }); }); pagerEl.appendChild(b); } addBtn('←', Math.max(1, page - 1), page === 1, false); for (var i = 1; i <= totalPages; i++) addBtn(String(i), i, false, i === page); addBtn('→', Math.min(totalPages, page + 1), page === totalPages, false); } function render() { var totalPages = Math.max(1, Math.ceil(items.length / pageSize)); if (page > totalPages) page = totalPages; var start = (page - 1) * pageSize; renderGrid(gridEl, items.slice(start, start + pageSize), ribbon, emptyText); renderPager(totalPages); } return { setItems: function (arr) { items = arr || []; page = 1; render(); } }; } // ---------------- Ortak veri katmanı ---------------- var LISTINGS_CACHE = null; function fetchListings() { if (LISTINGS_CACHE) return Promise.resolve(LISTINGS_CACHE); return fetch('/api/listings') .then(function (r) { return r.json(); }) .then(function (j) { LISTINGS_CACHE = { listings: (j && j.ok && Array.isArray(j.listings)) ? j.listings : [], features: (j && Array.isArray(j.features)) ? j.features : [] }; return LISTINGS_CACHE; }) .catch(function () { LISTINGS_CACHE = { listings: [], features: [] }; return LISTINGS_CACHE; }); } // Alan metni "Beşiktaş, İstanbul" (virgüllü) ya da "Etiler / Beşiktaş / İstanbul" biçiminde // gelebilir — eskiden YALNIZ "/" ile bölündüğü için mahalle listesi her zaman boş kalıyor, ilçe // listesi de tüm metni ("Beşiktaş, İstanbul") seçenek olarak basıyordu. // Kabul: son parça il · 3+ parça varsa ilk parça mahalle, ikincisi ilçe · 2 parça varsa ilki ilçe. function areaParts(area) { return String(area || '').split(/[\/,]/).map(function (s) { return s.trim(); }).filter(function (s) { return s; }); } function districtOf(area) { var p = areaParts(area); if (p.length >= 3) return p[1]; return p[0] || ''; } function neighborhoodOf(area) { var p = areaParts(area); return p.length >= 3 ? p[0] : ''; } var KNOWN_TYPES = ['Daire', 'Villa', 'Dübleks', 'Müstakil Ev', 'İş Yeri', 'Dükkan', 'Arsa', 'Tarla', 'Rezidans', 'Bina']; function typesIn(listings) { var found = []; KNOWN_TYPES.forEach(function (t) { var low = t.toLowerCase(); var hit = listings.some(function (l) { return (l.title || '').toLowerCase().indexOf(low) !== -1; }); if (hit) found.push(t); }); return found; } function uniqueSorted(arr) { var seen = {}, out = []; arr.forEach(function (v) { if (v && !seen[v]) { seen[v] = true; out.push(v); } }); out.sort(function (a, b) { return a.localeCompare(b, 'tr'); }); return out; } // Seçeneği olmayan seçici GÖSTERİLMEZ (ölü kontrol olmasın): varsa sarmalayıcısı, yoksa kendisi gizlenir. function fillSelect(sel, options, placeholder) { if (!sel) return; var current = sel.value; clear(sel); var ph = document.createElement('option'); ph.value = ''; ph.textContent = placeholder; sel.appendChild(ph); options.forEach(function (o) { var op = document.createElement('option'); op.value = o; op.textContent = o; sel.appendChild(op); }); if (options.indexOf(current) !== -1) sel.value = current; var host = sel.closest ? sel.closest('[data-marin-filter-wrap]') : null; (host || sel).style.display = options.length ? '' : 'none'; } function applyFilters(listings, f) { return listings.filter(function (l) { if (f.tag && l.tag !== f.tag) return false; if (f.id && String(l.id == null ? '' : l.id).toLowerCase().indexOf(f.id.toLowerCase()) === -1) return false; if (f.type && (l.title || '').toLowerCase().indexOf(f.type.toLowerCase()) === -1) return false; if (f.district && districtOf(l.area) !== f.district) return false; if (f.neighborhood && neighborhoodOf(l.area) !== f.neighborhood) return false; if (f.q) { var hay = ((l.title || '') + ' ' + (l.area || '')).toLowerCase(); if (hay.indexOf(f.q.toLowerCase()) === -1) return false; } return true; }); } // ---------------- Ana sayfa ---------------- function initHome() { var gridEl = $('marin-home-grid'); if (!gridEl) return; var pager = makePager(gridEl, $('marin-home-pagination'), 6, false, 'Filtrenizle eşleşen ilan bulunamadı.'); var vitrinEl = $('marin-vitrin'); var featuredEl = $('marin-featured'); var qs = new URLSearchParams(location.search); var state = { tag: 'Satılık', id: '', type: '', district: '', neighborhood: '', q: qs.get('q') || '' }; var fsQ = $('marin-fs-q'), fsNo = $('marin-fs-no'), fsType = $('marin-fs-type'), fsDistrict = $('marin-fs-district'), fsNeighborhood = $('marin-fs-neighborhood'), btnSatilik = $('marin-fs-tag-satilik'), btnKiralik = $('marin-fs-tag-kiralik'), countSatilik = $('marin-fs-count-satilik'), countKiralik = $('marin-fs-count-kiralik'), submitBtn = $('marin-fs-submit'); if (fsQ) fsQ.value = state.q; function setTag(tag) { state.tag = (state.tag === tag) ? '' : tag; if (btnSatilik) { btnSatilik.classList.toggle('is-active', state.tag === 'Satılık'); btnSatilik.setAttribute('aria-pressed', state.tag === 'Satılık' ? 'true' : 'false'); } if (btnKiralik) { btnKiralik.classList.toggle('is-active', state.tag === 'Kiralık'); btnKiralik.setAttribute('aria-pressed', state.tag === 'Kiralık' ? 'true' : 'false'); } } fetchListings().then(function (data) { var all = data.listings; if (countSatilik) countSatilik.textContent = '(' + all.filter(function (l) { return l.tag === 'Satılık'; }).length + ')'; if (countKiralik) countKiralik.textContent = '(' + all.filter(function (l) { return l.tag === 'Kiralık'; }).length + ')'; fillSelect(fsType, typesIn(all), 'Gayrimenkul Tipi Seçiniz'); fillSelect(fsDistrict, uniqueSorted(all.map(function (l) { return districtOf(l.area); })), 'İlçe Seçiniz'); fillSelect(fsNeighborhood, uniqueSorted(all.map(function (l) { return neighborhoodOf(l.area); })), 'Mahalle Seçiniz'); setTag(state.tag); function apply() { pager.setItems(applyFilters(all, state)); } apply(); var vitrin = all.slice(0, 4); var vitrinIds = {}; vitrin.forEach(function (v) { vitrinIds[v.id] = true; }); renderVitrin(vitrinEl, vitrin); var rest = all.filter(function (l) { return !vitrinIds[l.id]; }); renderGrid(featuredEl, (rest.length ? rest : all).slice(0, 4), true, 'Henüz öne çıkan ilan yok.'); on(btnSatilik, 'click', function () { setTag('Satılık'); apply(); }); on(btnKiralik, 'click', function () { setTag('Kiralık'); apply(); }); on(fsNo, 'input', function () { state.id = fsNo.value.trim(); apply(); }); on(fsQ, 'input', function () { state.q = fsQ.value.trim(); apply(); }); on(fsType, 'change', function () { state.type = fsType.value; apply(); }); on(fsDistrict, 'change', function () { state.district = fsDistrict.value; apply(); }); on(fsNeighborhood, 'change', function () { state.neighborhood = fsNeighborhood.value; apply(); }); on(submitBtn, 'click', apply); }); } // ---------------- Tüm İlanlar ---------------- function initIlanlar() { var gridEl = $('marin-ilanlar-grid'); if (!gridEl) return; var pager = makePager(gridEl, $('marin-ilanlar-pagination'), 12, false, 'Arama kriterlerinize uygun ilan bulunamadı.'); var qs = new URLSearchParams(location.search); var state = { q: qs.get('q') || '', tag: qs.get('tag') || '', type: '', sort: '' }; var fbQ = $('marin-fb-q'), fbType = $('marin-fb-type'), fbTag = $('marin-fb-tag'), fbSort = $('marin-fb-sort'), fbSubmit = $('marin-fb-submit'); if (fbQ) fbQ.value = state.q; if (fbTag && state.tag) fbTag.value = state.tag; fetchListings().then(function (data) { var all = data.listings; fillSelect(fbType, typesIn(all), 'Tüm Türler'); function apply() { var list = applyFilters(all, { tag: state.tag, q: state.q, type: state.type }); if (state.sort === 'asc') list = list.slice().sort(function (a, b) { return numericPrice(a.price) - numericPrice(b.price); }); else if (state.sort === 'desc') list = list.slice().sort(function (a, b) { return numericPrice(b.price) - numericPrice(a.price); }); pager.setItems(list); } apply(); on(fbQ, 'input', function () { state.q = fbQ.value.trim(); apply(); }); on(fbType, 'change', function () { state.type = fbType.value; apply(); }); on(fbTag, 'change', function () { state.tag = fbTag.value; apply(); }); on(fbSort, 'change', function () { state.sort = fbSort.value; apply(); }); on(fbSubmit, 'click', apply); }); } // ---------------- İlan detay ---------------- function currentListingId() { var parts = location.pathname.split('/').filter(function (s) { return s; }); var idx = parts.indexOf('ilan'); return (idx !== -1 && parts[idx + 1]) ? decodeURIComponent(parts[idx + 1]) : ''; } // Galeri: gözler

Açıklama

Özellikler

Konum