{% extends 'base.html' %}

{% block title %}
{% if facility %}
ویرایش مکان
{% else %}
افزودن مکان
{% endif %}
{% endblock %}

{% block content %}

<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h2 class="fw-bold mb-1">
            {% if facility %}
            ویرایش مکان
            {% else %}
            افزودن مکان جدید
            {% endif %}
        </h2>

        <p class="text-muted mb-0">
            {% if facility %}
            اطلاعات مکان را ویرایش کنید
            {% else %}
            اطلاعات مکان جدید را وارد کنید
            {% endif %}
        </p>
    </div>

    <a href="{% url 'facility_list' %}" class="btn btn-outline-secondary">
        ↩ برگشت به فهرست
    </a>
</div>


<div class="card border-0 shadow-sm">
    <div class="card-body p-4">

        <form method="post">

            {% csrf_token %}

            <div class="row g-3">

                <!-- کد مکان -->
                {% if facility %}
                <div class="col-md-6">
                    <label class="form-label fw-bold">
                        کد مکان
                    </label>

                    <input
                        type="text"
                        class="form-control"
                        value="{{ facility.code }}"
                        readonly
                    >

                    <small class="text-muted">
                        کد مکان توسط سیستم تولید شده و قابل تغییر نیست.
                    </small>
                </div>
                {% endif %}


                <!-- نام مکان -->
                <div class="col-md-6">
                    <label class="form-label fw-bold">
                        نام مکان
                    </label>

                    <input
                        type="text"
                        name="name"
                        class="form-control"
                        value="{{ facility.name|default:'' }}"
                        placeholder="مثلاً صنف 001"
                        required
                    >
                </div>


                <!-- نوع مکان -->
                <div class="col-md-6">
                    <label class="form-label fw-bold">
                        نوع مکان
                    </label>

                    <select
                        name="facility_type"
                        class="form-select"
                        required
                    >
                        <option value="">
                            انتخاب نوع مکان
                        </option>

                        {% for value, label in facility_types %}
                        <option
                            value="{{ value }}"
                            {% if facility.facility_type == value %}
                            selected
                            {% endif %}
                        >
                            {{ label }}
                        </option>
                        {% endfor %}
                    </select>
                </div>


                <!-- وضعیت -->
                <div class="col-md-6">
                    <label class="form-label fw-bold">
                        وضعیت
                    </label>

                    <select name="status" class="form-select">

                        {% for value, label in status_choices %}
                        <option
                            value="{{ value }}"
                            {% if facility.status == value or not facility and value == 'ACTIVE' %}
                            selected
                            {% endif %}
                        >
                            {{ label }}
                        </option>
                        {% endfor %}

                    </select>
                </div>


                <!-- ساختمان -->
                <div class="col-md-4">
                    <label class="form-label fw-bold">
                        ساختمان
                    </label>

                    <input
                        type="text"
                        name="building"
                        class="form-control"
                        value="{{ facility.building|default:'' }}"
                        placeholder="مثلاً ساختمان مرکزی"
                    >
                </div>


                <!-- طبقه -->
                <div class="col-md-4">
                    <label class="form-label fw-bold">
                        طبقه
                    </label>

                    <select
                        name="floor"
                        class="form-select"
                        required
                    >
                        <option value="">
                            انتخاب طبقه
                        </option>

                        {% for value, label in floor_choices %}
                        <option
                            value="{{ value }}"
                            {% if facility.floor == value %}
                            selected
                            {% endif %}
                        >
                            {{ label }}
                        </option>
                        {% endfor %}

                    </select>

                    <small class="text-muted">
                        کد مکان بر اساس طبقه به‌صورت خودکار تولید می‌شود.
                    </small>
                </div>


                <!-- شماره اتاق -->
                <div class="col-md-4">
                    <label class="form-label fw-bold">
                        شماره اتاق
                    </label>

                    <input
                        type="text"
                        name="room_number"
                        class="form-control"
                        value="{{ facility.room_number|default:'' }}"
                        placeholder="مثلاً G1 یا 601"
                    >
                </div>


                <!-- ظرفیت -->
                <div class="col-md-6">
                    <label class="form-label fw-bold">
                        ظرفیت
                    </label>

                    <input
                        type="number"
                        name="capacity"
                        class="form-control"
                        value="{{ facility.capacity|default:'' }}"
                        min="0"
                        placeholder="مثلاً 40"
                    >
                </div>


                <!-- مسئول -->
                <div class="col-md-6">
                    <label class="form-label fw-bold">
                        مسئول مکان
                    </label>

                    <input
                        type="text"
                        name="responsible_person"
                        class="form-control"
                        value="{{ facility.responsible_person|default:'' }}"
                        placeholder="نام مسئول"
                    >
                </div>


                <!-- توضیحات -->
                <div class="col-12">
                    <label class="form-label fw-bold">
                        توضیحات
                    </label>

                    <textarea
                        name="description"
                        class="form-control"
                        rows="4"
                        placeholder="توضیحات مربوط به این مکان..."
                    >{{ facility.description|default:'' }}</textarea>
                </div>

            </div>


            <hr class="my-4">


            <div class="d-flex gap-2">

                <button
                    type="submit"
                    class="btn btn-primary px-4"
                >
                    {% if facility %}
                    💾 ذخیره تغییرات
                    {% else %}
                    💾 ثبت مکان
                    {% endif %}
                </button>

                <a
                    href="{% url 'facility_list' %}"
                    class="btn btn-outline-secondary px-4"
                >
                    انصراف
                </a>

            </div>

        </form>

    </div>
</div>

{% endblock %}