@php
    $nonOfferedCollection = $nonOfferedPosts->getCollection();
    $offeredCollection = $offeredPosts->getCollection();
    $completedCollection = $completedPosts->getCollection();
    $trustedBanks = collect($nonOfferedPosts->items())
        ->merge($offeredPosts->items())
        ->merge($completedPosts->items())
        ->pluck('bank')
        ->filter()
        ->unique('id')
        ->take(7);
@endphp

<div class="mk-home">
    <header class="mk-header">
        <div class="mk-container">
            <nav class="mk-nav">
                <a class="mk-brand" href="{{ route('home') }}">
                    <img src="{{ asset('assets/img/logo.png') }}" alt="Markest">
                </a>
                <ul class="mk-menu">
                    <li><a href="{{ route('home') }}">Ana Sayfa</a></li>
                    <li><a href="#ilanlar">&#304;haleler</a></li>
                    <li><a href="#surec">Nas&#305;l &#199;al&#305;&#351;&#305;r?</a></li>
                    <li><a href="{{ route('aboutus') }}">Hakk&#305;m&#305;zda</a></li>
                    <li><a href="{{ route('contact') }}">&#304;leti&#351;im</a></li>
                </ul>
                <div class="mk-nav-actions">
                    <span class="mk-phone"><i class="fas fa-phone-alt"></i> 0 (532) 139 92 53</span>
                    @guest
                        <a class="mk-btn" href="{{ route('login') }}"><i class="far fa-user"></i> Giri&#351; Yap</a>
                        <a class="mk-btn mk-btn-primary" href="{{ route('register') }}">&#220;cretsiz Deneyin</a>
                    @else
                        <a class="mk-btn mk-btn-primary" href="{{ route('user.show', ['slug' => Auth::user()->slug]) }}">{{ Auth::user()->name }}</a>
                    @endguest
                </div>
            </nav>
        </div>
    </header>

    <section class="mk-hero">
        <div class="mk-container mk-hero-grid">
            <div>
                <p class="mk-eyebrow">T&#252;rkiye'nin g&#252;venilir ihale platformu</p>
                <h1>G&#252;venilir gayrimenkul <span>ihalelerine h&#305;zl&#305; eri&#351;in</span></h1>
                <p class="mk-hero-copy">Markest ile gayrimenkul ihalelerini, banka ilanlar&#305;n&#305; ve teklif s&#252;re&#231;lerini tek ekrandan takip edin. &#350;effaf, h&#305;zl&#305; ve g&#252;venli yat&#305;r&#305;m deneyimi.</p>
            </div>
            <div class="mk-hero-stats">
                <div class="mk-hero-stat"><strong>{{ number_format($nonOfferedPosts->total() + $offeredPosts->total(), 0, ',', '.') }}+</strong><span>Yay&#305;ndaki ilan</span></div>
                <div class="mk-hero-stat"><strong>{{ number_format($offeredPosts->total(), 0, ',', '.') }}+</strong><span>Aktif ihale</span></div>
                <div class="mk-hero-stat"><strong>{{ number_format($completedPosts->total(), 0, ',', '.') }}+</strong><span>Tamamlanan ihale</span></div>
                <div class="mk-hero-stat"><strong>7/24</strong><span>Operasyon deste&#287;i</span></div>
            </div>
        </div>
    </section>

    <section class="mk-search-panel">
        <div class="mk-container">
            <form class="mk-search-card" action="{{ route('search') }}" method="get">
                <div class="mk-search-grid">
                    <div class="mk-field">
                        <i class="fas fa-search"></i>
                        <div>
                            <label>Kelime / &#304;lan No</label>
                            <input type="text" name="keyword" value="{{ request()->keyword }}" placeholder="&#304;lan ba&#351;l&#305;&#287;&#305; veya ilan kodu">
                        </div>
                    </div>
                    <div class="mk-field">
                        <i class="far fa-list-alt"></i>
                        <div>
                            <label>&#304;lan Tipi</label>
                            <select class="mk-modern-select" name="tender_status">
                                <option value="" {{ request()->tender_status == '' ? 'selected' : '' }}>T&#252;m ilanlar</option>
                                <option value="1" {{ request()->tender_status == '1' ? 'selected' : '' }}>&#304;hale s&#252;recinde</option>
                                <option value="2" {{ request()->tender_status == '2' ? 'selected' : '' }}>Teklif beklenen</option>
                                <option value="3" {{ request()->tender_status == '3' ? 'selected' : '' }}>Hemen al</option>
                            </select>
                        </div>
                    </div>
                    <div class="mk-field">
                        <i class="far fa-building"></i>
                        <div>
                            <label>Emlak Tipi</label>
                            <select class="mk-modern-select" name="property_type">
                                <option value="" {{ request()->property_type == '' ? 'selected' : '' }}>T&#252;m t&#252;rler</option>
                                <option value="0" {{ request()->property_type == '0' ? 'selected' : '' }}>Konut</option>
                                <option value="1" {{ request()->property_type == '1' ? 'selected' : '' }}>&#304;&#351; Yeri</option>
                                <option value="2" {{ request()->property_type == '2' ? 'selected' : '' }}>Arsa</option>
                            </select>
                        </div>
                    </div>
                    <div class="mk-field">
                        <i class="fas fa-map-marker-alt"></i>
                        <div>
                            <label>&#350;ehir</label>
                            <select class="mk-modern-select" name="city">
                                <option value="" {{ request()->city == '' ? 'selected' : '' }}>Konum se&#231;in</option>
                                @foreach ($cities as $city)
                                    <option value="{{ $city->name }}" {{ request()->city == $city->name ? 'selected' : '' }}>{{ $city->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="mk-field">
                        <i class="fas fa-lira-sign"></i>
                        <div>
                            <label>Fiyat Aral&#305;&#287;&#305;</label>
                            <input class="money" type="text" name="max_price" value="{{ request()->max_price }}" placeholder="Maksimum tutar">
                        </div>
                    </div>
                    <button class="mk-search-submit" type="submit"><i class="fas fa-search"></i> Ara</button>
                </div>
            </form>

            <div class="mk-trust">
                <div class="mk-trust-row">
                    <p class="mk-trust-title">G&#252;&#231;l&#252; kurumlar,<br>g&#252;venli i&#351; birli&#287;i</p>
                    <div class="mk-bank-logos">
                        @forelse($trustedBanks as $bank)
                            @if($bank->logo_path || file_exists('assets/img/card-logo/'. $bank->code .'.png'))
                                <img src="{{ $bank->logo_path ? asset('storage/'.$bank->logo_path) : asset('assets/img/card-logo/'. $bank->code .'.png') }}" alt="{{ $bank->name }}">
                            @else
                                <strong>{{ $bank->name }}</strong>
                            @endif
                        @empty
                            <strong>Markest</strong>
                            <strong>G&#252;venilir &#304;hale Y&#246;netimi</strong>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>
    </section>

    <main id="ilanlar">
        <section class="mk-section">
            <div class="mk-container">
                <div class="mk-section-head">
                    <div>
                        <p class="mk-section-kicker">Yeni f&#305;rsatlar</p>
                        <h2 class="mk-section-title">Teklif beklenen gayrimenkuller</h2>
                        <p class="mk-section-desc">&#304;lk teklif &#246;ncesindeki y&#252;ksek potansiyelli ilanlar.</p>
                    </div>
                    <div class="mk-section-actions">
                        <div class="mk-slider-nav" aria-label="Teklif bekleyen ilanlar slider kontrol">
                            <button type="button" class="mk-slider-btn" data-slider-prev aria-label="Geri"><i class="fas fa-chevron-left"></i></button>
                            <button type="button" class="mk-slider-btn" data-slider-next aria-label="İleri"><i class="fas fa-chevron-right"></i></button>
                        </div>
                        <a class="mk-section-link" href="{{ route('search', ['tender_status' => 2]) }}">T&#252;m&#252;n&#252; G&#246;r &rarr;</a>
                    </div>
                </div>
                <div class="mk-slider" data-mk-slider data-autoplay="true">
                    <div class="mk-card-grid mk-slider-track">
                        @foreach ($nonOfferedCollection->take(12) as $post)
                            @include('home.partials.modern-property-card', ['variant' => 'waiting'])
                        @endforeach
                    </div>
                </div>
            </div>
        </section>

        <section class="mk-container mk-feature-band" id="surec">
            <div class="mk-feature-visual"></div>
            <div>
                <p class="mk-section-kicker">Platform g&#252;c&#252;</p>
                <h2>T&#252;m s&#252;re&#231;lerinizi tek platformdan y&#246;netin</h2>
                <p>&#304;hale y&#246;netiminden evrak takibine, bildirimlerden API entegrasyonuna kadar t&#252;m ak&#305;&#351;&#305; Markest ile d&#252;zenli izleyin.</p>
                <div class="mk-feature-list">
                    <div class="mk-feature-item"><i class="fas fa-gavel"></i>Aktif ihale y&#246;netimi</div>
                    <div class="mk-feature-item"><i class="far fa-file-alt"></i>Evrak ve dok&#252;man</div>
                    <div class="mk-feature-item"><i class="fas fa-plug"></i>API entegrasyonu</div>
                    <div class="mk-feature-item"><i class="far fa-bell"></i>Anl&#305;k bildirimler</div>
                </div>
            </div>
        </section>

        <section class="mk-section">
            <div class="mk-container">
                <div class="mk-section-head">
                    <div>
                        <p class="mk-section-kicker">Canl&#305; ihaleler</p>
                        <h2 class="mk-section-title">&#304;hale s&#252;recindeki gayrimenkuller</h2>
                        <p class="mk-section-desc">Devam eden ihaleleri, son teklifleri ve kalan s&#252;releri takip edin.</p>
                    </div>
                    <div class="mk-section-actions">
                        <div class="mk-slider-nav" aria-label="Canlı ihaleler slider kontrol">
                            <button type="button" class="mk-slider-btn" data-slider-prev aria-label="Geri"><i class="fas fa-chevron-left"></i></button>
                            <button type="button" class="mk-slider-btn" data-slider-next aria-label="İleri"><i class="fas fa-chevron-right"></i></button>
                        </div>
                        <a class="mk-section-link" href="{{ route('search', ['tender_status' => 1]) }}">T&#252;m&#252;n&#252; G&#246;r &rarr;</a>
                    </div>
                </div>
                <div class="mk-slider" data-mk-slider data-autoplay="true">
                    <div class="mk-active-showcase mk-slider-track">
                        @foreach ($offeredCollection->take(12) as $post)
                            @if ($post->tender_status == 1)
                                @include('home.partials.modern-property-card', ['variant' => 'active'])
                            @endif
                        @endforeach
                    </div>
                </div>
                <div class="mk-dark-strip">
                    <div class="mk-strip-grid">
                        <div class="mk-strip-item"><strong>{{ number_format($nonOfferedPosts->total() + $offeredPosts->total(), 0, ',', '.') }}+</strong><span>Aktif ilan</span></div>
                        <div class="mk-strip-item"><strong>{{ number_format($completedPosts->total(), 0, ',', '.') }}+</strong><span>Sonu&#231;lanan ihale</span></div>
                        <div class="mk-strip-item"><strong>100M+</strong><span>&#304;&#351;lem hacmi</span></div>
                        <div class="mk-strip-item"><strong>7/24</strong><span>Kesintisiz destek</span></div>
                    </div>
                </div>
            </div>
        </section>

        <section class="mk-section">
            <div class="mk-container">
                <div class="mk-section-head">
                    <div>
                        <p class="mk-section-kicker">Sonu&#231;lananlar</p>
                        <h2 class="mk-section-title">&#304;halesi tamamlanan gayrimenkuller</h2>
                        <p class="mk-section-desc">Tamamlanan ihaleler ile piyasa hareketlerini takip edin.</p>
                    </div>
                    <div class="mk-section-actions">
                        <div class="mk-slider-nav" aria-label="Tamamlanan ilanlar slider kontrol">
                            <button type="button" class="mk-slider-btn" data-slider-prev aria-label="Geri"><i class="fas fa-chevron-left"></i></button>
                            <button type="button" class="mk-slider-btn" data-slider-next aria-label="İleri"><i class="fas fa-chevron-right"></i></button>
                        </div>
                        <a class="mk-section-link" href="{{ route('search', ['tender_status' => 2]) }}">T&#252;m&#252;n&#252; G&#246;r &rarr;</a>
                    </div>
                </div>
                <div class="mk-slider" data-mk-slider data-autoplay="true">
                    <div class="mk-card-grid mk-slider-track">
                        @foreach ($completedCollection as $post)
                            @include('home.partials.modern-property-card', ['variant' => 'completed'])
                        @endforeach
                    </div>
                </div>
            </div>
        </section>

        <section class="mk-container mk-cta">
            <h2>&#304;hale y&#246;netiminde yeni d&#246;neme siz de kat&#305;l&#305;n.</h2>
            <p>Do&#287;ru gayrimenkul f&#305;rsatlar&#305;n&#305; izleyin, teklif s&#252;re&#231;lerini sadele&#351;tirin ve operasyonlar&#305;n&#305;z&#305; tek panelden y&#246;netin.</p>
            @guest
                <a class="mk-btn mk-btn-primary" href="{{ route('register') }}">&#220;cretsiz Deneyin</a>
            @else
                <a class="mk-btn mk-btn-primary" href="{{ route('user.show', ['slug' => Auth::user()->slug]) }}">Panelime Git</a>
            @endguest
        </section>
    </main>

    <footer class="mk-footer">
        <div class="mk-container mk-footer-grid">
            <div>
                <a class="mk-brand" href="{{ route('home') }}">
                    <img src="{{ asset('assets/img/logo.png') }}" alt="Markest">
                </a>
                <p class="mt-3">&#304;hale ve operasyon y&#246;netiminde T&#252;rkiye'nin g&#252;venilir gayrimenkul platformu.</p>
            </div>
            <div>
                <h4>Platform</h4>
                <a href="#ilanlar">&#304;haleler</a>
                <a href="#surec">Nas&#305;l &#199;al&#305;&#351;&#305;r?</a>
                <a href="{{ route('buy-realestate') }}">Gayrimenkul Nas&#305;l Edinirim?</a>
            </div>
            <div>
                <h4>Kurumsal</h4>
                <a href="{{ route('aboutus') }}">Hakk&#305;m&#305;zda</a>
                <a href="{{ route('ourjob') }}">Ne Yap&#305;yoruz?</a>
                <a href="{{ route('contact') }}">&#304;leti&#351;im</a>
            </div>
            <div>
                <h4>Destek</h4>
                <a href="tel:05321399253">0 (532) 139 92 53</a>
                <a href="mailto:bilgi@markest.com.tr">bilgi@markest.com.tr</a>
            </div>
        </div>
    </footer>
</div>