{% 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-building-fill"></i>
                گزارش مکان‌ها
            </h3>

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

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

    <!-- خروجی Excel -->
    <a
        href="{% url 'facility_report_excel' %}?search={{ search }}&facility_type={{ facility_type }}&building={{ building }}&floor={{ floor }}&status={{ status }}"
        class="btn btn-success"
    >
        <i class="bi bi-file-earmark-excel-fill"></i>
        خروجی Excel
    </a>

    <!-- چاپ گزارش -->
    <a
        href="{% url 'facility_report_print' %}?search={{ search }}&facility_type={{ facility_type }}&building={{ building }}&floor={{ floor }}&status={{ status }}"
        target="_blank"
        class="btn btn-primary"
    >
        <i class="bi bi-printer-fill"></i>
        چاپ گزارش
    </a>

    <!-- برگشت -->
    <a
        href="{% url 'facility_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>

                        <input type="text" name="search" value="{{ search }}" class="form-control"
                            placeholder="نام، کد، اتاق یا مسؤول...">

                    </div>


                    <!-- نوع مکان -->
                    <div class="col-md-4">

                        <label class="form-label fw-bold">
                            نوع مکان
                        </label>

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

                            <option value="">
                                همه انواع
                            </option>

                            {% for value, label in facility_types %}

                            <option value="{{ value }}" {% if facility_type == value %} selected {% endif %}>
                                {{ label }}
                            </option>

                            {% endfor %}

                        </select>

                    </div>


                    <!-- تعمیر -->
                    <div class="col-md-4">

                        <label class="form-label fw-bold">
                            تعمیر
                        </label>

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

                            <option value="">
                                همه تعمیرات
                            </option>

                            {% for item in buildings %}

                            <option value="{{ item }}" {% if building == item %} selected {% endif %}>
                                {{ item }}
                            </option>

                            {% endfor %}

                        </select>

                    </div>


                    <!-- طبقه -->
                    <div class="col-md-4">

                        <label class="form-label fw-bold">
                            طبقه
                        </label>

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

                            <option value="">
                                همه طبقات
                            </option>

                            {% for value, label in floor_choices %}

                            <option value="{{ value }}" {% if floor == 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>


                <!-- دکمه‌های فیلتر -->

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

                    تعداد مکان‌ها:
                    {{ facility_count }}

                </span>

            </div>

        </div>


        <!-- جدول -->

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

            {% if facilities %}

            <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 class="text-center">
                                ظرفیت
                            </th>

                            <th>
                                مسؤول
                            </th>

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

                            <th class="text-center">
                                عملیات
                            </th>

                        </tr>

                    </thead>


                    <tbody>

                        {% for facility in facilities %}

                        <tr>

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

                            <td class="text-center">
                                {{ forloop.counter }}
                            </td>


                            <!-- کد -->

                            <td>

                                <span class="badge bg-secondary">
                                    {{ facility.code }}
                                </span>

                            </td>


                            <!-- نام -->

                            <td>

                                <a href="{% url 'facility_detail' facility.pk %}" class="text-decoration-none fw-bold">
                                    {{ facility.name }}
                                </a>

                            </td>


                            <!-- نوع مکان -->

                            <td>
                                {{ facility.get_facility_type_display }}
                            </td>


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

                            <td>

                                {% if facility.building %}
                                {{ facility.building }}
                                {% else %}
                                <span class="text-muted">-</span>
                                {% endif %}

                            </td>


                            <!-- طبقه -->

                            <td>
                                {{ facility.get_floor_display }}
                            </td>


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

                            <td>

                                {% if facility.room_number %}
                                {{ facility.room_number }}
                                {% else %}
                                <span class="text-muted">-</span>
                                {% endif %}

                            </td>


                            <!-- ظرفیت -->

                            <td class="text-center">

                                {% if facility.capacity %}
                                {{ facility.capacity }}
                                {% else %}
                                <span class="text-muted">-</span>
                                {% endif %}

                            </td>


                            <!-- مسؤول -->

                            <td>

                                {% if facility.responsible_person %}
                                {{ facility.responsible_person }}
                                {% else %}
                                <span class="text-muted">-</span>
                                {% endif %}

                            </td>


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

                            <td class="text-center">

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

                                <span class="badge bg-success">
                                    فعال
                                </span>

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

                                <span class="badge bg-secondary">
                                    غیرفعال
                                </span>

                                {% endif %}

                            </td>


                            <!-- عملیات -->

                            <td class="text-center">

                                <div class="d-flex justify-content-center gap-1">

                                    <a href="{% url 'facility_detail' facility.pk %}"
                                        class="btn btn-sm btn-outline-primary" title="مشاهده مکان">
                                        👁️
                                    </a>

                                    <a href="{% url 'facility_update' facility.pk %}"
                                        class="btn btn-sm btn-outline-warning" title="ویرایش مکان">
                                        ✏️
                                    </a>

                                </div>

                            </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 'facility_report' %}" class="btn btn-outline-primary">
                    <i class="bi bi-arrow-counterclockwise"></i>
                    نمایش همه مکان‌ها
                </a>

            </div>

            {% endif %}

        </div>

    </div>

</div>

{% endblock %}