{% 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-file-earmark-text-fill"></i>
                گزارش تجهیزات
            </h3>

            <p class="text-muted mb-0">
                گزارش کامل تجهیزات ثبت‌شده در سیستم مدیریت IT
            </p>

        </div>


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

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

    <a
        href="{% url 'asset_report_excel' %}?category={{ category_id }}&status={{ status }}&location={{ location_id }}"
        class="btn btn-success"
    >
        <i class="bi bi-file-earmark-excel-fill"></i>
        خروجی Excel
    </a>


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

    <a
        href="{% url 'asset_report_print' %}?category={{ category_id }}&status={{ status }}&location={{ location_id }}"
        target="_blank"
        class="btn btn-primary"
    >
        <i class="bi bi-printer-fill"></i>
        چاپ گزارش
    </a>


    <!-- برگشت -->

    <a
        href="{% url 'asset_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="category"
                            class="form-select"
                        >

                            <option value="">
                                همه دسته‌ها
                            </option>


                            {% for category in categories %}

                            <option
                                value="{{ category.id }}"

                                {% if category_id == category.id|stringformat:"s" %}
                                    selected
                                {% endif %}
                            >

                                {{ category.code }} - {{ category.name }}

                            </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>


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

                            <option value="">
                                همه مکان‌ها
                            </option>


                            {% for facility in facilities %}

                            <option
                                value="{{ facility.id }}"

                                {% if location_id == facility.id|stringformat:"s" %}
                                    selected
                                {% endif %}
                            >

                                {{ facility.code }} - {{ facility.name }}

                            </option>

                            {% endfor %}

                        </select>

                    </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 'asset_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">


        <!-- ========================================================= -->
        <!-- Header گزارش -->
        <!-- ========================================================= -->

        <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">

                    تعداد تجهیزات:
                    {{ asset_count }}

                </span>

            </div>

        </div>


        <!-- ========================================================= -->
        <!-- جدول -->
        <!-- ========================================================= -->

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

            {% if assets %}

            <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 class="text-center">
                                تعداد
                            </th>


                            <th>
                                مکان
                            </th>


                            <th class="text-center">
                                حالت
                            </th>


                            <th class="text-center">
                                وضعیت
                            </th>

                        </tr>

                    </thead>


                    <!-- ================================================= -->
                    <!-- اطلاعات تجهیزات -->
                    <!-- ================================================= -->

                    <tbody>

                        {% for asset in assets %}

                        <tr>


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

                            <td class="text-center">

                                {{ forloop.counter }}

                            </td>


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

                            <td>

                                <span class="badge bg-secondary">

                                    {{ asset.asset_code }}

                                </span>

                            </td>


                            <!-- نام -->

                            <td>

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

                                    {{ asset.name }}

                                </a>

                            </td>


                            <!-- دسته -->

                            <td>

                                {{ asset.category.name }}

                            </td>


                            <!-- برند -->

                            <td>

                                {% if asset.brand %}

                                    {{ asset.brand }}

                                {% else %}

                                    <span class="text-muted">
                                        -
                                    </span>

                                {% endif %}

                            </td>


                            <!-- مدل -->

                            <td>

                                {% if asset.model %}

                                    {{ asset.model }}

                                {% else %}

                                    <span class="text-muted">
                                        -
                                    </span>

                                {% endif %}

                            </td>


                            <!-- تعداد -->

                            <td class="text-center">

                                <span class="fw-bold">

                                    {{ asset.quantity }}

                                </span>

                            </td>


                            <!-- مکان -->

                            <td>

                                {{ asset.location.name }}

                            </td>


                            <!-- ================================================= -->
                            <!-- حالت تجهیز -->
                            <!-- ================================================= -->

                            <td class="text-center">


                                {% if asset.condition == 'NEW' %}

                                    <span class="badge bg-primary">

                                        جدید

                                    </span>


                                {% elif asset.condition == 'GOOD' %}

                                    <span class="badge bg-success">

                                        خوب

                                    </span>


                                {% elif asset.condition == 'FAIR' %}

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

                                        متوسط

                                    </span>


                                {% elif asset.condition == 'DAMAGED' %}

                                    <span class="badge bg-danger">

                                        خراب

                                    </span>


                                {% endif %}


                            </td>


                            <!-- ================================================= -->
                            <!-- وضعیت تجهیز -->
                            <!-- ================================================= -->

                            <td class="text-center">


                                {% if asset.status == 'ACTIVE' %}

                                    <span class="badge bg-success">

                                        فعال

                                    </span>


                                {% elif asset.status == 'INACTIVE' %}

                                    <span class="badge bg-secondary">

                                        غیرفعال

                                    </span>


                                {% elif asset.status == 'DAMAGED' %}

                                    <span class="badge bg-danger">

                                        خراب

                                    </span>


                                {% elif asset.status == 'UNDER_REPAIR' %}

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

                                        تحت ترمیم

                                    </span>


                                {% elif asset.status == 'LOST' %}

                                    <span class="badge bg-dark">

                                        مفقود

                                    </span>


                                {% elif asset.status == 'DISPOSED' %}

                                    <span class="badge bg-secondary">

                                        خارج شده

                                    </span>


                                {% elif asset.status == 'STORED' %}

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

                                        در گدام

                                    </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 'asset_report' %}"
                    class="btn btn-outline-primary"
                >

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

                    نمایش همه تجهیزات

                </a>

            </div>

            {% endif %}

        </div>

    </div>

</div>

{% endblock %}