{% 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> ویرایش سرویس: {{ service.title }}</h5>
    
    <form method="POST" action="{{ url_for('admin_service_edit', id=service.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="{{ service.title }}" required>
            </div>
            <div class="col-md-6">
                <label class="form-label">اسلاگ</label>
                <input type="text" name="slug" class="form-control" value="{{ service.slug }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">دسته‌بندی</label>
                <select name="category" class="form-select">
                    <option value="refrigerator" {% if service.category == 'refrigerator' %}selected{% endif %}>یخچال</option>
                    <option value="washing_machine" {% if service.category == 'washing_machine' %}selected{% endif %}>لباسشویی</option>
                    <option value="dishwasher" {% if service.category == 'dishwasher' %}selected{% endif %}>ظرفشویی</option>
                    <option value="package" {% if service.category == 'package' %}selected{% endif %}>پکیج</option>
                    <option value="vacuum" {% if service.category == 'vacuum' %}selected{% endif %}>جاروبرقی</option>
                    <option value="microwave" {% if service.category == 'microwave' %}selected{% endif %}>مایکروویو</option>
                    <option value="stove" {% if service.category == 'stove' %}selected{% endif %}>اجاق گاز</option>
                    <option value="hood" {% if service.category == 'hood' %}selected{% endif %}>هود</option>
                    <option value="installation" {% if service.category == 'installation' %}selected{% endif %}>نصب و راه‌اندازی</option>
                </select>
            </div>
            <div class="col-md-6">
                <label class="form-label">آیکون</label>
                <input type="text" name="icon" class="form-control" value="{{ service.icon|default('fa-solid fa-wrench') }}">
            </div>
            <div class="col-md-4">
                <label class="form-label">قیمت حداقل (تومان)</label>
                <input type="number" name="price_range_min" class="form-control" value="{{ service.price_range_min }}">
            </div>
            <div class="col-md-4">
                <label class="form-label">قیمت حداکثر (تومان)</label>
                <input type="number" name="price_range_max" class="form-control" value="{{ service.price_range_max }}">
            </div>
            <div class="col-md-4">
                <label class="form-label">زمان تخمینی (دقیقه)</label>
                <input type="number" name="estimated_time" class="form-control" value="{{ service.estimated_time }}">
            </div>
            <div class="col-md-6">
                <label class="form-label">توضیحات کوتاه</label>
                <input type="text" name="short_description" class="form-control" value="{{ service.short_description }}">
            </div>
            <div class="col-12">
                <label class="form-label">توضیحات کامل</label>
                <textarea name="description" class="form-control" rows="4">{{ service.description }}</textarea>
            </div>
            <div class="col-md-6">
                <div class="form-check">
                    <input type="checkbox" name="is_popular" class="form-check-input" {% if service.is_popular %}checked{% endif %}>
                    <label class="form-check-label">پرطرفدار</label>
                </div>
            </div>
            <div class="col-md-6">
                <div class="form-check">
                    <input type="checkbox" name="is_active" class="form-check-input" {% if service.is_active %}checked{% endif %}>
                    <label class="form-check-label">فعال</label>
                </div>
            </div>
            <div class="col-12">
                <button type="submit" class="btn-admin-primary">
                    <i class="fas fa-save"></i> ذخیره تغییرات
                </button>
                <a href="{{ url_for('admin_services') }}" class="btn btn-secondary">بازگشت</a>
            </div>
        </div>
    </form>
</div>
{% endblock %}