@php
    $nonOfferedCollection = $nonOfferedPosts->getCollection();
    $offeredCollection = $offeredPosts->getCollection();
    $completedCollection = $completedPosts->getCollection();
    $homepageBankCollection = isset($homepageBanks) ? collect($homepageBanks) : collect();
    $fallbackBanks = collect($nonOfferedPosts->items())
        ->merge($offeredPosts->items())
        ->merge($completedPosts->items())
        ->pluck('bank')
        ->filter()
        ->unique('id');
    $trustedBanks = isset($publicBank) && $publicBank
        ? collect([$publicBank])
        : ($homepageBankCollection->isNotEmpty() ? $homepageBankCollection : $fallbackBanks);
    $bankLogoUrl = function ($bank) {
        if (! $bank) {
            return null;
        }

        if ($bank->logo_path) {
            return asset('storage/'.$bank->logo_path);
        }

        $publicLogoPath = 'assets/img/card-logo/'. $bank->code .'.png';

        return file_exists(public_path($publicLogoPath)) ? asset($publicLogoPath) : null;
    };
    $bankSubdomainUrl = function ($bank) {
        return request()->getScheme().'://'.$bank->code.'.markest.com.tr';
    };
    $brandLogo = isset($publicBank) && $publicBank && $bankLogoUrl($publicBank)
        ? $bankLogoUrl($publicBank)
        : asset('assets/img/logo.png');
    $brandName = isset($publicBank) && $publicBank ? $publicBank->name : 'Markest';
    $selectedDistricts = $selectedDistricts ?? collect();
    $selectedDistrictValue = request()->district;
@endphp

<div class="mk-home">
    <header class="mk-header">
        <div class="mk-container mk-header-shell">
            <a class="mk-brand" href="{{ route('home') }}">
                <img src="{{ $brandLogo }}" alt="{{ $brandName }}">
            </a>

            <div class="mk-header-center">
                <div class="mk-helper-title">Nas&#305;l yard&#305;mc&#305; olabiliriz?</div>
                <div class="mk-helper-subtitle">Gayrimenkul ihalesinin en kolay yolu</div>
                <ul class="mk-menu">
                    <li><a href="{{ route('home') }}">Anasayfa</a></li>
                    <li><a href="#ilanlar">&#304;lan Bul</a></li>
                    <li><a href="{{ route('aboutus') }}">Biz Kimiz?</a></li>
                    <li><a href="{{ route('buy-realestate') }}">Nas&#305;l &#199;al&#305;&#351;&#305;r?</a></li>
                    <li><a href="{{ route('contact') }}">&#304;leti&#351;im</a></li>
                </ul>
            </div>

            <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-login-block" href="{{ route('login') }}">Giri&#351; Yap</a>
                    <a class="mk-register-link" href="{{ route('register') }}">&#220;ye Ol</a>
                @else
                    <a class="mk-login-block" href="{{ route('user.show', ['slug' => Auth::user()->slug]) }}">{{ Auth::user()->name }}</a>
                @endguest
            </div>
        </div>
    </header>

    <section class="mk-hero">
        <div class="mk-container mk-hero-inner">
            <div class="mk-hero-title">
                <p class="mk-eyebrow">T&#252;rkiye'nin g&#252;venilir ihale platformu</p>
                <h1>Arad&#305;&#287;&#305;n&#305;z gayrimenkul f&#305;rsat&#305;n&#305; g&#252;venle bulun</h1>
            </div>

            <form class="mk-search-card" action="{{ route('search') }}" method="get">
                <div class="mk-search-grid">
                    <div class="mk-field">
                        <i class="fas fa-map-marker-alt"></i>
                        <div>
                            <label>&#304;l</label>
                            <select class="mk-modern-select js-city-district-source" name="city" data-district-target="#mk_home_district">
                                <option value="" {{ request()->city == '' ? 'selected' : '' }}>Konum se&#231;in</option>
                                @foreach ($cities as $city)
                                    <option value="{{ $city->name }}" data-city-id="{{ $city->id }}" {{ request()->city == $city->name ? 'selected' : '' }}>{{ $city->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                    <div class="mk-field">
                        <i class="fas fa-map-pin"></i>
                        <div>
                            <label>&#304;l&#231;e</label>
                            <select class="mk-modern-select js-district-select" name="district" id="mk_home_district" {{ $selectedDistricts->isEmpty() ? 'disabled' : '' }}>
                                <option value="" {{ $selectedDistrictValue == '' ? 'selected' : '' }}>&#304;l&#231;e se&#231;in</option>
                                @foreach ($selectedDistricts as $district)
                                    <option value="{{ $district->id }}" {{ (string) $selectedDistrictValue === (string) $district->id || (string) $selectedDistrictValue === (string) $district->name ? 'selected' : '' }}>{{ $district->name }}</option>
                                @endforeach
                            </select>
                        </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>
                                <option value="completed" {{ request()->tender_status == 'completed' ? 'selected' : '' }}>&#304;halesi tamamlanan</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-search"></i>
                        <div>
                            <label>Kelime / &#304;lan No</label>
                            <input type="text" name="keyword" value="{{ request()->keyword }}" placeholder="Kelime ile ara...">
                        </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>
    </section>

    <section class="mk-trust-panel">
        <div class="mk-container">
            <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)
                            <a class="mk-bank-logo-link" href="{{ $bankSubdomainUrl($bank) }}" title="{{ $bank->name }}">
                                @if($bankLogoUrl($bank))
                                    <img src="{{ $bankLogoUrl($bank) }}" alt="{{ $bank->name }}">
                                @else
                                    <strong>{{ $bank->name }}</strong>
                                @endif
                            </a>
                        @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" id="teklif-bekleyen">
            <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(8) as $post)
                            @include('home.partials.modern-property-card', ['variant' => 'waiting'])
                        @endforeach
                    </div>
                </div>
                <div class="mk-home-pagination">
                    {{ $nonOfferedPosts->appends(request()->except('non_offered_page'))->fragment('teklif-bekleyen')->links('pagination::bootstrap-4') }}
                </div>
            </div>
        </section>

        <section class="mk-section" id="canli-ihaleler">
            <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-home-pagination">
                    {{ $offeredPosts->appends(request()->except('offered_page'))->fragment('canli-ihaleler')->links('pagination::bootstrap-4') }}
                </div>
            </div>
        </section>

        <section class="mk-section" id="tamamlanan-ihaleler">
            <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' => 'completed']) }}">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 class="mk-home-pagination">
                    {{ $completedPosts->appends(request()->except('completed_page'))->fragment('tamamlanan-ihaleler')->links('pagination::bootstrap-4') }}
                </div>
            </div>
        </section>

    </main>

</div>