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

{% block page_title %}تنظیمات سایت{% endblock %}

{% block content %}
<div class="row">
    <div class="col-12">
        <div class="form-admin">
            <h5 class="fw-bold mb-4"><i class="fas fa-cog" style="color:#c41e3a;"></i> تنظیمات سایت</h5>
            <p class="text-secondary small mb-4">تنظیماتی که در سایت نمایش داده می‌شوند</p>
            
            <form method="POST" action="{{ url_for('admin_settings') }}">
                <div class="row g-4">
                    
                    <!-- ===== تنظیمات عمومی ===== -->
                    <div class="col-12">
                        <h6 class="fw-bold"><i class="fas fa-globe" style="color:#c41e3a;"></i> تنظیمات عمومی</h6>
                        <hr>
                    </div>
                    <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="{{ settings.site_name|default('نمایندگی تعمیرات دوو تهران') }}">
                        <small class="text-muted">در هدر و عنوان صفحات نمایش داده می‌شود</small>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">توضیحات سایت</label>
                        <input type="text" name="site_description" class="form-control" value="{{ settings.site_description|default('تعمیرات تخصصی لوازم خانگی دوو در تهران') }}">
                        <small class="text-muted">در هدر و متا تگ‌ها نمایش داده می‌شود</small>
                    </div>
                    <div class="col-12">
                        <label class="form-label">متن درباره ما</label>
                        <textarea name="about_text" class="form-control" rows="4">{{ settings.about_text|default('ما با بیش از ۱۰ سال تجربه در زمینه تعمیرات تخصصی لوازم خانگی دوو...') }}</textarea>
                        <small class="text-muted">در صفحه درباره ما نمایش داده می‌شود</small>
                    </div>
                    
                    <!-- ===== اطلاعات تماس ===== -->
                    <div class="col-12 mt-3">
                        <h6 class="fw-bold"><i class="fas fa-phone" style="color:#c41e3a;"></i> اطلاعات تماس</h6>
                        <hr>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">تلفن ۱ <span class="text-danger">*</span></label>
                        <input type="text" name="phone1" class="form-control" value="{{ settings.phone1|default('۰۲۱-۵۵۵۵-۱۲۳۴') }}">
                        <small class="text-muted">در هدر، فوتر و CTA</small>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">تلفن ۲</label>
                        <input type="text" name="phone2" class="form-control" value="{{ settings.phone2|default('۰۲۱-۵۵۵۵-۵۶۷۸') }}">
                        <small class="text-muted">در فوتر و تماس با ما</small>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">واتساپ</label>
                        <input type="text" name="whatsapp" class="form-control" value="{{ settings.whatsapp|default('۰۹۱۲-۱۲۳-۴۵۶۷') }}">
                        <small class="text-muted">دکمه شناور و فوتر</small>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">ایمیل</label>
                        <input type="email" name="email" class="form-control" value="{{ settings.email|default('info@daewoo-tehran.com') }}">
                        <small class="text-muted">در فوتر و تماس با ما</small>
                    </div>
                    <div class="col-12">
                        <label class="form-label">آدرس</label>
                        <input type="text" name="address" class="form-control" value="{{ settings.address|default('تهران، میدان آزادی، خیابان آزادی، پلاک ۱۲۳') }}">
                        <small class="text-muted">در فوتر و تماس با ما</small>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">تلفن اضطراری (۲۴ ساعته)</label>
                        <input type="text" name="emergency_phone" class="form-control" value="{{ settings.emergency_phone|default('۰۹۱۲-۱۲۳-۴۵۶۷') }}">
                        <small class="text-muted">در هیرو و فوتر نمایش داده می‌شود</small>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">ساعت کاری</label>
                        <input type="text" name="work_hours" class="form-control" value="{{ settings.work_hours|default('شنبه تا پنجشنبه ۹ صبح تا ۸ شب - جمعه‌ها ۱۰ صبح تا ۶ شب') }}">
                        <small class="text-muted">در فوتر و تماس با ما</small>
                    </div>
                    
                    <!-- ===== شبکه‌های اجتماعی ===== -->
                    <div class="col-12 mt-3">
                        <h6 class="fw-bold"><i class="fas fa-share-alt" style="color:#c41e3a;"></i> شبکه‌های اجتماعی</h6>
                        <hr>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">اینستاگرام</label>
                        <div class="input-group">
                            <span class="input-group-text">instagram.com/</span>
                            <input type="text" name="instagram" class="form-control" value="{{ settings.instagram|default('daewoo_tehran') }}">
                        </div>
                        <small class="text-muted">نام کاربری</small>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">تلگرام</label>
                        <div class="input-group">
                            <span class="input-group-text">t.me/</span>
                            <input type="text" name="telegram" class="form-control" value="{{ settings.telegram|default('daewoo_tehran') }}">
                        </div>
                        <small class="text-muted">نام کاربری</small>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">یوتیوب</label>
                        <div class="input-group">
                            <span class="input-group-text">youtube.com/@</span>
                            <input type="text" name="youtube" class="form-control" value="{{ settings.youtube|default('daewoo_tehran') }}">
                        </div>
                        <small class="text-muted">نام کاربری</small>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">آپارات</label>
                        <div class="input-group">
                            <span class="input-group-text">aparat.com/</span>
                            <input type="text" name="aparat" class="form-control" value="{{ settings.aparat|default('daewoo_tehran') }}">
                        </div>
                        <small class="text-muted">نام کاربری</small>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">توییتر</label>
                        <div class="input-group">
                            <span class="input-group-text">twitter.com/</span>
                            <input type="text" name="twitter" class="form-control" value="{{ settings.twitter|default('daewoo_tehran') }}">
                        </div>
                        <small class="text-muted">نام کاربری</small>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">فیسبوک</label>
                        <div class="input-group">
                            <span class="input-group-text">facebook.com/</span>
                            <input type="text" name="facebook" class="form-control" value="{{ settings.facebook|default('daewoo_tehran') }}">
                        </div>
                        <small class="text-muted">نام کاربری</small>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">روبیکا 🟣</label>
                        <div class="input-group">
                            <span class="input-group-text">rubika.ir/</span>
                            <input type="text" name="rubika" class="form-control" value="{{ settings.rubika|default('daewoo_tehran') }}">
                        </div>
                        <small class="text-muted">نام کاربری</small>
                    </div>
                    <div class="col-md-3">
                        <label class="form-label">بله ✅</label>
                        <div class="input-group">
                            <span class="input-group-text">bale.ai/</span>
                            <input type="text" name="bale" class="form-control" value="{{ settings.bale|default('daewoo_tehran') }}">
                        </div>
                        <small class="text-muted">نام کاربری</small>
                    </div>
                    
                    <!-- ===== دکمه ذخیره ===== -->
                    <div class="col-12 mt-3">
                        <button type="submit" class="btn-admin-primary">
                            <i class="fas fa-save"></i> ذخیره تنظیمات
                        </button>
                        <a href="{{ url_for('admin_dashboard') }}" class="btn-admin-secondary">
                            <i class="fas fa-arrow-right"></i> بازگشت
                        </a>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
{% endblock %}