{% extends "admin/layout.html" %}

{% block page_title %}مدیریت تکنسین‌ها{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h5 class="fw-bold"><i class="fas fa-user-cog" style="color:#c41e3a;"></i> لیست تکنسین‌ها</h5>
    <a href="{{ url_for('admin_technician_create') }}" class="btn-admin-primary">
        <i class="fas fa-plus"></i> افزودن تکنسین جدید
    </a>
</div>

<div class="table-responsive table-admin">
    <table class="table table-hover">
        <thead>
            <tr>
                <th>#</th>
                <th>نام</th>
                <th>تلفن</th>
                <th>تخصص</th>
                <th>تجربه</th>
                <th>امتیاز</th>
                <th>وضعیت</th>
                <th>عملیات</th>
            </tr>
        </thead>
        <tbody>
            {% for tech in technicians %}
            <tr>
                <td>{{ loop.index }}</td>
                <td><strong>{{ tech.fullname }}</strong></td>
                <td>{{ tech.phone }}</td>
                <td>
                    {% if tech.expertise_display %}
                        {{ tech.expertise_display|truncate(30) }}
                    {% else %}
                        {{ tech.expertise_areas|default('-')|replace('["', '')|replace('"]', '')|truncate(30) }}
                    {% endif %}
                </td>
                <td>{{ tech.experience_years|default(0)|persian_numbers }} سال</td>
                <td>
                    <span class="badge bg-warning text-dark">
                        <i class="fas fa-star"></i> {{ tech.rating|default(0) }}
                    </span>
                </td>
                <td>
                    <span class="badge bg-{% if tech.status == 'available' %}success{% elif tech.status == 'busy' %}warning{% else %}secondary{% endif %}">
                        {% if tech.status == 'available' %}آزاد
                        {% elif tech.status == 'busy' %}مشغول
                        {% else %}{{ tech.status }}{% endif %}
                    </span>
                </td>
                <td>
                    <div class="btn-group btn-group-sm">
                        <a href="{{ url_for('admin_technician_edit', id=tech.id) }}" class="btn btn-outline-primary" title="ویرایش">
                            <i class="fas fa-edit"></i>
                        </a>
                        <a href="{{ url_for('admin_technician_delete', id=tech.id) }}" class="btn btn-outline-danger" title="حذف" onclick="return confirm('آیا از حذف این تکنسین مطمئن هستید؟')">
                            <i class="fas fa-trash"></i>
                        </a>
                    </div>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endblock %}