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

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

            <a href="{% url 'activity_type_list' %}" class="btn btn-outline-primary">
                ⚙️ انواع فعالیت
            </a>

            <a href="{% url 'activity_create' %}" class="btn btn-primary">
                ➕ ثبت فعالیت
            </a>

        </div>

    </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 activity in activities %}

                        <tr>

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

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

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

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

                            <td>
                                {% if activity.asset %}
                                {{ activity.asset.asset_code }}
                                -
                                {{ activity.asset.name }}
                                {% else %}
                                -
                                {% endif %}
                            </td>

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

                            <td>
                                {{ activity.action_taken|truncatechars:50 }}
                            </td>

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

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

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

                                    <a href="{% url 'activity_delete' activity.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 %}