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

{% block page_title %}افزودن سرویس جدید{% endblock %}

{% block content %}
<div class="form-admin">
    <h5 class="fw-bold mb-4"><i class="fas fa-plus" style="color:#c41e3a;"></i> افزودن سرویس جدید</h5>
    
    <form method="POST" action="{{ url_for('admin_service_create') }}">
        <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" required>
            </div>
            <div class="col-md-6">
                <label class="form-label">اسلاگ</label>
                <input type="text" name="slug" class="form-control" placeholder="مثال: refrigerator-repair">
            </div>
            <div class="col-md-6">
                <label class="form-label">دسته‌بندی</label>
                <select name="category" class="form-select">
                    <option value="refrigerator">یخچال</option>
                    <option value="washing_machine">لباسشویی</option>
                    <option value="dishwasher">ظرفشویی</option>
                    <option value="package">پکیج</option>
                    <option value="vacuum">جاروبرقی</option>
                    <option value="microwave">مایکروویو</option>
                    <option value="stove">اجاق گاز</option>
                    <option value="hood">هود</option>
                    <option value="installation">نصب و راه‌اندازی</option>
                </select>
            </div>
            <div class="col-md-6">
                <label class="form-label">آیکون</label>
                <input type="text" name="icon" class="form-control" value="fa-solid fa-wrench" placeholder="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">
            </div>
            <div class="col-md-4">
                <label class="form-label">قیمت حداکثر (تومان)</label>
                <input type="number" name="price_range_max" class="form-control">
            </div>
            <div class="col-md-4">
                <label class="form-label">زمان تخمینی (دقیقه)</label>
                <input type="number" name="estimated_time" class="form-control">
            </div>
            <div class="col-md-6">
                <label class="form-label">توضیحات کوتاه</label>
                <input type="text" name="short_description" class="form-control">
            </div>
            <div class="col-12">
                <label class="form-label">توضیحات کامل</label>
                <textarea name="description" class="form-control" rows="4"></textarea>
            </div>
            <div class="col-md-6">
                <div class="form-check">
                    <input type="checkbox" name="is_popular" class="form-check-input">
                    <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" checked>
                    <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 %}