{% extends 'base.html' %}


{% block title %}

    {% if maintenance %}
        ویرایش تعمیرات
    {% else %}
        ثبت تعمیرات
    {% endif %}

{% endblock %}


{% block content %}

<div class="container-fluid">


    <!-- ============================== -->
    <!-- Header -->
    <!-- ============================== -->

    <div class="d-flex justify-content-between align-items-center mb-4">

        <div>

            <h2 class="fw-bold">

                {% if maintenance %}
                    ✏️ ویرایش تعمیرات
                {% else %}
                    🛠 ثبت تعمیرات
                {% endif %}

            </h2>


            <p class="text-muted mb-0">

                {% if maintenance %}
                    ویرایش معلومات سابقه تعمیراتی
                {% else %}
                    ثبت سوابق خرابی و تعمیر تجهیزات
                {% endif %}

            </p>

        </div>


        <a
            href="{% url 'maintenance_list' %}"
            class="btn btn-secondary"
        >
            ↩ بازگشت
        </a>

    </div>


    <!-- ============================== -->
    <!-- Main Card -->
    <!-- ============================== -->

    <div class="card shadow-sm">


        <div class="card-header bg-primary text-white">

            <h5 class="mb-0">
                معلومات تعمیرات
            </h5>

        </div>


        <div class="card-body">


            <form method="post">

                {% csrf_token %}


                <div class="row g-3">


                    <!-- ============================== -->
                    <!-- تجهیز -->
                    <!-- ============================== -->

                    <div class="col-md-6">

                        <label class="form-label">
                            تجهیز
                        </label>


                        <select
                            name="asset"
                            class="form-select"
                            required
                        >

                            <option value="">
                                -- انتخاب تجهیز --
                            </option>


                            {% for asset in assets %}

                                <option
                                    value="{{ asset.id }}"
                                    {% if maintenance and maintenance.asset_id == asset.id %}
                                        selected
                                    {% elif selected_asset and selected_asset.id == asset.id %}
                                        selected
                                    {% endif %}
                                >

                                    {{ asset.asset_code }} -
                                    {{ asset.name }}

                                </option>

                            {% endfor %}

                        </select>

                    </div>


                    <!-- ============================== -->
                    <!-- تاریخ گزارش -->
                    <!-- ============================== -->

                    <div class="col-md-6">

                        <label class="form-label">
                            تاریخ گزارش خرابی
                        </label>


                        <input
                            type="date"
                            name="report_date"
                            class="form-control"
                            value="{% if maintenance %}{{ maintenance.report_date|date:'Y-m-d' }}{% endif %}"
                            required
                        >

                    </div>


                    <!-- ============================== -->
                    <!-- شرح مشکل -->
                    <!-- ============================== -->

                    <div class="col-12">

                        <label class="form-label">
                            شرح مشکل
                        </label>


                        <textarea
                            name="problem_description"
                            class="form-control"
                            rows="3"
                            required
                        >{% if maintenance %}{{ maintenance.problem_description }}{% endif %}</textarea>

                    </div>


                    <!-- ============================== -->
                    <!-- نوع تعمیر -->
                    <!-- ============================== -->

                    <div class="col-md-6">

                        <label class="form-label">
                            نوع تعمیر
                        </label>


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

                            {% for value, label in repair_type_choices %}

                                <option
                                    value="{{ value }}"
                                    {% if maintenance and maintenance.repair_type == value %}
                                        selected
                                    {% endif %}
                                >

                                    {{ label }}

                                </option>

                            {% endfor %}

                        </select>

                    </div>


                    <!-- ============================== -->
                    <!-- وضعیت -->
                    <!-- ============================== -->

                    <div class="col-md-6">

                        <label class="form-label">
                            وضعیت تعمیر
                        </label>


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

                            {% for value, label in status_choices %}

                                <option
                                    value="{{ value }}"
                                    {% if maintenance and maintenance.status == value %}
                                        selected
                                    {% endif %}
                                >

                                    {{ label }}

                                </option>

                            {% endfor %}

                        </select>

                    </div>


                    <!-- ============================== -->
                    <!-- شرکت -->
                    <!-- ============================== -->

                    <div class="col-md-6">

                        <label class="form-label">
                            نام شرکت / تعمیرگاه
                        </label>


                        <input
                            type="text"
                            name="repair_company"
                            class="form-control"
                            value="{% if maintenance %}{{ maintenance.repair_company }}{% endif %}"
                        >

                    </div>


                    <!-- ============================== -->
                    <!-- تعمیرکار -->
                    <!-- ============================== -->

                    <div class="col-md-6">

                        <label class="form-label">
                            شخص / تعمیرکار
                        </label>


                        <input
                            type="text"
                            name="technician"
                            class="form-control"
                            value="{% if maintenance %}{{ maintenance.technician }}{% endif %}"
                        >

                    </div>


                    <!-- ============================== -->
                    <!-- تاریخ ارسال -->
                    <!-- ============================== -->

                    <div class="col-md-6">

                        <label class="form-label">
                            تاریخ ارسال
                        </label>


                        <input
                            type="date"
                            name="send_date"
                            class="form-control"
                            value="{% if maintenance and maintenance.send_date %}{{ maintenance.send_date|date:'Y-m-d' }}{% endif %}"
                        >

                    </div>


                    <!-- ============================== -->
                    <!-- تاریخ برگشت -->
                    <!-- ============================== -->

                    <div class="col-md-6">

                        <label class="form-label">
                            تاریخ برگشت
                        </label>


                        <input
                            type="date"
                            name="return_date"
                            class="form-control"
                            value="{% if maintenance and maintenance.return_date %}{{ maintenance.return_date|date:'Y-m-d' }}{% endif %}"
                        >

                    </div>


                    <!-- ============================== -->
                    <!-- قطعه -->
                    <!-- ============================== -->

                    <div class="col-md-6">

                        <label class="form-label">
                            قطعه تعویض‌شده
                        </label>


                        <input
                            type="text"
                            name="replaced_part"
                            class="form-control"
                            value="{% if maintenance %}{{ maintenance.replaced_part }}{% endif %}"
                        >

                    </div>


                    <!-- ============================== -->
                    <!-- هزینه -->
                    <!-- ============================== -->

                    <div class="col-md-6">

                        <label class="form-label">
                            هزینه تعمیر
                        </label>


                        <input
                            type="number"
                            name="cost"
                            class="form-control"
                            step="0.01"
                            min="0"
                            value="{% if maintenance and maintenance.cost %}{{ maintenance.cost }}{% endif %}"
                        >

                    </div>


                    <!-- ============================== -->
                    <!-- نتیجه -->
                    <!-- ============================== -->

                    <div class="col-12">

                        <label class="form-label">
                            نتیجه تعمیر
                        </label>


                        <textarea
                            name="result"
                            class="form-control"
                            rows="3"
                        >{% if maintenance %}{{ maintenance.result }}{% endif %}</textarea>

                    </div>


                    <!-- ============================== -->
                    <!-- یادداشت -->
                    <!-- ============================== -->

                    <div class="col-12">

                        <label class="form-label">
                            توضیحات / یادداشت
                        </label>


                        <textarea
                            name="notes"
                            class="form-control"
                            rows="3"
                        >{% if maintenance %}{{ maintenance.notes }}{% endif %}</textarea>

                    </div>


                </div>


                <hr class="my-4">


                <!-- ============================== -->
                <!-- Buttons -->
                <!-- ============================== -->

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


                    <button
                        type="submit"
                        class="btn btn-primary px-4"
                    >

                        {% if maintenance %}
                            💾 ذخیره تغییرات
                        {% else %}
                            💾 ثبت تعمیرات
                        {% endif %}

                    </button>


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


                </div>


            </form>


        </div>

    </div>


</div>

{% endblock %}