@extends('admin.layout')
@section('title', $site->name . ' - Ana Sayfa')
@section('content')
<div class="site-tabs">
    <a href="{{ route('admin.pages.index', $site) }}">Sayfalar</a>
    <a href="{{ route('admin.media.index', $site) }}">Medya Kütüphanesi</a>
</div>

<h1>{{ $site->name }} — Ana Sayfa Düzenleyici</h1>
<p style="color:#666;">
    <a href="{{ url('/') }}" target="_blank">Ana sayfayı yeni sekmede görüntüle →</a>
</p>

<div class="tabs">
    @foreach($page->translations as $t)
        <a href="?lang={{ $t->locale }}" class="{{ $t->locale === $locale ? 'active' : '' }}">{{ strtoupper($t->locale) }}</a>
    @endforeach
</div>

@if($translation)
<form method="POST" action="{{ route('admin.pages.update', $page) }}" style="margin-top:16px;max-width:700px;">
    @csrf
    @method('PUT')
    <input type="hidden" name="locale" value="{{ $locale }}">

    <div style="background:#fff;border:1px solid #ddd;padding:16px;margin-bottom:18px;">
        <strong>🖼️ Banner (Slider) Başlığı</strong>
        <p style="color:#888;font-size:13px;margin:4px 0 10px;">Ana sayfanın en üstündeki büyük görsel slider'ının üzerinde görünür.</p>
        <input type="text" name="title" value="{{ $translation->title }}">
    </div>

    <div style="background:#fff;border:1px solid #ddd;padding:16px;margin-bottom:18px;">
        <strong>🖼️ Banner Alt Metni</strong>
        <p style="color:#888;font-size:13px;margin:4px 0 10px;">Banner başlığının altındaki kısa açıklama; ayrıca arama motoru (SEO) açıklaması olarak da kullanılır.</p>
        <textarea name="meta_description" rows="2">{{ $translation->meta_description }}</textarea>
    </div>

    <div style="background:#fff;border:1px solid #ddd;padding:16px;margin-bottom:18px;">
        <strong>👋 Hoş Geldiniz Bölümü</strong>
        <p style="color:#888;font-size:13px;margin:4px 0 10px;">
            İlk satır bölümün <u>başlığı</u> olarak, sonraki 2 satır ise <u>açıklama metni</u> olarak ana sayfada gösterilir.
            Her satır ayrı bir paragraf.
        </p>
        <textarea name="paragraphs" rows="10">{{ implode("\n", $translation->paragraphs ?? []) }}</textarea>
    </div>

    <button class="btn" type="submit">Kaydet</button>
</form>
@else
<p>Bu dilde içerik yok.</p>
@endif

<div style="background:#f8f9fa;border:1px solid #ddd;padding:16px;margin-top:24px;max-width:700px;">
    <strong>🎞️ Slider Görselleri</strong>
    <p style="color:#666;font-size:13px;margin:4px 0 10px;">
        Şu anda slider'da <strong>{{ $heroCount }}</strong> görsel var. Görsel ekleme/çıkarma/sıralama işlemleri Medya Kütüphanesi'nden yapılır.
    </p>
    <a href="{{ route('admin.media.index', $site) }}?filter=hero" class="btn secondary">Slider'ı Yönet</a>
</div>

<div style="background:#f8f9fa;border:1px solid #ddd;padding:16px;margin-top:16px;max-width:700px;">
    <strong>🛏️ Odalar / 🎁 Fırsatlar / 📷 Galeri Bölümleri</strong>
    <p style="color:#666;font-size:13px;margin:4px 0 0;">
        Bu bölümler ana sayfada otomatik oluşturulur — kategorisi "oda" olan sayfalardan odalar, yolu <code>/firsat...</code> olan sayfalardan fırsatlar,
        sitenin diğer gerçek görsellerinden galeri gelir. Bu sayfaları düzenlemek için <a href="{{ route('admin.pages.index', $site) }}">Sayfalar</a> listesini kullan.
    </p>
</div>
@endsection