@extends('layouts.admin')

@section('title', 'Create Article')

@section('content')
    <div class="mb-6 flex items-center justify-between">
        <div>
            <h1 class="text-3xl font-bold text-gray-900">Create Article</h1>
            <p class="text-sm text-gray-500 mt-1">Write your story, add images, and publish to Local Pulse.</p>
        </div>
        <a href="{{ route('admin.articles.index') }}" class="text-sm text-gray-500 hover:text-gray-700">&larr; Back to articles</a>
    </div>

    <form action="{{ route('admin.articles.store') }}" method="POST" enctype="multipart/form-data">
        @csrf
        @include('admin.articles._editor', ['article' => null, 'categories' => $categories, 'authors' => $authors, 'locations' => $locations, 'tags' => $tags])

        <div class="mt-6 flex justify-end gap-3">
            <a href="{{ route('admin.articles.index') }}" class="bg-gray-200 hover:bg-gray-300 text-gray-800 px-5 py-2 rounded-md text-sm font-medium">Cancel</a>
            <button type="submit" name="action" value="save_draft" class="bg-white border border-gray-300 hover:bg-gray-50 text-gray-700 px-5 py-2 rounded-md text-sm font-medium">Save draft</button>
            <button type="submit" class="bg-red-600 hover:bg-red-700 text-white px-5 py-2 rounded-md text-sm font-medium">Publish</button>
        </div>
    </form>
@endsection