{% extends 'base.html' %}

{% block title %}
چاپ گزارش جامع IT
{% endblock %}

{% block content %}

<div class="print-report">

    <!-- =========================
         ACTIONS
    ========================== -->

    <div class="no-print report-actions mb-4">

        <a
            href="{% url 'comprehensive_report' %}?date_from={{ date_from }}&date_to={{ date_to }}"
            class="btn btn-secondary"
        >
            <i class="bi bi-arrow-right me-1"></i>
            بازگشت
        </a>

        <button
            type="button"
            onclick="window.print()"
            class="btn btn-primary"
        >
            <i class="bi bi-printer me-1"></i>
            چاپ گزارش
        </button>

    </div>


    <!-- =========================
         OFFICIAL HEADER
    ========================== -->

    <div class="official-header">

        <div class="header-title">

            <div>
                امارت اسلامی افغانستان
            </div>

            <div>
                وزارت تحصیلات عالی
            </div>

            <div class="university-name">
                پوهنتون طبی چراغ
            </div>

            <div class="department-name">
                آمریت تکنالوژی معلوماتی
            </div>

            <div class="report-title">
                گزارش جامع وضعیت تکنالوژی معلوماتی
            </div>

        </div>

    </div>


    <!-- =========================
         REPORT INFORMATION
    ========================== -->

    <div class="report-info">

        <div>
            <strong>بازه گزارش:</strong>

            {% if date_from %}
                از {{ date_from }}
            {% endif %}

            {% if date_to %}
                تا {{ date_to }}
            {% endif %}

            {% if not date_from and not date_to %}
                تمام سوابق ثبت‌شده
            {% endif %}
        </div>


        <div>
            <strong>تاریخ تهیه گزارش:</strong>
            {% now "Y-m-d" %}
        </div>

    </div>


    <!-- =========================
         SUMMARY
    ========================== -->

    <section class="report-section">

        <h3>
            خلاصه وضعیت
        </h3>

        <table class="summary-table">

            <thead>
                <tr>
                    <th>مورد</th>
                    <th>تعداد</th>
                </tr>
            </thead>

            <tbody>

                <tr>
                    <td>مجموع مکان‌ها</td>
                    <td>{{ total_facilities }}</td>
                </tr>

                <tr>
                    <td>مجموع تجهیزات</td>
                    <td>{{ total_assets }}</td>
                </tr>

                <tr>
                    <td>مجموع فعالیت‌ها</td>
                    <td>{{ total_activities }}</td>
                </tr>

                <tr>
                    <td>مجموع تعمیرات</td>
                    <td>{{ total_maintenance }}</td>
                </tr>

            </tbody>

        </table>

    </section>


    <!-- =========================
         ATTENTION ITEMS
    ========================== -->

    <section class="report-section">

        <h3>
            موارد نیازمند توجه
        </h3>

        {% if attention_items %}

            <table class="data-table">

                <thead>
                    <tr>
                        <th>شماره</th>
                        <th>مورد</th>
                        <th>تعداد</th>
                        <th>توضیحات</th>
                    </tr>
                </thead>

                <tbody>

                    {% for item in attention_items %}

                    <tr>

                        <td>
                            {{ forloop.counter }}
                        </td>

                        <td>
                            {{ item.title }}
                        </td>

                        <td>
                            {{ item.count }}
                        </td>

                        <td>
                            {{ item.text }}
                        </td>

                    </tr>

                    {% endfor %}

                </tbody>

            </table>

        {% else %}

            <div class="success-message">
                در حال حاضر هیچ مورد عاجل یا نیازمند پیگیری ثبت نشده است.
            </div>

        {% endif %}

    </section>


    <!-- =========================
         FACILITIES
    ========================== -->

    <section class="report-section">

        <h3>
            وضعیت مکان‌ها
        </h3>

        <table class="data-table">

            <thead>

                <tr>
                    <th>وضعیت</th>
                    <th>تعداد</th>
                </tr>

            </thead>

            <tbody>

                <tr>
                    <td>فعال</td>
                    <td>{{ active_facilities }}</td>
                </tr>

                <tr>
                    <td>غیرفعال</td>
                    <td>{{ inactive_facilities }}</td>
                </tr>

                <tr class="total-row">
                    <td>مجموع</td>
                    <td>{{ total_facilities }}</td>
                </tr>

            </tbody>

        </table>


        <h4>
            تفکیک نوع مکان
        </h4>

        <table class="data-table">

            <thead>

                <tr>
                    <th>نوع مکان</th>
                    <th>تعداد</th>
                </tr>

            </thead>

            <tbody>

                <tr>
                    <td>صنف</td>
                    <td>{{ facility_types.CLASSROOM }}</td>
                </tr>

                <tr>
                    <td>لابراتوار</td>
                    <td>{{ facility_types.LABORATORY }}</td>
                </tr>

                <tr>
                    <td>دفتر</td>
                    <td>{{ facility_types.OFFICE }}</td>
                </tr>

                <tr>
                    <td>اتاق جلسه</td>
                    <td>{{ facility_types.MEETING_ROOM }}</td>
                </tr>

                <tr>
                    <td>سرور روم</td>
                    <td>{{ facility_types.SERVER_ROOM }}</td>
                </tr>

                <tr>
                    <td>گدام</td>
                    <td>{{ facility_types.STORE }}</td>
                </tr>

                <tr>
                    <td>سایر</td>
                    <td>{{ facility_types.OTHER }}</td>
                </tr>

            </tbody>

        </table>

    </section>


    <!-- =========================
         ASSETS
    ========================== -->

    <section class="report-section">

        <h3>
            وضعیت تجهیزات
        </h3>

        <table class="data-table">

            <thead>

                <tr>
                    <th>وضعیت تجهیز</th>
                    <th>تعداد</th>
                </tr>

            </thead>

            <tbody>

                <tr>
                    <td>فعال</td>
                    <td>{{ asset_status.ACTIVE }}</td>
                </tr>

                <tr>
                    <td>خراب</td>
                    <td>{{ asset_status.DAMAGED }}</td>
                </tr>

                <tr>
                    <td>تحت ترمیم</td>
                    <td>{{ asset_status.UNDER_REPAIR }}</td>
                </tr>

                <tr>
                    <td>در گدام</td>
                    <td>{{ asset_status.STORED }}</td>
                </tr>

                <tr>
                    <td>مفقود</td>
                    <td>{{ asset_status.LOST }}</td>
                </tr>

                <tr>
                    <td>خارج شده</td>
                    <td>{{ asset_status.DISPOSED }}</td>
                </tr>

                <tr class="total-row">
                    <td>مجموع</td>
                    <td>{{ total_assets }}</td>
                </tr>

            </tbody>

        </table>

    </section>


    <!-- =========================
         ACTIVITIES
    ========================== -->

    <section class="report-section">

        <h3>
            وضعیت فعالیت‌ها
        </h3>

        <table class="data-table">

            <thead>

                <tr>
                    <th>وضعیت</th>
                    <th>تعداد</th>
                </tr>

            </thead>

            <tbody>

                <tr>
                    <td>تکمیل شده</td>
                    <td>{{ completed_activities }}</td>
                </tr>

                <tr>
                    <td>در انتظار</td>
                    <td>{{ pending_activities }}</td>
                </tr>

                <tr>
                    <td>در حال اجرا</td>
                    <td>{{ in_progress_activities }}</td>
                </tr>

                <tr>
                    <td>لغو شده</td>
                    <td>{{ cancelled_activities }}</td>
                </tr>

                <tr>
                    <td>عاجل</td>
                    <td>{{ urgent_activities }}</td>
                </tr>

                <tr class="total-row">
                    <td>مجموع</td>
                    <td>{{ total_activities }}</td>
                </tr>

            </tbody>

        </table>

    </section>


    <!-- =========================
         MAINTENANCE
    ========================== -->

    <section class="report-section">

        <h3>
            وضعیت تعمیرات
        </h3>

        <table class="data-table">

            <thead>

                <tr>
                    <th>وضعیت</th>
                    <th>تعداد</th>
                </tr>

            </thead>

            <tbody>

                <tr>
                    <td>تکمیل شده</td>
                    <td>{{ completed_maintenance }}</td>
                </tr>

                <tr>
                    <td>در انتظار تعمیر</td>
                    <td>{{ pending_maintenance }}</td>
                </tr>

                <tr>
                    <td>در حال تعمیر</td>
                    <td>{{ in_progress_maintenance }}</td>
                </tr>

                <tr>
                    <td>ارسال شده به بیرون</td>
                    <td>{{ sent_out_maintenance }}</td>
                </tr>

                <tr>
                    <td>غیرقابل تعمیر</td>
                    <td>{{ not_repairable_maintenance }}</td>
                </tr>

                <tr class="total-row">
                    <td>مجموع</td>
                    <td>{{ total_maintenance }}</td>
                </tr>

            </tbody>

        </table>

    </section>


    <!-- =========================
         CONCLUSION
    ========================== -->

    <section class="report-section">

        <h3>
            نتیجه‌گیری
        </h3>

        {% if attention_items %}

            <p class="conclusion-text">
                بر اساس اطلاعات ثبت‌شده در سیستم، تعدادی از موارد
                نیازمند بررسی، پیگیری یا اقدام می‌باشد.
                جزئیات موارد نیازمند توجه در بخش مربوطه این گزارش
                درج گردیده است.
            </p>

        {% else %}

            <p class="conclusion-text">
                بر اساس اطلاعات ثبت‌شده در سیستم، در زمان تهیه این
                گزارش مورد عاجل یا نیازمند پیگیری خاصی ثبت نشده است.
            </p>

        {% endif %}

    </section>


    <!-- =========================
         SIGNATURE
    ========================== -->

    <div class="signature-area">

        <div class="signature-box">

            <strong>
                تهیه‌کننده گزارش
            </strong>

            <br><br><br>

            آمریت تکنالوژی معلوماتی

        </div>


        <div class="signature-box">

            <strong>
                تأییدکننده
            </strong>

            <br><br><br>

            مقام مربوطه

        </div>

    </div>


    <!-- =========================
         FOOTER
    ========================== -->

    <div class="report-footer">

        گزارش جامع وضعیت تکنالوژی معلوماتی
        |
        پوهنتون طبی چراغ

    </div>

