{% extends 'base.html' %}

{% block title %}
جزئیات تجهیز
{% endblock %}

{% block content %}

<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 'asset_print' asset.pk %}"
       target="_blank"
       class="btn btn-dark">
        🖨️ چاپ گزارش
    </a>

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

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

</div>

</div>


<!-- اطلاعات اصلی -->

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

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

        <h5 class="mb-0">
            {{ asset.asset_code }} - {{ asset.name }}
        </h5>

    </div>


    <div class="card-body">

        <div class="row g-4">

            <div class="col-md-4">
                <small class="text-muted">
                    کد تجهیز
                </small>

                <div class="fw-bold mt-1">
                    {{ asset.asset_code }}
                </div>
            </div>


            <div class="col-md-4">
                <small class="text-muted">
                    نام تجهیز
                </small>

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


            <div class="col-md-4">
                <small class="text-muted">
                    دسته
                </small>

                <div class="mt-1">
                    {{ asset.category }}
                </div>
            </div>


            <div class="col-md-4">
                <small class="text-muted">
                    مکان
                </small>

                <div class="mt-1">
                    {{ asset.location }}
                </div>
            </div>


            <div class="col-md-4">
                <small class="text-muted">
                    برند
                </small>

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


            <div class="col-md-4">
                <small class="text-muted">
                    مدل
                </small>

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


            <div class="col-md-4">
                <small class="text-muted">
                    شماره سریال
                </small>

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


            <div class="col-md-4">
                <small class="text-muted">
                    تعداد
                </small>

                <div class="mt-1">
                    {{ asset.quantity }}
                </div>
            </div>


            <div class="col-md-4">
                <small class="text-muted">
                    حالت
                </small>

                <div class="mt-1">
                    {{ asset.get_condition_display }}
                </div>
            </div>


            <div class="col-md-4">
                <small class="text-muted">
                    وضعیت
                </small>

                <div class="mt-1">

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

                        <span class="badge bg-success">
                            فعال
                        </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 == 'STORED' %}

                        <span class="badge bg-info text-dark">
                            در گدام
                        </span>

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

                        <span class="badge bg-secondary">
                            خارج شده
                        </span>

                    {% else %}

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

                    {% endif %}

                </div>

            </div>


            <div class="col-md-4">
                <small class="text-muted">
                    تاریخ خرید
                </small>

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


            <div class="col-md-4">
                <small class="text-muted">
                    قیمت خرید
                </small>

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


            <div class="col-md-4">
                <small class="text-muted">
                    ختم گارانتی
                </small>

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


            <div class="col-12">

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

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

                    {% if asset.description %}

                        {{ asset.description }}

                    {% else %}

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

                    {% endif %}

                </div>

            </div>

        </div>

    </div>

</div>


<!-- مشخصات تخنیکی -->

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

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

        <h5 class="mb-0 fw-bold">
            ⚙️ مشخصات تخنیکی
        </h5>

        <a
            href="{% url 'asset_specification_create' asset.pk %}"
            class="btn btn-sm btn-success"
        >
            + افزودن مشخصه
        </a>

    </div>


    <div class="card-body">

        <div class="table-responsive">

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

                <thead class="table-light">

                    <tr>
                        <th>
                            مشخصه
                        </th>

                        <th>
                            مقدار
                        </th>

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

                </thead>


                <tbody>

                    {% for specification in asset.specifications.all %}

                        <tr>

                            <td>
                                {{ specification.key }}
                            </td>

                            <td>
                                {{ specification.value }}
                            </td>

                            <td class="text-center">

                                <a
                                    href="{% url 'asset_specification_update' specification.pk %}"
                                    class="btn btn-sm btn-primary"
                                >
                                    ✏️ ویرایش
                                </a>
                                <a
                                  href="{% url 'asset_specification_delete' specification.pk %}"
                                  class="btn btn-sm btn-danger"
                                >
                                      🗑️ حذف
                                </a>

                            </td>

                        </tr>


                    {% empty %}

                        <tr>

                            <td
                                colspan="3"
                                class="text-center text-muted py-4"
                            >
                                مشخصات تخنیکی ثبت نشده است.
                            </td>

                        </tr>

                    {% endfor %}

                </tbody>

            </table>

        </div>

    </div>

