@extends('admin.layout')

@section('title', 'Create 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">Create a page</h1>
    <p class="muted">Save it as a draft while you work, or publish it to make it available on your site.</p>
    @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.store') }}" enctype="multipart/form-data">
            @csrf
            <div class="blog-form-grid">
                <div class="field"><label for="title">Page title *</label><input class="input" id="title" name="title" value="{{ old('title') }}" maxlength="180" required></div>
                <div class="field"><label for="slug">URL slug <span class="muted">(optional)</span></label><input class="input" id="slug" name="slug" value="{{ old('slug') }}" maxlength="220" placeholder="Generated from title"><p class="hint">The page address will look like /pages/about-us.</p></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') }}</textarea></div>
                <div class="field span-all"><label for="body">Page content *</label><textarea class="input blog-body-input" id="body" name="body" rows="16" maxlength="100000" required>{{ old('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><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.</p></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') }}" 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') }}</textarea></div>
                <div class="field"><label for="status">Status</label><select class="input" id="status" name="status"><option value="draft" @selected(old('status', 'draft') === 'draft')>Save as draft</option><option value="published" @selected(old('status') === 'published')>Publish now</option></select></div>
            </div>
            <button class="button" type="submit">Save page</button>
        </form>
    </section>
</main>
@endsection