@extends('admin.layout')
@section('title', 'Səhifələr')
@section('content')
<div class="flex justify-between mb-6"><h1 class="text-2xl font-bold">Xüsusi səhifələr</h1></div>

{{-- Create/Edit form --}}
<div class="card mb-6 border-2 border-primarysoft">
    <h3 class="font-semibold mb-4">{{isset($editPage)?'Redaktə: '.$editPage->title:'Yeni səhifə yarat'}}</h3>
    <form method="POST" action="{{isset($editPage)?route('admin.custom-pages.update',$editPage):route('admin.custom-pages.store')}}" class="space-y-3">
        @csrf @if(isset($editPage)) @method('PUT') @endif
        <div class="grid grid-cols-2 gap-3">
            <div><label class="label">Başlıq</label><input type="text" name="title" value="{{old('title',$editPage->title??'')}}" class="input" required></div>
            <div><label class="label">Slug</label><input type="text" name="slug" value="{{old('slug',$editPage->slug??'')}}" class="input" {{isset($editPage)?'disabled':''}} pattern="[a-z0-9-]+" required>
                <p class="text-xs text-muted mt-1">libro.az/page/<strong>{{old('slug',$editPage->slug??'slug')}}</strong></p>
            </div>
        </div>
        <div><label class="label">Kontent (HTML)</label>
            <textarea name="content" class="w-full font-mono text-sm p-4 bg-gray-900 text-green-400 rounded-xl border-0 focus:ring-2 focus:ring-primary resize-y" style="min-height:250px;" required>{{old('content',$editPage->content??'')}}</textarea>
        </div>

        <div class="border-t border-line pt-3">
            <p class="text-xs font-semibold uppercase text-muted mb-2">SEO (Google üçün)</p>
            <div class="grid grid-cols-2 gap-3">
                <div><label class="label">SEO başlıq (meta_title)</label><input type="text" name="meta_title" value="{{old('meta_title',$editPage->meta_title??'')}}" class="input" placeholder="Boş qalsa — başlıq istifadə olunacaq"></div>
                <div><label class="label">Açar sözlər (meta_keywords)</label><input type="text" name="meta_keywords" value="{{old('meta_keywords',$editPage->meta_keywords??'')}}" class="input" placeholder="seo, səhifə, libro"></div>
            </div>
            <div class="mt-3"><label class="label">SEO təsvir (meta_description)</label><textarea name="meta_description" class="input" rows="2" placeholder="Boş qalsa — kontentdən avtomatik götürüləcək">{{old('meta_description',$editPage->meta_description??'')}}</textarea></div>
            <div class="mt-3"><label class="label">OG şəkil (URL)</label><input type="text" name="og_image" value="{{old('og_image',$editPage->og_image??'')}}" class="input" placeholder="https://… və ya /images/…"></div>
        </div>

        <label class="flex items-center gap-2"><input type="checkbox" name="is_published" value="1" {{($editPage->is_published??true)?'checked':''}}> Dərc olunsun</label>
        <button class="btn btn-primary">{{isset($editPage)?'Yenilə':'Yarat'}}</button>
        @if(isset($editPage))<a href="{{route('admin.custom-pages.index')}}" class="btn btn-secondary">Ləğv et</a>@endif
    </form>
</div>

{{-- List --}}
<table class="w-full bg-surface rounded-xl shadow-sm border border-line"><thead><tr class="bg-surface2 text-left text-xs text-muted uppercase"><th class="px-3 py-3">Başlıq</th><th class="px-3 py-3">Slug</th><th class="px-3 py-3">Status</th><th></th></tr></thead><tbody class="divide-y divide-line">
@foreach($pages as $p)
<tr><td class="px-3 py-2 font-medium text-sm">{{$p->title}}</td><td class="px-3 py-2 text-sm text-primary"><a href="{{ route('custom-page.show', $p->slug) }}" target="_blank" class="no-underline">/page/{{$p->slug}}</a></td><td class="px-3 py-2"><span class="badge {{$p->is_published?'badge-green':'badge-yellow'}}">{{$p->is_published?'Aktiv':'Qaralama'}}</span></td>
<td class="px-3 py-2 text-right"><a href="{{route('admin.custom-pages.edit',$p)}}" class="text-xs text-primary mr-2"><x-icon name="pencil" class="w-5 h-5" /></a><form method="POST" action="{{route('admin.custom-pages.destroy',$p)}}" class="inline" onsubmit="return confirm('Silinsin?')">@csrf @method('DELETE')<button class="text-xs text-danger"><x-icon name="trash-2" class="w-5 h-5" /></button></form></td></tr>
@endforeach
</tbody></table>
@endsection