@extends('layout')

@section('title', 'Sayfa Düzenle — ' . $page->title)

@section('content')
<div class="container py-5">
    <x-clientarea.page-header
        icon="fas fa-file-pen"
        :title="'Sayfa Düzenle — ' . $page->title"
    >
        <a href="{{ route('store.auth.reseller.sites.pages.index', $site) }}" class="btn btn-outline-secondary">
            <i class="fas fa-arrow-left me-1"></i>Sayfalara Dön
        </a>
    </x-clientarea.page-header>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif
    @if(session('error'))
        <div class="alert alert-danger">{{ session('error') }}</div>
    @endif
    @if($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form method="POST" action="{{ route('store.auth.reseller.sites.pages.update', [$site, $page]) }}">
        @csrf
        @method('PUT')
        <div class="row">
            <div class="col-lg-8">
                <div class="card shadow-sm border-0 mb-4">
                    <div class="card-header"><h6 class="mb-0">Sayfa İçeriği</h6></div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label">Başlık <span class="text-danger">*</span></label>
                            <input type="text" class="form-control" name="title" value="{{ old('title', $page->title) }}" required>
                        </div>

                        @if($isAdvanced)
                            <div class="alert alert-warning mb-0">
                                <i class="fas fa-triangle-exclamation me-1"></i>
                                Bu sayfa gelişmiş sayfa oluşturucu ile hazırlanmış (çok bloklu içerik).
                                Basit editörden içeriği düzenlenemez; içeriğe dokunulmaz ve korunur.
                                Buradan yalnızca başlık, slug, dil, durum ve SEO alanlarını güncelleyebilirsiniz.
                            </div>
                        @else
                            <div class="mb-0">
                                <label class="form-label">İçerik (HTML)</label>
                                <textarea class="form-control font-monospace" name="content_html" rows="14">{{ old('content_html', $contentHtml) }}</textarea>
                                <div class="form-text small">HTML olarak sayfa içeriğinizi yazın. Boş bırakabilirsiniz.</div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="card shadow-sm border-0 mb-4">
                    <div class="card-header"><h6 class="mb-0">Yayın Ayarları</h6></div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label">URL Slug <span class="text-danger">*</span></label>
                            <div class="input-group">
                                <span class="input-group-text">/</span>
                                <input type="text" class="form-control" name="slug" value="{{ old('slug', $page->slug) }}" required>
                            </div>
                            <div class="form-text small">Yalnız küçük harf, rakam ve tire.</div>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Dil <span class="text-danger">*</span></label>
                            <select class="form-select" name="locale" required>
                                @foreach($locales as $lang)
                                    <option value="{{ $lang->a2_iso }}" @selected(old('locale', $page->locale) === $lang->a2_iso)>{{ $lang->native_name }} ({{ strtoupper($lang->a2_iso) }})</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Durum <span class="text-danger">*</span></label>
                            <select class="form-select" name="status" required>
                                <option value="draft" @selected(old('status', $page->status) === 'draft')>Taslak</option>
                                <option value="published" @selected(old('status', $page->status) === 'published')>Yayında</option>
                            </select>
                        </div>
                        <div class="form-check mb-2">
                            <input class="form-check-input" type="checkbox" name="is_home" value="1" id="is_home" @checked(old('is_home', $page->is_home))>
                            <label class="form-check-label" for="is_home">Bu dilde anasayfa olarak ayarla</label>
                        </div>
                        <div class="form-text small">Anasayfa, brand alan adınızın kök adresinde gösterilir. Her dil için tek anasayfa olur.</div>
                    </div>
                </div>

                <div class="card shadow-sm border-0 mb-4">
                    <div class="card-header"><h6 class="mb-0">SEO (opsiyonel)</h6></div>
                    <div class="card-body">
                        <div class="mb-3">
                            <label class="form-label">Meta Başlık</label>
                            <input type="text" class="form-control" name="meta_title" value="{{ old('meta_title', $page->meta_title) }}">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">Meta Açıklama</label>
                            <textarea class="form-control" name="meta_description" rows="2">{{ old('meta_description', $page->meta_description) }}</textarea>
                        </div>
                    </div>
                </div>

                <div class="d-grid">
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save me-1"></i>Değişiklikleri Kaydet
                    </button>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection
