@extends('layouts.app')
@section('title', $isNew ? 'New page' : 'Edit page')
@section('content')
@include('partials.admin-nav')
@include('partials.cms-tabs')
<div class="grid gap-6 lg:grid-cols-[1fr_320px]">
<form method="POST" action="{{ $isNew ? route('admin.cms.pages.store') : route('admin.cms.pages.update', $page['slug']) }}" class="card space-y-4">
    @csrf @if(! $isNew) @method('PUT') @endif
    @if($isNew)
        <div><label class="label">Address</label><div class="flex items-center gap-1"><span class="text-sm text-slate-500">{{ url('/p') }}/</span><input name="slug" class="input" required maxlength="80" placeholder="our-fees" value="{{ old('slug') }}"></div></div>
    @else
        <p class="text-xs text-slate-500">Address: <span class="font-mono">/{{ $builtin ? '(built-in)' : 'p/'.$page['slug'] }}</span></p>
    @endif
    <div><label class="label">Title</label><input name="title" class="input" required maxlength="160" value="{{ old('title', $page['title']) }}"></div>
    <div><label class="label">Search-engine description (optional)</label><input name="meta_description" class="input" maxlength="255" value="{{ old('meta_description', $page['description'] ?? '') }}"></div>
    <div><label class="label">Content (Markdown)</label><textarea name="body" rows="22" required maxlength="60000" class="input font-mono text-xs leading-relaxed">{{ old('body', $page['body']) }}</textarea></div>
    <label class="flex items-center gap-2 text-sm"><input type="hidden" name="is_published" value="0"><input type="checkbox" name="is_published" value="1" @checked(old('is_published', $page['published']))> Published (untick to keep as a draft only admins can see)</label>
    <div class="flex gap-2"><button class="btn-primary">Save page</button></div>
</form>

<div class="space-y-4">
    <div class="card text-sm">
        <h2 class="card-title">Formatting help</h2>
        <pre class="whitespace-pre-wrap rounded bg-slate-50 p-3 text-xs text-slate-700">## Heading
### Smaller heading

Normal paragraph with **bold**, *italic*
and a [link](https://example.com).

- bullet one
- bullet two

1. numbered
2. list

> Highlighted notice</pre>
        <p class="mt-2 text-xs text-slate-500">Raw HTML is removed for safety. Images: <code>![alt](https://…/image.png)</code>.</p>
    </div>
    @unless($isNew)
    <div class="card space-y-3 text-sm">
        <a class="btn-secondary w-full" target="_blank" href="{{ $viewUrl }}">View page ↗</a>
        @if($page['custom'])
        <form method="POST" action="{{ route('admin.cms.pages.destroy', $page['slug']) }}" onsubmit="return confirm('{{ $builtin ? 'Discard your edits and restore the built-in text?' : 'Delete this page permanently? Menu links to it will break.' }}')">
            @csrf @method('DELETE')<button class="btn-danger w-full">{{ $builtin ? 'Reset to built-in text' : 'Delete page' }}</button></form>
        @endif
    </div>
    @endunless
</div>
</div>
@endsection