@extends('admin.layouts.app')
@section('title','New Blog Article')
@section('content')
<div class="d-flex align-items-center mb-4">
    <a href="{{ route('admin.blogs.index') }}" class="btn btn-light me-3"><i class="bi bi-arrow-left"></i></a>
    <h4 class="fw-bold mb-0">New Blog Article</h4>
</div>
<form method="POST" action="{{ route('admin.blogs.store') }}">
    @csrf
    <div class="row g-3">
        <div class="col-md-8">
            <div class="card mb-3">
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Title *</label>
                        <input type="text" name="title" class="form-control form-control-lg" value="{{ old('title') }}" required>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Excerpt</label>
                        <textarea name="excerpt" class="form-control" rows="3">{{ old('excerpt') }}</textarea>
                    </div>
                    <div class="mb-3">
                        <label class="form-label fw-semibold">Content *</label>
                        <textarea name="content" id="content" class="form-control" rows="20">{{ old('content') }}</textarea>
                    </div>
                </div>
            </div>
            <div class="card">
                <div class="card-header"><h6 class="mb-0">SEO</h6></div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">SEO Title</label>
                        <input type="text" name="seo_title" class="form-control" value="{{ old('seo_title') }}" maxlength="70">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Meta Description</label>
                        <textarea name="seo_description" class="form-control" rows="3" maxlength="160">{{ old('seo_description') }}</textarea>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card mb-3">
                <div class="card-header"><h6 class="mb-0">Publish Settings</h6></div>
                <div class="card-body">
                    <div class="mb-3">
                        <label class="form-label">Landing Page *</label>
                        <select name="landing_page_id" class="form-select" required>
                            <option value="">Select Page</option>
                            @foreach($landingPages as $lp)
                            <option value="{{ $lp->id }}" {{ old('landing_page_id')==$lp->id?'selected':'' }}>{{ $lp->name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Status *</label>
                        <select name="status" class="form-select">
                            <option value="draft">Draft</option>
                            <option value="published">Published</option>
                        </select>
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Published Date</label>
                        <input type="datetime-local" name="published_at" class="form-control" value="{{ old('published_at', now()->format('Y-m-d\TH:i')) }}">
                    </div>
                    <div class="mb-3">
                        <label class="form-label">Author Name *</label>
                        <input type="text" name="author_name" class="form-control" value="{{ old('author_name','Editorial Team') }}" required>
                    </div>
                </div>
            </div>
            <button type="submit" class="btn btn-primary w-100">Save Article</button>
            <a href="{{ route('admin.blogs.index') }}" class="btn btn-light w-100 mt-2">Cancel</a>
        </div>
    </div>
</form>
@endsection