@extends('layouts.admin')

@section('title', $post->exists ? 'Edit post' : 'New post')

@section('content')
<form method="POST"
      action="{{ $post->exists ? route('admin.blog.update', $post) : route('admin.blog.store') }}"
      class="card card-body form-card">
    @csrf
    @if($post->exists)
        @method('PUT')
    @endif

    <div class="row g-3">
        <div class="col-lg-8">
            <div class="mb-3">
                <label for="title" class="form-label">Title</label>
                <input type="text" class="form-control @error('title') is-invalid @enderror" id="title" name="title"
                       value="{{ old('title', $post->title) }}" maxlength="190" required>
                @error('title')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="mb-3">
                <label for="excerpt" class="form-label">Excerpt</label>
                <textarea class="form-control @error('excerpt') is-invalid @enderror" id="excerpt" name="excerpt"
                          rows="2" maxlength="500" required>{{ old('excerpt', $post->excerpt) }}</textarea>
                @error('excerpt')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="mb-3">
                <label for="body" class="form-label">Body (HTML)</label>
                <textarea class="form-control font-monospace @error('body') is-invalid @enderror" id="body" name="body"
                          rows="18" required>{{ old('body', $post->body) }}</textarea>
                @error('body')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
        </div>
        <div class="col-lg-4">
            <div class="mb-3">
                <label for="slug" class="form-label">Slug</label>
                <input type="text" class="form-control @error('slug') is-invalid @enderror" id="slug" name="slug"
                       value="{{ old('slug', $post->slug) }}" maxlength="190" placeholder="auto-generated from title">
                @error('slug')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
            <div class="mb-3">
                <label for="meta_title" class="form-label">Meta title</label>
                <input type="text" class="form-control" id="meta_title" name="meta_title"
                       value="{{ old('meta_title', $post->meta_title) }}" maxlength="190">
            </div>
            <div class="mb-3">
                <label for="meta_description" class="form-label">Meta description</label>
                <textarea class="form-control" id="meta_description" name="meta_description" rows="3"
                          maxlength="300">{{ old('meta_description', $post->meta_description) }}</textarea>
            </div>
            <div class="form-check form-switch mb-3">
                <input class="form-check-input" type="checkbox" role="switch" id="is_published" name="is_published"
                       value="1" @checked(old('is_published', $post->is_published))>
                <label class="form-check-label" for="is_published">Published</label>
            </div>
            <button type="submit" class="btn btn-gradient w-100">{{ $post->exists ? 'Save changes' : 'Create post' }}</button>
        </div>
    </div>
</form>
@endsection