@extends('layouts.admin')

@section('title', 'Create Blog Post')
@section('heading', 'Create New Blog Post')

@section('content')

<div class="admin-card">
    <form method="POST" action="{{ route('admin.posts.store') }}">
        @csrf

        <div class="form-group">
            <label for="title">Title</label>
            <input type="text" id="title" name="title" value="{{ old('title') }}" required>
            @error('title') <small style="color: red;">{{ $message }}</small> @enderror
        </div>

        <div class="form-group">
            <label for="slug">Slug</label>
            <input type="text" id="slug" name="slug" value="{{ old('slug') }}" required>
            @error('slug') <small style="color: red;">{{ $message }}</small> @enderror
        </div>

        <div class="form-group">
            <label for="excerpt">Excerpt</label>
            <textarea id="excerpt" name="excerpt">{{ old('excerpt') }}</textarea>
            @error('excerpt') <small style="color: red;">{{ $message }}</small> @enderror
        </div>

        <div class="form-group">
            <label for="content">Content</label>
            <textarea id="content" name="content" style="min-height: 300px;" required>{{ old('content') }}</textarea>
            @error('content') <small style="color: red;">{{ $message }}</small> @enderror
        </div>

        <div class="form-group">
            <label for="category">Category</label>
            <input type="text" id="category" name="category" value="{{ old('category') }}" placeholder="e.g., Web Development">
            @error('category') <small style="color: red;">{{ $message }}</small> @enderror
        </div>

        <div class="form-group">
            <label for="featured_image">Featured Image URL</label>
            <input type="text" id="featured_image" name="featured_image" value="{{ old('featured_image') }}" placeholder="e.g., /assets/images/blog/post-01.png">
            @error('featured_image') <small style="color: red;">{{ $message }}</small> @enderror
        </div>

        <div class="form-group">
            <label for="published_at">Publish Date & Time</label>
            <input type="datetime-local" id="published_at" name="published_at" value="{{ old('published_at', now()->format('Y-m-d\TH:i')) }}">
            @error('published_at') <small style="color: red;">{{ $message }}</small> @enderror
        </div>

        <div class="form-group">
            <label for="is_published">
                <input type="checkbox" id="is_published" name="is_published" value="1" @if(old('is_published', false)) checked @endif>
                Publish Now
            </label>
        </div>

        <div style="display: flex; gap: 10px;">
            <button type="submit" class="btn btn-primary">Create Post</button>
            <a href="{{ route('admin.posts.index') }}" class="btn btn-secondary">Cancel</a>
        </div>
    </form>
</div>

@endsection