</div>
<!-- سابقه فعالیت‌های تخنیکی -->
<div class="card border-0 shadow-sm mt-4">

    <div class="card-header">
        <h5 class="mb-0 fw-bold">
            🛠️ سابقه فعالیت‌های تخنیکی
        </h5>
    </div>

    <div class="card-body">

        <div class="table-responsive">

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

                <thead class="table-light">

                    <tr>
                        <th>تاریخ</th>
                        <th>نوع فعالیت</th>
                        <th>مشکل</th>
                        <th>اقدام انجام‌شده</th>
                        <th>نتیجه</th>
                        <th>وضعیت</th>
                        <th class="text-center">عملیات</th>
                    </tr>

                </thead>

                <tbody>

                    {% for activity in activities %}

                    <tr>

                        <td>
                            {{ activity.date }}
                        </td>

                        <td>
                            {{ activity.activity_type }}
                        </td>

                        <td>
                            {{ activity.problem_description|default:"-" }}
                        </td>

                        <td>
                            {{ activity.action_taken|default:"-" }}
                        </td>

                        <td>
                            {{ activity.result|default:"-" }}
                        </td>

                        <td>
                            {{ activity.get_status_display }}
                        </td>

                        <td class="text-center">

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

                                <a
                                    href="{% url 'activity_detail' activity.pk %}"
                                    class="btn btn-sm btn-info text-white"
                                >
                                    👁 مشاهده
                                </a>

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

                            </div>

                        </td>

                    </tr>

                    {% empty %}

                    <tr>

                        <td
                            colspan="7"
                            class="text-center text-muted py-4"
                        >
                            برای این تجهیز تاکنون فعالیت تخنیکی ثبت نشده است.
                        </td>

                    </tr>

                    {% endfor %}

                </tbody>

            </table>

        </div>

    </div>

</div>

<!-- سابقه ترمیم و نگهداری -->

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

    <div class="card-header">

        <h5 class="mb-0 fw-bold">
            🔧 سابقه ترمیم و نگهداری
        </h5>

    </div>


    <div class="card-body">

        <div class="table-responsive">

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

                <thead class="table-light">

                    <tr>

                        <th>
                            تاریخ گزارش
                        </th>

                        <th>
                            مشکل
                        </th>

                        <th>
                            نوع ترمیم
                        </th>

                        <th>
                            تخنیکر
                        </th>

                        <th>
                            قطعه تعویض‌شده
                        </th>

                        <th>
                            هزینه
                        </th>

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

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

                    </tr>

                </thead>


                <tbody>

                    {% for maintenance in maintenances %}

                        <tr>

                            <!-- تاریخ گزارش -->

                            <td>
                                {{ maintenance.report_date }}
                            </td>


                            <!-- مشکل -->

                            <td>
                                {{ maintenance.problem_description|default:"-" }}
                            </td>


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

                            <td>
                                {{ maintenance.get_repair_type_display }}
                            </td>


                            <!-- تخنیکر -->

                            <td>
                                {{ maintenance.technician|default:"-" }}
                            </td>


                            <!-- قطعه تعویض‌شده -->

                            <td>
                                {{ maintenance.replaced_part|default:"-" }}
                            </td>


                            <!-- هزینه -->

                            <td>

                                {% if maintenance.cost %}

                                    {{ maintenance.cost }}

                                {% else %}

                                    -

                                {% endif %}

                            </td>


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

                            <td>
                                {{ maintenance.get_status_display }}
                            </td>


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

                            <td class="text-center">

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

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

                                    <a
                                        href="{% url 'maintenance_detail' maintenance.pk %}"
                                        class="btn btn-sm btn-info text-white"
                                    >
                                        👁 مشاهده
                                    </a>


                                    <!-- ویرایش -->

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

                                </div>

                            </td>

                        </tr>


                    {% empty %}

                        <tr>

                            <td
                                colspan="8"
                                class="text-center text-muted py-4"
                            >
                                برای این تجهیز سابقه ترمیم ثبت نشده است.
                            </td>

                        </tr>

                    {% endfor %}

                </tbody>

            </table>

        </div>

    </div>

</div>



{% endblock %}