@extends('admin.layout')

@section('title', 'Edit CMS page')

@section('content')
<main class="page">
    <a class="filter" href="{{ route('admin.cms-pages.index') }}">← Back to CMS pages</a>
    <span class="eyebrow" style="display:block;margin-top:22px">Content</span>
    <h1 class="title">Edit page</h1>
    @if (session('status'))<div class="flash" role="status">{{ session('status') }}</div>@endif
    @if ($errors->any())<div class="error-box" role="alert">{{ $errors->first() }}</div>@endif

    <section class="panel category-create">
        <form method="POST" action="{{ route('admin.cms-pages.update', $page) }}" enctype="multipart/form-data">
            @csrf
            @method('PATCH')
            <div class="blog-form-grid">
                <div class="field"><label for="title">Page title *</label><input class="input" id="title" name="title" value="{{ old('title', $page->title) }}" maxlength="180" required></div>
                <div class="field"><label for="slug">URL slug</label><input class="input" id="slug" name="slug" value="{{ old('slug', $page->slug) }}" maxlength="220" required></div>
                <div class="field span-all"><label for="excerpt">Short introduction</label><textarea class="input" id="excerpt" name="excerpt" rows="3" maxlength="2000">{{ old('excerpt', $page->excerpt) }}</textarea></div>
                <div class="field span-all"><label for="body">Page content *</label><textarea class="input blog-body-input" id="body" name="body" rows="18" maxlength="100000" required>{{ old('body', $page->body) }}</textarea><p class="hint">Write plain text. Line breaks will be kept when the page is shown.</p></div>
                <div class="field span-all"><label for="image">Page image <span class="muted">(optional)</span></label>@if ($page->image_path)<img style="display:block;width:min(100%,520px);max-height:260px;object-fit:cover;border-radius:12px;margin:8px 0 12px" src="{{ route('admin.cms-pages.image', $page) }}" alt="Current page image for {{ $page->title }}">@endif<input class="input" id="image" name="image" type="file" accept="image/jpeg,image/png,image/webp"><p class="hint">Choose a JPG, PNG, or WebP image up to 5 MB. Uploading a new image replaces the current one.</p>@if ($page->image_path)<label style="display:flex;align-items:center;gap:8px;margin-top:10px"><input type="checkbox" name="remove_image" value="1" @checked(old('remove_image'))> Remove current image</label>@endif</div>
                <div class="field"><label for="meta_title">Search title <span class="muted">(optional)</span></label><input class="input" id="meta_title" name="meta_title" value="{{ old('meta_title', $page->meta_title) }}" maxlength="180"></div>
                <div class="field"><label for="meta_description">Search description <span class="muted">(optional)</span></label><textarea class="input" id="meta_description" name="meta_description" rows="3" maxlength="320">{{ old('meta_description', $page->meta_description) }}</textarea></div>
                <div class="field"><label for="status">Status</label><select class="input" id="status" name="status"><option value="draft" @selected(old('status', $page->status) === 'draft')>Draft</option><option value="published" @selected(old('status', $page->status) === 'published')>Published</option></select></div>
            </div>
            <div class="blog-actions">
                <button class="button" type="submit">Save changes</button>
                @if ($page->status === 'published')<a class="button button-secondary" href="{{ route('pages.show', $page->slug) }}" target="_blank" rel="noopener">View public page</a>@endif
            </div>
        </form>
    </section>
    <form method="POST" action="{{ route('admin.cms-pages.destroy', $page) }}" onsubmit="return confirm('Delete this page? This cannot be undone.')">
        @csrf
        @method('DELETE')
        <button class="button button-danger" type="submit">Delete page</button>
    </form>
</main>
@endsection