{% extends 'base.html' %}

{% block title %}
گزارش تعمیرات
{% endblock %}

{% block content %}

<div class="container-fluid">

    <!-- ========================================================= -->
    <!-- عنوان صفحه -->
    <!-- ========================================================= -->

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

        <div>

            <h3 class="fw-bold mb-1">

                <i class="bi bi-tools"></i>

                گزارش تعمیرات

            </h3>

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

                گزارش سوابق تعمیرات تجهیزات IT

            </p>

        </div>


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

            <!-- چاپ گزارش -->

            <a
                href="{% url 'maintenance_report_print' %}?{{ request.GET.urlencode }}"
                target="_blank"
                class="btn btn-primary"
            >

                <i class="bi bi-printer"></i>

                چاپ گزارش

            </a>


            <!-- خروجی Excel -->

            <a
                href="{% url 'maintenance_report_excel' %}?{{ request.GET.urlencode }}"
                class="btn btn-success"
            >

                <i class="bi bi-file-earmark-excel"></i>

                خروجی Excel

            </a>


            <!-- برگشت به تعمیرات -->

            <a
                href="{% url 'maintenance_list' %}"
                class="btn btn-outline-secondary"
            >

                <i class="bi bi-arrow-right"></i>

                برگشت به تعمیرات

            </a>

        </div>

    </div>


    <!-- ========================================================= -->
    <!-- فیلترهای گزارش -->
    <!-- ========================================================= -->

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

        <div class="card-header bg-white py-3">

            <h5 class="mb-0 fw-bold">

                <i class="bi bi-funnel-fill"></i>

                فیلتر گزارش

            </h5>

        </div>


        <div class="card-body">

            <form method="get">

                <div class="row g-3">


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

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

                        <label class="form-label fw-bold">

                            تجهیز

                        </label>


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

                            <option value="">

                                همه تجهیزات

                            </option>


                            {% for asset in assets %}

                            <option value="{{ asset.id }}" {% if asset_id == asset.id|stringformat:"s" %}selected{% endif %}>

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

                            </option>

                            {% endfor %}

                        </select>

                    </div>


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

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

                        <label class="form-label fw-bold">

                            نوع تعمیر

                        </label>


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

                            <option value="">

                                همه انواع تعمیر

                            </option>


                            {% for value, label in repair_type_choices %}

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

                                {{ label }}

                            </option>

                            {% endfor %}

                        </select>

                    </div>


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

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

                        <label class="form-label fw-bold">

                            وضعیت تعمیر

                        </label>


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

                            <option value="">

                                همه وضعیت‌ها

                            </option>


                            {% for value, label in status_choices %}

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

                                {{ label }}

                            </option>

                            {% endfor %}

                        </select>

                    </div>


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

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

                        <label class="form-label fw-bold">

                            از تاریخ

                        </label>


                        <input
                            type="date"
                            name="date_from"
                            class="form-control"
                            value="{{ date_from }}"
                        >

                    </div>


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

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

                        <label class="form-label fw-bold">

                            تا تاریخ

                        </label>


                        <input
                            type="date"
                            name="date_to"
                            class="form-control"
                            value="{{ date_to }}"
                        >

                    </div>


                    <!-- ================================================= -->
                    <!-- شرکت / تعمیرگاه -->
                    <!-- ================================================= -->

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

                        <label class="form-label fw-bold">

                            شرکت / تعمیرگاه

                        </label>


                        <input
                            type="text"
                            name="repair_company"
                            class="form-control"
                            value="{{ repair_company }}"
                            placeholder="نام شرکت یا تعمیرگاه"
                        >

                    </div>


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

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

                        <label class="form-label fw-bold">

                            تعمیرکار

                        </label>


                        <input
                            type="text"
                            name="technician"
                            class="form-control"
                            value="{{ technician }}"
                            placeholder="نام تعمیرکار"
                        >

                    </div>

                </div>


                <!-- ================================================= -->
                <!-- دکمه‌ها -->
                <!-- ================================================= -->

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

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

                        <i class="bi bi-search"></i>

                        نمایش گزارش

                    </button>


                    <a
                        href="{% url 'maintenance_report' %}"
                        class="btn btn-outline-secondary"
                    >

                        <i class="bi bi-arrow-counterclockwise"></i>

                        پاک کردن فیلترها

                    </a>

                </div>

            </form>

        </div>

    </div>


    <!-- ========================================================= -->
    <!-- جدول گزارش -->
    <!-- ========================================================= -->

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

        <div class="card-header bg-white py-3">

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

                <h5 class="mb-0 fw-bold">

                    <i class="bi bi-table"></i>

                    سوابق تعمیرات

                </h5>


                <span class="badge bg-primary fs-6">

                    تعداد سوابق:

                    {{ maintenance_count }}

                </span>

            </div>

        </div>


        <div class="card-body p-0">

            {% if maintenances %}

            <div class="table-responsive">

                <table
                    class="table table-bordered table-hover align-middle mb-0"
                >

                    <thead class="table-light">

                        <tr>

                            <th
                                class="text-center"
                                style="width: 50px;"
                            >

                                #

                            </th>


                            <th>

                                تاریخ گزارش

                            </th>


                            <th>

                                تجهیز

                            </th>


                            <th>

                                شرح مشکل

                            </th>


                            <th>

                                نوع تعمیر

                            </th>


                            <th>

                                شرکت / تعمیرگاه

                            </th>


                            <th>

                                تعمیرکار

                            </th>


                            <th>

                                تاریخ ارسال

                            </th>


                            <th>

                                تاریخ برگشت

                            </th>


                            <th>

                                قطعه تعویض‌شده

                            </th>


                            <th>

                                هزینه

                            </th>


                            <th class="text-center">

                                وضعیت

                            </th>


                            <th>

                                نتیجه

                            </th>

                        </tr>

                    </thead>


                    <tbody>

                        {% for maintenance in maintenances %}

                        <tr>


                            <!-- شماره -->

                            <td class="text-center">

                                {{ forloop.counter }}

                            </td>


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

                            <td>

                                {{ maintenance.report_date|date:"Y-m-d" }}

                            </td>


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

                            <td>

                                <a
                                    href="{% url 'asset_detail' maintenance.asset.pk %}"
                                    class="text-decoration-none fw-bold"
                                >

                                    {{ maintenance.asset.asset_code }}

                                    -

                                    {{ maintenance.asset.name }}

                                </a>

                            </td>


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

                            <td>

                                {{ maintenance.problem_description|truncatechars:70 }}

                            </td>


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

                            <td>

                                {% if maintenance.repair_type == 'INTERNAL' %}

                                    <span class="badge bg-primary">

                                        تعمیر داخلی

                                    </span>

                                {% elif maintenance.repair_type == 'EXTERNAL' %}

                                    <span class="badge bg-info text-dark">

                                        تعمیر بیرونی

                                    </span>

                                {% endif %}

                            </td>


                            <!-- شرکت -->

                            <td>

                                {% if maintenance.repair_company %}

                                    {{ maintenance.repair_company }}

                                {% else %}

                                    <span class="text-muted">

                                        -

                                    </span>

                                {% endif %}

                            </td>


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

                            <td>

                                {% if maintenance.technician %}

                                    {{ maintenance.technician }}

                                {% else %}

                                    <span class="text-muted">

                                        -

                                    </span>

                                {% endif %}

                            </td>


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

                            <td>

                                {% if maintenance.send_date %}

                                    {{ maintenance.send_date|date:"Y-m-d" }}

                                {% else %}

                                    <span class="text-muted">

                                        -

                                    </span>

                                {% endif %}

                            </td>


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

                            <td>

                                {% if maintenance.return_date %}

                                    {{ maintenance.return_date|date:"Y-m-d" }}

                                {% else %}

                                    <span class="text-muted">

                                        -

                                    </span>

                                {% endif %}

                            </td>


                            <!-- قطعه -->

                            <td>

                                {% if maintenance.replaced_part %}

                                    {{ maintenance.replaced_part }}

                                {% else %}

                                    <span class="text-muted">

                                        -

                                    </span>

                                {% endif %}

                            </td>


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

                            <td>

                                {% if maintenance.cost %}

                                    {{ maintenance.cost }}

                                {% else %}

                                    <span class="text-muted">

                                        -

                                    </span>

                                {% endif %}

                            </td>


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

                            <td class="text-center">

                                {% if maintenance.status == 'PENDING' %}

                                    <span class="badge bg-secondary">

                                        در انتظار تعمیر

                                    </span>

                                {% elif maintenance.status == 'IN_PROGRESS' %}

                                    <span class="badge bg-warning text-dark">

                                        در حال تعمیر

                                    </span>

                                {% elif maintenance.status == 'SENT_OUT' %}

                                    <span class="badge bg-info text-dark">

                                        ارسال شده به بیرون

                                    </span>

                                {% elif maintenance.status == 'COMPLETED' %}

                                    <span class="badge bg-success">

                                        تکمیل شده

                                    </span>

                                {% elif maintenance.status == 'NOT_REPAIRABLE' %}

                                    <span class="badge bg-danger">

                                        غیرقابل تعمیر

                                    </span>

                                {% endif %}

                            </td>


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

                            <td>

                                {% if maintenance.result %}

                                    {{ maintenance.result|truncatechars:70 }}

                                {% else %}

                                    <span class="text-muted">

                                        -

                                    </span>

                                {% endif %}

                            </td>

                        </tr>

                        {% endfor %}

                    </tbody>

                </table>

            </div>


            {% else %}

            <!-- ===================================================== -->
            <!-- بدون نتیجه -->
            <!-- ===================================================== -->

            <div class="text-center py-5">

                <div class="mb-3">

                    <i
                        class="bi bi-search"
                        style="
                            font-size: 55px;
                            color: #adb5bd;
                        "
                    ></i>

                </div>


                <h5 class="fw-bold">

                    هیچ سابقه تعمیری مطابق فیلترها پیدا نشد

                </h5>


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

                    لطفاً فیلترهای انتخاب‌شده را بررسی کنید.

                </p>


                <a
                    href="{% url 'maintenance_report' %}"
                    class="btn btn-outline-primary"
                >

                    <i class="bi bi-arrow-counterclockwise"></i>

                    نمایش همه سوابق

                </a>

            </div>

            {% endif %}

        </div>

    </div>

</div>

{% endblock %}