@extends('admin.layout')

@section('title', isset($page) ? 'Edit Page' : 'Create Page')
@section('page-title', isset($page) ? 'Edit Page' : 'Create Page')
@section('page-subtitle', isset($page) ? 'Update page content' : 'Create a new page')

@section('content')
<div class="card" style="max-width:900px">
    <form action="{{ isset($page) ? route('admin.pages.update', $page->id) : route('admin.pages.store') }}" method="POST">
        @csrf
        @if(isset($page))
            @method('PUT')
        @endif

        <div class="form">
            <div class="form-group">
                <label>Page Title *</label>
                <input type="text" name="title" value="{{ old('title', $page->title ?? '') }}" required placeholder="Enter page title">
                @error('title')
                    <small style="color:#dc2626">{{ $message }}</small>
                @enderror
            </div>

            <div class="form-group">
                <label>Slug (URL) *</label>
                <input type="text" name="slug" value="{{ old('slug', $page->slug ?? '') }}" required placeholder="page-url-slug">
                <small style="color:var(--muted)">This will be the URL: yoursite.com/<strong>slug</strong></small>
                @error('slug')
                    <small style="color:#dc2626;display:block;margin-top:5px">{{ $message }}</small>
                @enderror
            </div>

            <div class="form-group">
                <label>Page Content *</label>
                <textarea name="content" rows="15" required placeholder="Enter your page content...">{{ old('content', $page->content ?? '') }}</textarea>
                @error('content')
                    <small style="color:#dc2626">{{ $message }}</small>
                @enderror
            </div>

            <div class="form-group">
                <label style="display:flex;align-items:center;gap:8px;cursor:pointer">
                    <input type="checkbox" name="is_active" value="1" {{ old('is_active', $page->is_active ?? true) ? 'checked' : '' }}>
                    <span>Publish this page</span>
                </label>
            </div>

            <div class="form-actions">
                <a href="{{ route('admin.pages.index') }}" class="ghost" style="text-decoration:none;padding:11px 15px">Cancel</a>
                <button type="submit" class="primary">{{ isset($page) ? 'Update Page' : 'Create Page' }}</button>
                @if(isset($page))
                    <button type="button" class="btn-danger" onclick="if(confirm('Delete this page?')) document.getElementById('delete-form').submit()">Delete</button>
                @endif
            </div>
        </div>
    </form>

    @if(isset($page))
    <form id="delete-form" action="{{ route('admin.pages.destroy', $page->id) }}" method="POST" style="display:none">
        @csrf
        @method('DELETE')
    </form>
    @endif
</div>
@endsection