{% extends 'base.html' %}

{% block title %}
جزئیات مکان
{% endblock %}


{% block content %}

<!-- ==============================
     Header
============================== -->

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

    <div>

        <h2 class="fw-bold mb-1">
            جزئیات مکان
        </h2>

        <p class="text-muted mb-0">
            معلومات کامل مکان انتخاب‌شده
        </p>

    </div>


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

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


        <a
            href="{% url 'facility_list' %}"
            class="btn btn-outline-secondary"
        >
            ↩ برگشت
        </a>

    </div>

</div>


<!-- ==============================
     معلومات مکان
============================== -->

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

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

        <h5 class="mb-0">
            {{ facility.code }} - {{ facility.name }}
        </h5>

    </div>


    <div class="card-body">

        <div class="row g-4">


            <!-- کد -->

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

                <div class="border rounded p-3 h-100">

                    <small class="text-muted">
                        کد مکان
                    </small>

                    <div class="fw-bold fs-5 mt-1">
                        {{ facility.code }}
                    </div>

                </div>

            </div>


            <!-- نام -->

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

                <div class="border rounded p-3 h-100">

                    <small class="text-muted">
                        نام مکان
                    </small>

                    <div class="fw-bold fs-5 mt-1">
                        {{ facility.name }}
                    </div>

                </div>

            </div>


            <!-- نوع -->

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

                <div class="border rounded p-3 h-100">

                    <small class="text-muted">
                        نوع مکان
                    </small>

                    <div class="mt-1">
                        {{ facility.get_facility_type_display }}
                    </div>

                </div>

            </div>


            <!-- ساختمان -->

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

                <div class="border rounded p-3 h-100">

                    <small class="text-muted">
                        ساختمان
                    </small>

                    <div class="mt-1">
                        {{ facility.building|default:"ثبت نشده" }}
                    </div>

                </div>

            </div>


            <!-- طبقه -->

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

                <div class="border rounded p-3 h-100">

                    <small class="text-muted">
                        طبقه
                    </small>

                    <div class="mt-1">
                        {{ facility.floor|default:"ثبت نشده" }}
                    </div>

                </div>

            </div>


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

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

                <div class="border rounded p-3 h-100">

                    <small class="text-muted">
                        شماره اتاق
                    </small>

                    <div class="mt-1">
                        {{ facility.room_number|default:"ثبت نشده" }}
                    </div>

                </div>

            </div>


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

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

                <div class="border rounded p-3 h-100">

                    <small class="text-muted">
                        ظرفیت
                    </small>

                    <div class="mt-1">
                        {{ facility.capacity|default:"ثبت نشده" }}
                    </div>

                </div>

            </div>


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

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

                <div class="border rounded p-3 h-100">

                    <small class="text-muted">
                        مسئول
                    </small>

                    <div class="mt-1">
                        {{ facility.responsible_person|default:"ثبت نشده" }}
                    </div>

                </div>

            </div>


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

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

                <div class="border rounded p-3 h-100">

                    <small class="text-muted">
                        وضعیت
                    </small>

                    <div class="mt-2">

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

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

                        {% else %}

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

                        {% endif %}

                    </div>

                </div>

            </div>


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

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

                <div class="border rounded p-3 h-100">

                    <small class="text-muted">
                        تاریخ ایجاد
                    </small>

                    <div class="mt-1">
                        {{ facility.created_at|date:"Y-m-d H:i" }}
                    </div>

                </div>

            </div>


            <!-- توضیحات -->

            <div class="col-12">

                <div class="border rounded p-3">

                    <small class="text-muted">
                        توضیحات
                    </small>

                    <div class="mt-2">

                        {% if facility.description %}

                            {{ facility.description }}

                        {% else %}

                            <span class="text-muted">
                                توضیحاتی ثبت نشده است.
                            </span>

                        {% endif %}

                    </div>

                </div>

            </div>


        </div>

    </div>

</div>


<!-- ==============================
     تجهیزات این مکان
============================== -->

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

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

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

            <div>

                <h5 class="mb-1 fw-bold">
                    🖥️ تجهیزات این مکان
                </h5>

                <small class="text-muted">
                    لیست تجهیزات ثبت‌شده در این مکان
                </small>

            </div>


            <div>

                <a
                    href="{% url 'asset_create' %}?location={{ facility.id }}"
                    class="btn btn-primary"
                >
                    + افزودن تجهیز
                </a>

            </div>

        </div>

    </div>


    <div class="card-body">

        {% if assets %}

        <div class="table-responsive">

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

                <thead class="table-light">

                    <tr>

                        <th>
                            کد تجهیز
                        </th>

                        <th>
                            نام تجهیز
                        </th>

                        <th>
                            دسته
                        </th>

                        <th>
                            برند
                        </th>

                        <th>
                            مدل
                        </th>

                        <th>
                            حالت
                        </th>

                        <th>
                            وضعیت
                        </th>

                        <th>
                            عملیات
                        </th>

                    </tr>

                </thead>


                <tbody>

                    {% for asset in assets %}

                    <tr>

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

                        <td>

                            <strong>
                                {{ asset.asset_code }}
                            </strong>

                        </td>


                        <!-- نام تجهیز -->

                        <td>
                            {{ asset.name }}
                        </td>


                        <!-- دسته -->

                        <td>

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

                        </td>


                        <!-- برند -->

                        <td>
                            {{ asset.brand|default:"-" }}
                        </td>


                        <!-- مدل -->

                        <td>
                            {{ asset.model|default:"-" }}
                        </td>


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

                        <td>

                            {% 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>

                            {% 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>


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

                        <td>

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


                                <!-- مشاهده تجهیز -->

                                <a
                                    href="{% url 'asset_detail' asset.pk %}"
                                    class="btn btn-sm btn-outline-primary"
                                    title="مشاهده تجهیز"
                                >
                                    👁️
                                </a>


                                <!-- ویرایش تجهیز -->

                                <a
                                    href="{% url 'asset_update' asset.pk %}"
                                    class="btn btn-sm btn-outline-warning"
                                    title="ویرایش تجهیز"
                                >
                                    ✏️
                                </a>


                                <!-- فعالیت تخنیکی -->

                                <a
                                    href="{% url 'activity_create' %}?asset={{ asset.pk }}"
                                    class="btn btn-sm btn-outline-info"
                                    title="فعالیت تخنیکی"
                                >
                                    🔧
                                </a>


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

                                <a
                                    href="{% url 'maintenance_create' %}?asset={{ asset.pk }}"
                                    class="btn btn-sm btn-outline-danger"
                                    title="تعمیرات"
                                >
                                    🛠️
                                </a>


                            </div>

                        </td>


                    </tr>

                    {% endfor %}

                </tbody>

            </table>

        </div>


        {% else %}


        <!-- حالت بدون تجهیز -->

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

            <div
                class="mb-3"
                style="font-size: 45px;"
            >
                📦
            </div>

            <h6 class="fw-bold">
                هنوز تجهیزی برای این مکان ثبت نشده است
            </h6>

            <p class="text-muted mb-3">
                برای ثبت اولین تجهیز، روی دکمه «افزودن تجهیز» کلیک کنید.
            </p>

            <a
                href="{% url 'asset_create' %}?location={{ facility.id }}"
                class="btn btn-primary"
            >
                + افزودن اولین تجهیز
            </a>

        </div>


        {% endif %}

    </div>

</div>

{% endblock %}