@php($p = $page ?? null)

@if ($errors->any())
    <div class="bg-red-50 border border-red-200 text-red-700 text-sm rounded-xl px-4 py-3">
        @foreach ($errors->all() as $error)
            <p>{{ $error }}</p>
        @endforeach
    </div>
@endif

<div>
    <label class="text-neutral-500 text-xs font-medium mb-1.5 block">Page Title</label>
    <input required name="title" value="{{ old('title', $p->title ?? '') }}" class="w-full border border-black/10 rounded-xl px-4 py-3 text-sm outline-none focus:border-neutral-400">
</div>
@if ($p && $p->is_reserved)
    <div>
        <label class="text-neutral-500 text-xs font-medium mb-1.5 block">URL</label>
        <p class="text-sm text-neutral-600 bg-neutral-50 border border-black/10 rounded-xl px-4 py-3">This is a built-in page — its URL can't be changed.</p>
    </div>
@else
    <div>
        <label class="text-neutral-500 text-xs font-medium mb-1.5 block">URL Slug (leave blank to auto-generate)</label>
        <div class="flex items-center gap-2">
            <span class="text-neutral-400 text-sm">/page/</span>
            <input name="slug" value="{{ old('slug', $p->slug ?? '') }}" class="w-full border border-black/10 rounded-xl px-4 py-3 text-sm outline-none focus:border-neutral-400">
        </div>
    </div>
@endif
@if (!$p)
    <div>
        <label class="text-neutral-500 text-xs font-medium mb-1.5 block">Page Builder</label>
        <select name="builder_type" class="w-full border border-black/10 rounded-xl px-4 py-3 text-sm outline-none focus:border-neutral-400 bg-white">
            <option value="blocks" {{ old('builder_type', 'blocks') === 'blocks' ? 'selected' : '' }}>Block Editor — click to type, "+" to insert sections (Recommended)</option>
            <option value="canvas" {{ old('builder_type') === 'canvas' ? 'selected' : '' }}>Freeform Canvas — draw anywhere, drag &amp; resize</option>
        </select>
        <p class="text-neutral-400 text-xs mt-1">Can't be changed after the page is created.</p>
    </div>
@else
    <div>
        <label class="text-neutral-500 text-xs font-medium mb-1.5 block">Page Builder</label>
        <p class="text-sm text-neutral-600 bg-neutral-50 border border-black/10 rounded-xl px-4 py-3">
            {{ match ($p->builder_type) { 'visual' => 'Visual Drag & Drop (legacy)', 'canvas' => 'Freeform Canvas', default => 'Block Sections' } }}
        </p>
    </div>
@endif
<div class="grid grid-cols-2 gap-4">
    <label class="flex items-center gap-2">
        <input type="checkbox" name="is_published" value="1" {{ old('is_published', $p->is_published ?? true) ? 'checked' : '' }}>
        <span class="text-sm text-neutral-600">Published (visible to visitors)</span>
    </label>
    <label class="flex items-center gap-2">
        <input type="checkbox" name="show_in_nav" value="1" {{ old('show_in_nav', $p->show_in_nav ?? false) ? 'checked' : '' }}>
        <span class="text-sm text-neutral-600">Show in main menu</span>
    </label>
</div>
<div class="grid grid-cols-2 gap-4">
    <div>
        <label class="text-neutral-500 text-xs font-medium mb-1.5 block">Menu Label (if shown in menu)</label>
        <input name="nav_label" value="{{ old('nav_label', $p->nav_label ?? '') }}" class="w-full border border-black/10 rounded-xl px-4 py-3 text-sm outline-none focus:border-neutral-400">
    </div>
    <div>
        <label class="text-neutral-500 text-xs font-medium mb-1.5 block">Menu Order (lower = earlier)</label>
        <input type="number" name="nav_sort_order" value="{{ old('nav_sort_order', $p->nav_sort_order ?? 0) }}" class="w-full border border-black/10 rounded-xl px-4 py-3 text-sm outline-none focus:border-neutral-400">
    </div>
</div>