{% extends 'base.html.twig' %}
{% block title %}{{ 'تذاكر الصيانة'|trans }}{% endblock %}
{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-tools"></i> {{ 'تذاكر الصيانة'|trans }}</h2>
    <a href="{{ path('ticket_new') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> {{ 'تذكرة جديدة'|trans }}</a>
</div>
{% include '_partials/_list_search.html.twig' %}
<div class="card border-0 shadow-sm">
    <table class="table table-hover align-middle mb-0">
        <thead class="table-light">
            <tr><th>{{ 'رقم التذكرة'|trans }}</th><th>{{ 'الزبون'|trans }}</th><th>{{ 'الجهاز'|trans }}</th><th>{{ 'الحالة'|trans }}</th><th>{{ 'الدين'|trans }}</th><th>{{ 'تاريخ الاستلام'|trans }}</th><th></th></tr>
        </thead>
        <tbody>
        {% for ticket in tickets %}
            <tr>
                <td><a href="{{ path('ticket_show', {id: ticket.id}) }}">{{ ticket.numeroTicket }}</a></td>
                <td>{{ ticket.client.nom }}</td>
                <td>{{ ticket.appareilMarque }} {{ ticket.appareilModele }}</td>
                <td><span class="badge bg-{{ ticket.statut.couleurBadge }}">{{ ticket.statut.libelle|trans }}</span></td>
                <td class="fw-semibold {{ ticket.creditRestant > 0 ? 'text-danger' : 'text-success' }}">{{ ticket.creditRestant|montant_fr }}</td>
                <td>{{ ticket.recuLe|date('Y-m-d H:i') }}</td>
                <td class="text-end"><a href="{{ path('ticket_edit', {id: ticket.id}) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-pencil"></i></a></td>
            </tr>
        {% else %}
            <tr><td colspan="7" class="text-center text-muted py-4">{{ 'لا توجد تذاكر صيانة بعد.'|trans }}</td></tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% include '_partials/_pagination.html.twig' %}
{% endblock %}