{% 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">
        فهرست کمپیوترها، مانیتورها، پرنترها، پروژکتورها و سایر تجهیزات IT
    </p>
</div>

<a
    href="{% url 'asset_create' %}"
    class="btn btn-primary"
>
    ➕ افزودن تجهیز
</a>

</div>

<!-- جستجو -->

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

<div class="card-body">

    <form method="get">

    <div class="row g-3 align-items-end">

        <!-- جستجو -->

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

            <label class="form-label fw-bold">
                جستجوی تجهیزات
            </label>

            <input
                type="text"
                name="search"
                value="{{ search }}"
                class="form-control"
                placeholder="کد، نام، برند، مدل یا شماره سریال..."
            >

        </div>


        <!-- دسته -->

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

            <label class="form-label fw-bold">
                دسته تجهیزات
            </label>

            <select
                name="category"
                class="form-select"
            >

                <option value="">
                    همه دسته‌ها
                </option>

                {% for category in categories %}

                    <option
                        value="{{ category.id }}"
                        {% if category_id == category.id|stringformat:"s" %}
                            selected
                        {% endif %}
                    >
                        {{ category.name }}
                    </option>

                {% endfor %}

            </select>

        </div>


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

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

            <label class="form-label fw-bold">
                وضعیت
            </label>

            <select
                name="status"
                class="form-select"
            >

                <option value="">
                    همه
                </option>

                {% for value, label in status_choices %}

                    <option
                        value="{{ value }}"
                        {% if status == value %}
                            selected
                        {% endif %}
                    >
                        {{ label }}
                    </option>

                {% endfor %}

            </select>

        </div>


        <!-- دکمه جستجو -->

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

            <button
                type="submit"
                class="btn btn-primary w-100"
            >
                🔍 جستجو
            </button>

        </div>


        <!-- مکان -->

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

            <label class="form-label fw-bold">
                مکان
            </label>

            <select
                name="location"
                class="form-select"
            >

                <option value="">
                    همه مکان‌ها
                </option>

                {% for facility in facilities %}

                    <option
                        value="{{ facility.id }}"
                        {% if location_id == facility.id|stringformat:"s" %}
                            selected
                        {% endif %}
                    >
                        {{ facility.code }} - {{ facility.name }}
                    </option>

                {% endfor %}

            </select>

        </div>


        <!-- پاک کردن فیلترها -->

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

            {% if search or category_id or status or location_id %}

                <a
                    href="{% url 'asset_list' %}"
                    class="btn btn-outline-secondary w-100"
                >
                    ✕ پاک کردن فیلترها
                </a>

            {% endif %}

        </div>

    </div>

</form>
</div>

</div>
<!-- تعداد نتایج -->

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

    <div class="text-muted">

        <strong>
            تعداد تجهیزات:
        </strong>

        <span class="badge bg-primary">
            {{ asset_count }}
        </span>

    </div>

    {% if search or category_id or status or location_id %}

        <div class="text-muted small">
            نتیجه بر اساس فیلترهای انتخاب‌شده
        </div>

    {% endif %}

</div>

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

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

<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>وضعیت</th>

                    <th>تعداد</th>

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

                </tr>

            </thead>


            <tbody>

                {% for asset in assets %}

                <tr>

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


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


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


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


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


                    <td>
                        {{ asset.location }}
                    </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>

                        {% else %}

                            <span class="badge bg-danger">
                                خراب
                            </span>

                        {% endif %}

                    </td>


                    <td>

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

                    </td>


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


                    <td class="text-center">

                        <a
                            href="{% url 'asset_detail' asset.pk %}"
                            class="btn btn-sm btn-outline-info"
                        >
                            مشاهده
                        </a>

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

                        <a
                            href="{% url 'asset_delete' asset.pk %}"
                            class="btn btn-sm btn-outline-danger"
                        >
                            حذف
                        </a>

                    </td>

                </tr>


                {% empty %}

                <tr>

                    <td
                        colspan="10"
                        class="text-center text-muted py-5"
                    >

                        هیچ تجهیزی ثبت نشده است.

                    </td>

                </tr>

                {% endfor %}

            </tbody>

        </table>
       <!-- Pagination -->
{% if page_obj.has_other_pages %}
<nav aria-label="صفحه‌بندی تجهیزات" class="mt-4">
    <ul class="pagination justify-content-center">

        <!-- صفحه قبلی -->
        {% if page_obj.has_previous %}
            <li class="page-item">
                <a class="page-link"
                   href="?{% if search %}search={{ search|urlencode }}&{% endif %}{% if category_id %}category={{ category_id }}&{% endif %}{% if status %}status={{ status }}&{% endif %}{% if location_id %}location={{ location_id }}&{% endif %}page={{ page_obj.previous_page_number }}">
                    قبلی
                </a>
            </li>
        {% else %}
            <li class="page-item disabled">
                <span class="page-link">قبلی</span>
            </li>
        {% endif %}

        <!-- شماره صفحات -->
        {% for num in page_obj.paginator.page_range %}
            {% if page_obj.number == num %}
                <li class="page-item active">
                    <span class="page-link">{{ num }}</span>
                </li>
            {% else %}
                <li class="page-item">
                    <a class="page-link"
                       href="?{% if search %}search={{ search|urlencode }}&{% endif %}{% if category_id %}category={{ category_id }}&{% endif %}{% if status %}status={{ status }}&{% endif %}{% if location_id %}location={{ location_id }}&{% endif %}page={{ num }}">
                        {{ num }}
                    </a>
                </li>
            {% endif %}
        {% endfor %}

        <!-- صفحه بعدی -->
        {% if page_obj.has_next %}
            <li class="page-item">
                <a class="page-link"
                   href="?{% if search %}search={{ search|urlencode }}&{% endif %}{% if category_id %}category={{ category_id }}&{% endif %}{% if status %}status={{ status }}&{% endif %}{% if location_id %}location={{ location_id }}&{% endif %}page={{ page_obj.next_page_number }}">
                    بعدی
                </a>
            </li>
        {% else %}
            <li class="page-item disabled">
                <span class="page-link">بعدی</span>
            </li>
        {% endif %}

    </ul>
</nav>
{% endif %}


    </div>

</div>

</div>

{% endblock %}