@extends('layouts.dashboard')

@section('title', 'Draft New Article | AICDS Admin')

@section('dashboard_content')

<div class="card p-4 p-md-5 border rounded-4 shadow-sm bg-white mb-4">
    <div class="d-flex justify-content-between align-items-center mb-4 pb-2 border-bottom">
        <h4 class="fw-bold mb-0">Write Knowledge Hub Article</h4>
        <a href="{{ route('admin.blogs') }}" class="btn btn-sm btn-outline-secondary">Back to Articles</a>
    </div>

    <form action="{{ route('admin.blogs.store') }}" method="POST">
        @csrf
        <div class="row g-3">
            <div class="col-md-8">
                <label class="form-label fw-semibold small">Article Title <span class="text-danger">*</span></label>
                <input type="text" name="title" value="{{ old('title') }}" required class="form-control" placeholder="e.g. Advancements in Approximate Nearest Neighbor Vector Search">
            </div>

            <div class="col-md-4">
                <label class="form-label fw-semibold small">Category <span class="text-danger">*</span></label>
                <select name="blog_category_id" required class="form-select">
                    <option value="">-- Select Category --</option>
                    @foreach($categories as $cat)
                        <option value="{{ $cat->id }}" {{ old('blog_category_id') == $cat->id ? 'selected' : '' }}>{{ $cat->name }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-4">
                <label class="form-label fw-semibold small">Publication Status <span class="text-danger">*</span></label>
                <select name="status" required class="form-select">
                    <option value="published" {{ old('status') === 'published' ? 'selected' : '' }}>Published (Live Immediately)</option>
                    <option value="draft" {{ old('status') === 'draft' ? 'selected' : '' }}>Draft (Private)</option>
                </select>
            </div>

            <div class="col-md-8">
                <label class="form-label fw-semibold small">SEO Title Tag</label>
                <input type="text" name="seo_title" value="{{ old('seo_title') }}" class="form-control" placeholder="Custom SEO title for Google indexing">
            </div>

            <div class="col-12">
                <label class="form-label fw-semibold small">Article Abstract / Excerpt <span class="text-danger">*</span></label>
                <textarea name="excerpt" rows="2" required class="form-control" placeholder="Short introductory summary for card previews">{{ old('excerpt') }}</textarea>
            </div>

            <div class="col-12">
                <label class="form-label fw-semibold small">Full Content (Safe HTML / Markdown) <span class="text-danger">*</span></label>
                <textarea name="content" rows="10" required class="form-control font-monospace" placeholder="<p>Write your detailed article body here...</p>">{{ old('content') }}</textarea>
            </div>

            <div class="col-12">
                <label class="form-label fw-semibold small">Meta Description</label>
                <textarea name="seo_description" rows="2" class="form-control" placeholder="Short description for social sharing and search engines">{{ old('seo_description') }}</textarea>
            </div>

            <div class="col-12 mt-4 text-end">
                <button type="submit" class="default__button px-5 py-3">Save Article</button>
            </div>
        </div>
    </form>
</div>

@endsection