</div>


<!-- =============================================================
     PRINT CSS
============================================================== -->

<style>

    body {
        background: #f1f5f9;
    }


    .print-report {
        max-width: 1100px;
        margin: 0 auto;
        background: #ffffff;
        padding: 35px;
        color: #1e293b;
        direction: rtl;
    }


    /* Actions */

    .report-actions {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }


    /* Official Header */

    .official-header {
        text-align: center;
        border-bottom: 3px solid #1e3a8a;
        padding-bottom: 18px;
        margin-bottom: 20px;
    }


    .header-title {
        line-height: 1.8;
        font-size: 15px;
    }


    .university-name {
        font-size: 20px;
        font-weight: 800;
    }


    .department-name {
        font-size: 14px;
        font-weight: 700;
    }


    .report-title {
        margin-top: 10px;
        font-size: 22px;
        font-weight: 800;
    }


    /* Report Info */

    .report-info {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        background: #f8fafc;
        border: 1px solid #e2e8f0;
        border-radius: 8px;
        padding: 12px 15px;
        margin-bottom: 22px;
        font-size: 13px;
    }


    /* Sections */

    .report-section {
        margin-bottom: 25px;
        page-break-inside: avoid;
    }


    .report-section h3 {
        font-size: 16px;
        font-weight: 800;
        background: #f1f5f9;
        border-right: 5px solid #1e3a8a;
        padding: 10px 12px;
        margin-bottom: 12px;
    }


    .report-section h4 {
        font-size: 14px;
        font-weight: 700;
        margin: 18px 0 10px;
    }


    /* Tables */

    .data-table,
    .summary-table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 10px;
        font-size: 12px;
    }


    .data-table th,
    .data-table td,
    .summary-table th,
    .summary-table td {
        border: 1px solid #cbd5e1;
        padding: 8px 10px;
        text-align: right;
        vertical-align: middle;
    }


    .data-table th,
    .summary-table th {
        background: #1e3a8a;
        color: #ffffff;
        font-weight: 700;
    }


    .data-table tbody tr:nth-child(even),
    .summary-table tbody tr:nth-child(even) {
        background: #f8fafc;
    }


    .data-table td:nth-child(1),
    .summary-table td:nth-child(1) {
        font-weight: 600;
    }


    .total-row {
        background: #e2e8f0 !important;
        font-weight: 800;
    }


    /* Success */

    .success-message {
        border: 1px solid #bbf7d0;
        background: #f0fdf4;
        color: #166534;
        padding: 14px;
        border-radius: 6px;
        text-align: center;
        font-size: 13px;
    }


    /* Conclusion */

    .conclusion-text {
        font-size: 13px;
        line-height: 2;
        text-align: justify;
    }


    /* Signature */

    .signature-area {
        display: flex;
        justify-content: space-between;
        margin-top: 50px;
        page-break-inside: avoid;
    }


    .signature-box {
        width: 220px;
        text-align: center;
        font-size: 13px;
    }


    /* Footer */

    .report-footer {
        text-align: center;
        border-top: 1px solid #cbd5e1;
        padding-top: 10px;
        margin-top: 35px;
        font-size: 11px;
        color: #64748b;
    }


    /* Print */

    @media print {

        @page {
            size: A4 portrait;
            margin: 15mm;
        }


        body {
            background: #ffffff !important;
        }


        .no-print {
            display: none !important;
        }


        .print-report {
            width: 100%;
            max-width: none;
            margin: 0;
            padding: 0;
            box-shadow: none;
        }


        .report-section {
            page-break-inside: avoid;
        }


        .official-header {
            margin-top: 0;
        }


        .data-table,
        .summary-table {
            page-break-inside: auto;
        }


        .data-table tr,
        .summary-table tr {
            page-break-inside: avoid;
            page-break-after: auto;
        }


        .report-footer {
            margin-bottom: 0;
        }

    }
    @media print {

    /* مخفی کردن بخش‌های اصلی سیستم */
    .sidebar,
    .topbar,
    .navbar,
    .mobile-menu,
    .mobile-overlay {
        display: none !important;
    }

    /* حذف فضای مخصوص Sidebar */
    .main-content,
    .content-wrapper {
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
    }

    /* حذف دکمه چاپ */
    .no-print,
    .print-button {
        display: none !important;
    }

    /* صفحه گزارش */
    body {
        background: #ffffff !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

</style>

{% endblock %}