@extends('admin.layouts.app')

@php($duzenleme = $sayfa->exists)

@section('title', ($duzenleme ? 'Sayfa Duzenle' : 'Yeni Sayfa') . ' | LikaWEB CMS')

@section('content')
    <div class="page-head page-head-actions">
        <div>
            <h1>{{ $duzenleme ? 'Sayfa Duzenle' : 'Yeni Sayfa' }}</h1>
            <p>Icerik, yayin ayarlari, hiyerarsi ve SEO bilgilerini yonetin.</p>
        </div>
        <a class="btn btn-secondary" href="{{ route('admin.sayfalar.index') }}">Listeye Don</a>
    </div>

    <form action="{{ $duzenleme ? route('admin.sayfalar.update', $sayfa) : route('admin.sayfalar.store') }}" method="POST">
        @csrf
        @if ($duzenleme)
            @method('PUT')
        @endif

        <div class="editor-layout">
            <div class="grid">
                <section class="card">
                    <h2>Icerik</h2>
                    <div class="form-grid">
                        <div class="field full-span">
                            <label for="baslik">Baslik</label>
                            <input id="baslik" name="baslik" type="text" value="{{ old('baslik', $sayfa->baslik) }}" maxlength="180" required>
                            @error('baslik')<span class="field-error">{{ $message }}</span>@enderror
                        </div>

                        <div class="field full-span">
                            <label for="slug">Slug</label>
                            <input id="slug" name="slug" type="text" value="{{ old('slug', $sayfa->slug) }}" maxlength="180" placeholder="Bos birakilirsa basliktan olusturulur">
                            @error('slug')<span class="field-error">{{ $message }}</span>@enderror
                        </div>

                        <div class="field full-span">
                            <label for="icerik">Icerik</label>
                            <textarea id="icerik" name="icerik" rows="14">{{ old('icerik', $sayfa->icerik) }}</textarea>
                            @error('icerik')<span class="field-error">{{ $message }}</span>@enderror
                        </div>
                    </div>
                </section>

                <section class="card">
                    <h2>SEO ve Paylasim</h2>
                    <div class="form-grid">
                        <div class="field">
                            <label for="meta_baslik">Meta baslik</label>
                            <input id="meta_baslik" name="meta_baslik" type="text" value="{{ old('meta_baslik', $sayfa->meta_baslik) }}" maxlength="180">
                        </div>
                        <div class="field">
                            <label for="canonical_url">Canonical URL</label>
                            <input id="canonical_url" name="canonical_url" type="url" value="{{ old('canonical_url', $sayfa->canonical_url) }}" maxlength="500" placeholder="https://">
                        </div>
                        <div class="field full-span">
                            <label for="meta_aciklama">Meta aciklama</label>
                            <textarea id="meta_aciklama" name="meta_aciklama">{{ old('meta_aciklama', $sayfa->meta_aciklama) }}</textarea>
                        </div>
                        <div class="field">
                            <label for="og_baslik">Sosyal medya basligi</label>
                            <input id="og_baslik" name="og_baslik" type="text" value="{{ old('og_baslik', $sayfa->og_baslik) }}" maxlength="180">
                        </div>
                        <div class="field">
                            <label for="og_aciklama">Sosyal medya aciklamasi</label>
                            <textarea id="og_aciklama" name="og_aciklama">{{ old('og_aciklama', $sayfa->og_aciklama) }}</textarea>
                        </div>
                    </div>
                </section>
            </div>

            <aside class="grid editor-sidebar">
                <section class="card">
                    <h2>Yayin</h2>
                    <div class="grid">
                        <div class="field">
                            <label for="durum">Durum</label>
                            <select id="durum" name="durum" required>
                                <option value="taslak" @selected(old('durum', $sayfa->durum ?: 'taslak') === 'taslak')>Taslak</option>
                                <option value="yayinda" @selected(old('durum', $sayfa->durum) === 'yayinda')>Yayinda</option>
                                <option value="pasif" @selected(old('durum', $sayfa->durum) === 'pasif')>Pasif</option>
                            </select>
                        </div>
                        <div class="field">
                            <label for="yayinlanma_tarihi">Yayin tarihi</label>
                            <input id="yayinlanma_tarihi" name="yayinlanma_tarihi" type="datetime-local" value="{{ old('yayinlanma_tarihi', $sayfa->yayinlanma_tarihi?->format('Y-m-d\TH:i')) }}">
                        </div>
                        <button class="btn btn-primary" type="submit">{{ $duzenleme ? 'Degisiklikleri Kaydet' : 'Sayfayi Olustur' }}</button>
                    </div>
                </section>

                <section class="card">
                    <h2>Sayfa Yapisi</h2>
                    <div class="grid">
                        <div class="field">
                            <label for="ust_sayfa_id">Ust sayfa</label>
                            <select id="ust_sayfa_id" name="ust_sayfa_id">
                                <option value="">Ust sayfa yok</option>
                                @foreach ($ustSayfalar as $ustSayfa)
                                    <option value="{{ $ustSayfa->sayfa_id }}" @selected((string) old('ust_sayfa_id', $sayfa->ust_sayfa_id) === (string) $ustSayfa->sayfa_id)>{{ $ustSayfa->baslik }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="field">
                            <label for="sayfa_sablonu_id">Sablon</label>
                            <select id="sayfa_sablonu_id" name="sayfa_sablonu_id">
                                <option value="">Varsayilan sablon</option>
                                @foreach ($sablonlar as $sablon)
                                    <option value="{{ $sablon->sayfa_sablonu_id }}" @selected((string) old('sayfa_sablonu_id', $sayfa->sayfa_sablonu_id) === (string) $sablon->sayfa_sablonu_id)>{{ $sablon->ad }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="field">
                            <label for="sira">Sira</label>
                            <input id="sira" name="sira" type="number" value="{{ old('sira', $sayfa->sira ?? 0) }}" min="0" required>
                        </div>
                    </div>
                </section>
            </aside>
        </div>
    </form>

    @if ($duzenleme)
        <section class="card section-space">
            <div class="section-title-row">
                <div>
                    <h2>Sayfa Bloklari</h2>
                    <p>Bu sayfada gorunecek bloklari, siralarini ve sayfaya ozel ayarlarini yonetin.</p>
                </div>
            </div>

            @if ($eklenebilirBloklar->isNotEmpty())
                <form class="inline-form-grid section-space" action="{{ route('admin.sayfalar.bloklar.store', $sayfa) }}" method="POST">
                    @csrf

                    <div class="field">
                        <label for="blok_id">Blok ekle</label>
                        <select id="blok_id" name="blok_id" required>
                            @foreach ($eklenebilirBloklar as $blok)
                                <option value="{{ $blok->blok_id }}">{{ $blok->ad }}{{ $blok->tip ? ' - ' . $blok->tip->ad : '' }}</option>
                            @endforeach
                        </select>
                    </div>

                    <div class="field">
                        <label for="blok_sira">Sira</label>
                        <input id="blok_sira" name="sira" type="number" min="0" placeholder="Otomatik">
                    </div>

                    <div class="field">
                        <label for="blok_durum">Durum</label>
                        <select id="blok_durum" name="durum">
                            <option value="aktif">Aktif</option>
                            <option value="pasif">Pasif</option>
                        </select>
                    </div>

                    <button class="btn btn-primary" type="submit">Blok Ekle</button>
                </form>
            @else
                <p class="admin-note">Eklenebilir aktif blok kalmadi.</p>
            @endif

            <div class="blok-list section-space">
                @forelse ($sayfa->sayfaBloklari as $sayfaBlok)
                    <article class="blok-row">
                        <div class="blok-row-head">
                            <div>
                                <h3>{{ $sayfaBlok->blok?->ad ?? 'Silinmis blok' }}</h3>
                                <span>{{ $sayfaBlok->blok?->tip?->ad ?? 'Tip yok' }}</span>
                            </div>

                            <form action="{{ route('admin.sayfalar.bloklar.destroy', [$sayfa, $sayfaBlok]) }}" method="POST" data-confirm="Blok bu sayfadan kaldirilsin mi?">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-danger" type="submit">Kaldir</button>
                            </form>
                        </div>

                        <form action="{{ route('admin.sayfalar.bloklar.update', [$sayfa, $sayfaBlok]) }}" method="POST">
                            @csrf
                            @method('PUT')

                            <div class="form-grid">
                                <div class="field">
                                    <label for="blok_sira_{{ $sayfaBlok->sayfa_blok_id }}">Sira</label>
                                    <input id="blok_sira_{{ $sayfaBlok->sayfa_blok_id }}" name="sira" type="number" value="{{ old("bloklar.{$sayfaBlok->sayfa_blok_id}.sira", $sayfaBlok->sira) }}" min="0" required>
                                </div>

                                <div class="field">
                                    <label for="blok_durum_{{ $sayfaBlok->sayfa_blok_id }}">Durum</label>
                                    <select id="blok_durum_{{ $sayfaBlok->sayfa_blok_id }}" name="durum" required>
                                        <option value="aktif" @selected($sayfaBlok->durum === 'aktif')>Aktif</option>
                                        <option value="pasif" @selected($sayfaBlok->durum === 'pasif')>Pasif</option>
                                    </select>
                                </div>

                                <div class="field full-span">
                                    <label for="blok_ayarlar_{{ $sayfaBlok->sayfa_blok_id }}">Sayfaya ozel ayarlar JSON</label>
                                    <textarea id="blok_ayarlar_{{ $sayfaBlok->sayfa_blok_id }}" name="ayarlar" rows="5">{{ old("bloklar.{$sayfaBlok->sayfa_blok_id}.ayarlar", json_encode($sayfaBlok->ayarlar ?: new stdClass(), JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE)) }}</textarea>
                                    <small class="field-hint">Ornek: {"arkaplan":"koyu","genislik":"tam"}</small>
                                </div>
                            </div>

                            <div class="form-actions">
                                <button class="btn btn-secondary" type="submit">Blok Ayarlarini Kaydet</button>
                            </div>
                        </form>
                    </article>
                @empty
                    <p class="empty">Bu sayfaya henuz blok eklenmedi.</p>
                @endforelse
            </div>
        </section>
    @else
        <section class="admin-note section-space">
            <strong>Blok eklemek icin once sayfayi olusturun.</strong>
            <span>Sayfa kaydedildikten sonra blok ekleme ve siralama paneli acilir.</span>
        </section>
    @endif
@endsection