{% 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-clipboard2-data-fill"></i>
                گزارش فعالیت‌های تخنیکی
            </h3>

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

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

            <!-- خروجی Excel -->
            <a href="{% url 'activity_report_excel' %}?activity_type={{ activity_type_id }}&date_from={{ date_from }}&date_to={{ date_to }}&location={{ location_id }}&asset={{ asset_id }}&status={{ status }}&priority={{ priority }}"
               class="btn btn-success">

                <i class="bi bi-file-earmark-excel-fill"></i>
                خروجی Excel

            </a>

            <!-- چاپ گزارش -->
            <a href="{% url 'activity_report_print' %}?activity_type={{ activity_type_id }}&date_from={{ date_from }}&date_to={{ date_to }}&location={{ location_id }}&asset={{ asset_id }}&status={{ status }}&priority={{ priority }}"
               target="_blank"
               class="btn btn-primary">

                <i class="bi bi-printer-fill"></i>
                چاپ گزارش

            </a>

            <!-- برگشت -->
            <a href="{% url 'activity_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="activity_type"
                                class="form-select">

                            <option value="">
                                همه فعالیت‌ها
                            </option>

                            {% for activity_type in activity_types %}

                            <option value="{{ activity_type.id }}" {% if activity_type_id == activity_type.id|stringformat:"s" %}selected{% endif %}>
                                {{ activity_type.name }}
                            </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>

                        <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 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="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="priority"
                                class="form-select">

                            <option value="">
                                همه اولویت‌ها
                            </option>

                            {% for value, label in priority_choices %}

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

                    تعداد فعالیت‌ها:
                    {{ activity_count }}

                </span>

            </div>

        </div>


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

            {% if activities %}

            <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 class="text-center">
                                وضعیت
                            </th>

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

                        </tr>

                    </thead>


                    <tbody>

                        {% for activity in activities %}

                        <tr>

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

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


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

                            <td>
                                {{ activity.date|date:"Y-m-d" }}
                            </td>


                            <!-- نوع فعالیت -->

                            <td class="fw-bold">
                                {{ activity.activity_type.name }}
                            </td>


                            <!-- مکان -->

                            <td>
                                {{ activity.location.name }}
                            </td>


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

                            <td>

                                {% if activity.asset %}

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

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

                                </a>

                                {% else %}

                                <span class="text-muted">
                                    بدون تجهیز
                                </span>

                                {% endif %}

                            </td>


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

                            <td>

                                {% if activity.problem_description %}

                                {{ activity.problem_description|truncatechars:70 }}

                                {% else %}

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

                                {% endif %}

                            </td>


                            <!-- اقدام -->

                            <td>

                                {% if activity.action_taken %}

                                {{ activity.action_taken|truncatechars:70 }}

                                {% else %}

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

                                {% endif %}

                            </td>


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

                            <td>

                                {% if activity.result %}

                                {{ activity.result|truncatechars:70 }}

                                {% else %}

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

                                {% endif %}

                            </td>


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

                            <td class="text-center">

                                {% if activity.status == 'COMPLETED' %}

                                <span class="badge bg-success">
                                    تکمیل شده
                                </span>

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

                                <span class="badge bg-warning text-dark">
                                    در حال اجرا
                                </span>

                                {% elif activity.status == 'PENDING' %}

                                <span class="badge bg-secondary">
                                    در انتظار
                                </span>

                                {% elif activity.status == 'CANCELLED' %}

                                <span class="badge bg-danger">
                                    لغو شده
                                </span>

                                {% endif %}

                            </td>


                            <!-- اولویت -->

                            <td class="text-center">

                                {% if activity.priority == 'HIGH' %}

                                <span class="badge bg-danger">
                                    عاجل
                                </span>

                                {% elif activity.priority == 'MEDIUM' %}

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

                                {% else %}

                                <span class="badge bg-secondary">
                                    عادی
                                </span>

                                {% endif %}

                            </td>

                        </tr>

                        {% endfor %}

                    </tbody>

                </table>

            </div>

            {% else %}

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

                <i class="bi bi-inbox fs-1 text-muted"></i>

                <h5 class="mt-3">
                    هیچ فعالیتی یافت نشد
                </h5>

                <p class="text-muted">
                    با فیلترهای انتخاب‌شده فعالیتی در سیستم موجود نیست.
                </p>

            </div>

            {% endif %}

        </div>

    </div>

</div>

{% endblock %}