{% 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>
            <h2 class="fw-bold">🛠 سوابق تعمیرات</h2>
            <p class="text-muted mb-0">
                مدیریت و مشاهده سوابق تعمیرات تجهیزات
            </p>
        </div>

        <a href="{% url 'maintenance_create' %}"
           class="btn btn-primary">
            ➕ ثبت تعمیرات
        </a>

    </div>


    <div class="card shadow-sm">

        <div class="card-header bg-primary text-white">
            <h5 class="mb-0">
                فهرست تعمیرات ثبت‌شده
            </h5>
        </div>

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

            <div class="table-responsive">

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

                    <thead class="table-light">

                        <tr>
                            <th>شماره</th>
                            <th>کد تجهیز</th>
                            <th>نام تجهیز</th>
                            <th>تاریخ خرابی</th>
                            <th>شرح مشکل</th>
                            <th>نوع تعمیر</th>
                            <th>تعمیرکار</th>
                            <th>هزینه</th>
                            <th>وضعیت</th>
                            <th>عملیات</th>
                        </tr>

                    </thead>

                    <tbody>

                        {% for maintenance in maintenances %}

                        <tr>

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

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

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

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

                            <td>
                                {{ maintenance.problem_description|truncatechars:50 }}
                            </td>

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

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

                            <td>
                                {% if maintenance.cost %}
                                    {{ maintenance.cost }}
                                {% else %}
                                    -
                                {% endif %}
                            </td>

                            <td>

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

                                    <span class="badge bg-success">
                                        {{ maintenance.get_status_display }}
                                    </span>

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

                                    <span class="badge bg-warning text-dark">
                                        {{ maintenance.get_status_display }}
                                    </span>

                                {% elif maintenance.status == 'NOT_REPAIRABLE' %}

                                    <span class="badge bg-danger">
                                        {{ maintenance.get_status_display }}
                                    </span>

                                {% else %}

                                    <span class="badge bg-secondary">
                                        {{ maintenance.get_status_display }}
                                    </span>

                                {% endif %}

                            </td>

                            <td>
    <div class="d-flex 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>

        <a href="{% url 'maintenance_delete' maintenance.pk %}"
           class="btn btn-sm btn-danger">
            🗑 حذف
        </a>

    </div>
</td>
                        </tr>

                        {% empty %}

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

                        {% endfor %}

                    </tbody>

                </table>

            </div>

        </div>

    </div>

</div>

{% endblock %}