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

{% block title %}تنظیمات عمومی | {{ site_name }}{% endblock %}

{% block admin_content %}
<div class="container-fluid">
    <h1 class="h3 mb-4">
        <i class="fas fa-cog text-primary me-2"></i>
        تنظیمات عمومی سایت
    </h1>

    <form method="POST" action="{{ url_for('admin_settings') }}" enctype="multipart/form-data">
        <div class="row g-4">
            <div class="col-lg-8">
                <div class="card shadow-sm border-0">
                    <div class="card-header bg-white py-3">
                        <h5 class="mb-0"><i class="fas fa-info-circle me-2"></i> اطلاعات اصلی</h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">نام سایت <span class="text-danger">*</span></label>
                                <input type="text" name="site_name" class="form-control" value="{{ setting.site_name }}" required>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">ایمیل</label>
                                <input type="email" name="site_email" class="form-control" value="{{ setting.site_email }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">تلفن</label>
                                <input type="text" name="site_phone" class="form-control" value="{{ setting.site_phone }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">واحد پول</label>
                                <input type="text" name="currency" class="form-control" value="{{ setting.currency or 'تومان' }}">
                            </div>
                            <div class="col-12">
                                <label class="form-label">آدرس</label>
                                <textarea name="site_address" class="form-control" rows="2">{{ setting.site_address }}</textarea>
                            </div>
                            <div class="col-12">
                                <label class="form-label">متن فوتر</label>
                                <textarea name="footer_text" class="form-control" rows="3">{{ setting.footer_text }}</textarea>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">مالیات (درصد)</label>
                                <input type="number" name="tax_percent" class="form-control" value="{{ setting.tax_percent or 0 }}">
                            </div>
                            <div class="col-md-6">
                                <div class="form-check mt-4">
                                    <input type="checkbox" name="maintenance_mode" class="form-check-input" id="maintenance" {% if setting.maintenance_mode %}checked{% endif %}>
                                    <label class="form-check-label" for="maintenance">حالت تعمیرات (سایت غیرفعال)</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card shadow-sm border-0 mt-4">
                    <div class="card-header bg-white py-3">
                        <h5 class="mb-0"><i class="fas fa-search me-2"></i> سئو</h5>
                    </div>
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-12">
                                <label class="form-label">عنوان متا</label>
                                <input type="text" name="meta_title" class="form-control" value="{{ setting.meta_title }}">
                            </div>
                            <div class="col-12">
                                <label class="form-label">توضیحات متا</label>
                                <textarea name="meta_description" class="form-control" rows="2">{{ setting.meta_description }}</textarea>
                            </div>
                            <div class="col-12">
                                <label class="form-label">کلمات کلیدی</label>
                                <textarea name="seo_keywords" class="form-control" rows="2">{{ setting.seo_keywords }}</textarea>
                                <small class="text-muted">کلمات کلیدی را با کاما جدا کنید</small>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="col-lg-4">
                <div class="card shadow-sm border-0">
                    <div class="card-header bg-white py-3">
                        <h5 class="mb-0"><i class="fas fa-image me-2"></i> لوگو و آیکون</h5>
                    </div>
                    <div class="card-body text-center">
                        {% if setting.site_logo %}
                            <img src="{{ setting.site_logo }}" alt="لوگو" style="max-width: 100%; max-height: 100px; margin-bottom: 16px;">
                        {% endif %}
                        <div class="mb-3">
                            <label class="form-label">آپلود لوگو</label>
                            <input type="file" name="site_logo" class="form-control" accept="image/*">
                            <small class="text-muted">فرمت‌های مجاز: jpg, png, svg</small>
                        </div>
                        <div class="mb-3">
                            <label class="form-label">آپلود فاویکون</label>
                            <input type="file" name="site_favicon" class="form-control" accept="image/*">
                            <small class="text-muted">سایز توصیه شده: ۳۲×۳۲ یا ۶۴×۶۴</small>
                        </div>
                    </div>
                </div>

                <div class="card shadow-sm border-0 mt-4">
                    <div class="card-header bg-white py-3">
                        <h5 class="mb-0"><i class="fas fa-share-alt me-2"></i> شبکه‌های اجتماعی</h5>
                    </div>
                    <div class="card-body">
                        <div class="mb-2">
                            <label class="form-label">اینستاگرام</label>
                            <input type="url" name="social_instagram" class="form-control" value="{{ social_media.instagram or '' }}" placeholder="https://instagram.com/...">
                        </div>
                        <div class="mb-2">
                            <label class="form-label">تلگرام</label>
                            <input type="url" name="social_telegram" class="form-control" value="{{ social_media.telegram or '' }}" placeholder="https://t.me/...">
                        </div>
                        <div class="mb-2">
                            <label class="form-label">واتساپ</label>
                            <input type="url" name="social_whatsapp" class="form-control" value="{{ social_media.whatsapp or '' }}" placeholder="https://wa.me/...">
                        </div>
                        <div class="mb-2">
                            <label class="form-label">لینکدین</label>
                            <input type="url" name="social_linkedin" class="form-control" value="{{ social_media.linkedin or '' }}" placeholder="https://linkedin.com/...">
                        </div>
                    </div>
                </div>

                <button type="submit" class="btn btn-primary w-100 mt-3">
                    <i class="fas fa-save me-2"></i> ذخیره تنظیمات
                </button>
            </div>
        </div>
    </form>
</div>
{% endblock %}