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

{% block page_title %}ویرایش صفحه{% endblock %}

{% block content %}
<div class="form-admin">
    <h5 class="fw-bold mb-4"><i class="fas fa-edit" style="color:#c41e3a;"></i> ویرایش صفحه: {{ page.title }}</h5>
    
    <form method="POST" action="{{ url_for('admin_page_edit', id=page.id) }}">
        <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" value="{{ page.title }}" required>
            </div>
            <div class="col-md-6">
                <label class="form-label">اسلاگ</label>
                <input type="text" name="slug" class="form-control" value="{{ page.slug }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">نوع صفحه</label>
                <select name="type" class="form-select">
                    <option value="page" {% if page.type == 'page' %}selected{% endif %}>صفحه معمولی</option>
                    <option value="landing" {% if page.type == 'landing' %}selected{% endif %}>صفحه فرود</option>
                    <option value="service" {% if page.type == 'service' %}selected{% endif %}>صفحه خدمات</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" {% if page.is_active %}checked{% endif %}>
                    <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" value="{{ page.summary }}">
            </div>
            <div class="col-12">
                <label class="form-label">محتوای صفحه</label>
                <textarea name="content" class="form-control" rows="10">{{ page.content }}</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" value="{{ page.seo_title }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">کلمات کلیدی</label>
                <input type="text" name="seo_keywords" class="form-control" value="{{ page.seo_keywords }}">
            </div>
            <div class="col-12">
                <label class="form-label">توضیحات سئو</label>
                <textarea name="seo_description" class="form-control" rows="3">{{ page.seo_description }}</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 %}