{% extends "base.html" %}

{% block title %}تنظیمات - {{ settings.site_name }}{% endblock %}

{% block content %}

<section style="padding:60px 0;">
    <div class="container">
        <div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;">
            <h1 style="font-size:28px;color:#0d1b6b;">⚙️ تنظیمات سایت</h1>
            <a href="{{ url_for('admin_dashboard') }}" style="background:#eee;padding:10px 20px;border-radius:30px;color:#333;">بازگشت</a>
        </div>
        
        {% with messages = get_flashed_messages(with_categories=true) %}
            {% if messages %}
                {% for category, message in messages %}
                    <div style="padding:15px;border-radius:10px;margin-bottom:20px;background:{% if category == 'success' %}#d4edda;color:#155724;{% else %}#f8d7da;color:#721c24;{% endif %}">
                        {{ message }}
                    </div>
                {% endfor %}
            {% endif %}
        {% endwith %}
        
        <form method="POST" style="background:white;padding:40px;border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,0.06);">
            <div style="display:grid;grid-template-columns:1fr 1fr;gap:20px;">
                <div>
                    <label style="display:block;font-weight:500;margin-bottom:5px;">نام سایت</label>
                    <input type="text" name="site_name" value="{{ settings.site_name }}" style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;">
                </div>
                <div>
                    <label style="display:block;font-weight:500;margin-bottom:5px;">شماره تماس ۱ (اصلی)</label>
                    <input type="text" name="phone1" value="{{ settings.phone1 }}" style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;">
                </div>
                <div>
                    <label style="display:block;font-weight:500;margin-bottom:5px;">شماره تماس ۲</label>
                    <input type="text" name="phone2" value="{{ settings.phone2 }}" style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;">
                </div>
                <div>
                    <label style="display:block;font-weight:500;margin-bottom:5px;">واتساپ</label>
                    <input type="text" name="whatsapp" value="{{ settings.whatsapp }}" style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;">
                </div>
                <div>
                    <label style="display:block;font-weight:500;margin-bottom:5px;">ایمیل</label>
                    <input type="email" name="email" value="{{ settings.email }}" style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;">
                </div>
                <div>
                    <label style="display:block;font-weight:500;margin-bottom:5px;">ساعات کاری</label>
                    <input type="text" name="work_hours" value="{{ settings.work_hours }}" style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;">
                </div>
                <div style="grid-column:1/-1;">
                    <label style="display:block;font-weight:500;margin-bottom:5px;">آدرس</label>
                    <input type="text" name="address" value="{{ settings.address }}" style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;">
                </div>
                <div style="grid-column:1/-1;">
                    <label style="display:block;font-weight:500;margin-bottom:5px;">درباره ما</label>
                    <textarea name="about_text" rows="4" style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;">{{ settings.about_text }}</textarea>
                </div>
                <div style="grid-column:1/-1;">
                    <label style="display:block;font-weight:500;margin-bottom:5px;">عنوان سئو</label>
                    <input type="text" name="seo_title" value="{{ settings.seo_title }}" style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;">
                </div>
                <div style="grid-column:1/-1;">
                    <label style="display:block;font-weight:500;margin-bottom:5px;">توضیحات سئو</label>
                    <textarea name="seo_description" rows="3" style="width:100%;padding:12px;border:1px solid #ddd;border-radius:8px;">{{ settings.seo_description }}</textarea>
                </div>
            </div>
            
            <div style="margin-top:25px;">
                <button type="submit" style="background:#0d1b6b;color:white;padding:14px 50px;border:none;border-radius:30px;font-size:16px;font-weight:700;cursor:pointer;">
                    <i class="fas fa-save"></i> ذخیره تنظیمات
                </button>
            </div>
        </form>
    </div>
</section>

{% endblock %}