{% extends "admin/layout.html" %}

{% block page_title %}افزودن مقاله جدید{% endblock %}

{% block content %}
<div class="form-admin">
    <h5 class="fw-bold mb-4"><i class="fas fa-plus" style="color:#c41e3a;"></i> افزودن مقاله جدید</h5>
    
    <form method="POST" action="{{ url_for('admin_article_create') }}">
        <div class="row g-4">
            <div class="col-md-6">
                <label class="form-label">عنوان مقاله <span class="text-danger">*</span></label>
                <input type="text" name="title" class="form-control" required>
            </div>
            <div class="col-md-6">
                <label class="form-label">اسلاگ</label>
                <input type="text" name="slug" class="form-control" placeholder="مثال: article-title">
            </div>
            <div class="col-md-6">
                <label class="form-label">دسته‌بندی</label>
                <input type="text" name="category" class="form-control" placeholder="یخچال، لباسشویی، ...">
            </div>
            <div class="col-md-6">
                <label class="form-label">تصویر</label>
                <input type="text" name="image" class="form-control" placeholder="آدرس تصویر">
            </div>
            <div class="col-12">
                <label class="form-label">خلاصه</label>
                <input type="text" name="summary" class="form-control">
            </div>
            <div class="col-12">
                <label class="form-label">محتوای مقاله</label>
                <textarea name="content" class="form-control" rows="10"></textarea>
                <small class="text-muted">از تگ‌های HTML برای قالب‌بندی استفاده کنید</small>
            </div>
            <div class="col-md-6">
                <div class="form-check">
                    <input type="checkbox" name="is_featured" class="form-check-input">
                    <label class="form-check-label">مقاله ویژه</label>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-check">
                    <input type="checkbox" name="is_active" class="form-check-input" checked>
                    <label class="form-check-label">فعال</label>
                </div>
            </div>
            <div class="col-12">
                <button type="submit" class="btn-admin-primary">
                    <i class="fas fa-save"></i> ایجاد مقاله
                </button>
                <a href="{{ url_for('admin_articles') }}" class="btn btn-secondary">بازگشت</a>
            </div>
        </div>
    </form>
</div>
{% endblock %}