{% 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_page_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="مثال: about-us">
            </div>
            <div class="col-md-6">
                <label class="form-label">نوع صفحه</label>
                <select name="type" class="form-select">
                    <option value="page">صفحه معمولی</option>
                    <option value="landing">صفحه فرود</option>
                    <option value="service">صفحه خدمات</option>
                </select>
            </div>
            <div class="col-md-6">
                <label class="form-label">وضعیت</label>
                <div class="form-check mt-2">
                    <input type="checkbox" name="is_active" class="form-check-input" checked>
                    <label class="form-check-label">فعال</label>
                </div>
            </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>
            </div>
            
            <div class="col-12">
                <hr>
                <h6 class="fw-bold"><i class="fas fa-search" style="color:#c41e3a;"></i> تنظیمات سئو</h6>
            </div>
            <div class="col-md-6">
                <label class="form-label">عنوان سئو</label>
                <input type="text" name="seo_title" class="form-control">
            </div>
            <div class="col-md-6">
                <label class="form-label">کلمات کلیدی</label>
                <input type="text" name="seo_keywords" class="form-control">
            </div>
            <div class="col-12">
                <label class="form-label">توضیحات سئو</label>
                <textarea name="seo_description" class="form-control" rows="3"></textarea>
            </div>
            
            <div class="col-12">
                <button type="submit" class="btn-admin-primary">
                    <i class="fas fa-save"></i> ایجاد صفحه
                </button>
                <a href="{{ url_for('admin_pages') }}" class="btn btn-secondary">بازگشت</a>
            </div>
        </div>
    </form>
</div>
{% endblock %}