@php
    $isEdit = (bool) $page;
@endphp

<form method="POST" action="{{ $isEdit ? route('admin.pages.update', $page) : route('admin.pages.store') }}" enctype="multipart/form-data">
    @csrf
    @if ($isEdit) @method('PUT') @endif

    <div class="card p-4 mb-3">
        <div class="row g-3">
            <div class="col-md-4">
                <label class="form-label">Key</label>
                <input type="text" name="key" class="form-control @error('key') is-invalid @enderror" value="{{ old('key', $page->key ?? '') }}">
                <div class="form-text">Stable machine key, e.g. "terms", "privacy".</div>
                @error('key') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="col-md-4">
                <label class="form-label">Title (English)</label>
                <input type="text" name="title_en" class="form-control @error('title_en') is-invalid @enderror" value="{{ old('title_en', $page->title_en ?? '') }}">
                @error('title_en') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>
            <div class="col-md-4">
                <label class="form-label">Title (Arabic)</label>
                <input type="text" name="title_ar" dir="rtl" class="form-control @error('title_ar') is-invalid @enderror" value="{{ old('title_ar', $page->title_ar ?? '') }}">
                @error('title_ar') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="col-md-6">
                <label class="form-label">Body (English)</label>
                <textarea name="body_en" rows="8" class="form-control">{{ old('body_en', $page->body_en ?? '') }}</textarea>
            </div>
            <div class="col-md-6">
                <label class="form-label">Body (Arabic)</label>
                <textarea name="body_ar" dir="rtl" rows="8" class="form-control">{{ old('body_ar', $page->body_ar ?? '') }}</textarea>
            </div>
        </div>
    </div>

    @include('admin.partials.seo-fields', ['seo' => $seo])

    <div class="d-flex gap-2">
        <button type="submit" class="btn btn-primary text-white">{{ $isEdit ? 'Save Changes' : 'Create' }}</button>
        <a href="{{ route('admin.pages.index') }}" class="btn btn-outline-secondary">Cancel</a>
    </div>
</form>