{% extends 'base.html.twig' %}
{% block title %}{{ ticket.numeroTicket }}{% endblock %}
{% block body %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h2><i class="bi bi-receipt-cutoff"></i> {{ 'تذكرة'|trans }} {{ ticket.numeroTicket }}</h2>
    <span class="badge bg-{{ ticket.statut.couleurBadge }} fs-6">{{ ticket.statut.libelle|trans }}</span>
</div>

<div class="row g-3">
    <div class="col-md-8">
        <div class="card border-0 shadow-sm p-4 mb-3">
            <h5 class="mb-3">{{ 'معلومات الجهاز'|trans }}</h5>
            <div class="row">
                <div class="col-6 mb-2"><strong>{{ 'الماركة'|trans }}:</strong> {{ ticket.appareilMarque }}</div>
                <div class="col-6 mb-2"><strong>{{ 'الموديل'|trans }}:</strong> {{ ticket.appareilModele }}</div>
                <div class="col-6 mb-2"><strong>IMEI:</strong> {{ ticket.numeroImei ?: '-' }}</div>
                <div class="col-6 mb-2"><strong>{{ 'الفني المكلف'|trans }}:</strong> {{ ticket.technicien ? ticket.technicien.nomComplet : 'غير محدد'|trans }}</div>
            </div>
            <hr>
            <div class="mb-2"><strong>{{ 'العطل المصرح به من الزبون'|trans }}:</strong><br>{{ ticket.panneDeclaree }}</div>
            <div class="mb-2"><strong>{{ 'التشخيص الفني'|trans }}:</strong><br>{{ ticket.diagnosticTechnique ?: 'لم يُسجَّل بعد.'|trans }}</div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card border-0 shadow-sm p-4 mb-3">
            <h5 class="mb-3">{{ 'الزبون'|trans }}</h5>
            <div>{{ ticket.client.nom }}</div>
            <div class="text-muted">{{ ticket.client.telephone }}</div>
        </div>
        <div class="card border-0 shadow-sm p-4">
            <h5 class="mb-3">{{ 'التكلفة'|trans }}</h5>
            <div><strong>{{ 'التكلفة التقديرية'|trans }}:</strong> {{ ticket.coutEstime|montant_fr }}</div>
            <div><strong>{{ 'التكلفة النهائية'|trans }}:</strong> {{ ticket.coutFinal|montant_fr }}</div>
            <div><strong>{{ 'المبلغ المدفوع'|trans }}:</strong> {{ ticket.montantPaye|montant_fr }}</div>
            <div><strong>{{ 'الدين المتبقي'|trans }}:</strong> <span class="{{ ticket.creditRestant > 0 ? 'text-danger' : 'text-success' }}">{{ ticket.creditRestant|montant_fr }}</span></div>
            <div class="text-muted small mt-2">{{ 'استُلم بتاريخ'|trans }} {{ ticket.recuLe|date('Y-m-d H:i') }}</div>
            {% if ticket.livreLe %}
                <div class="text-muted small">{{ 'سُلِّم بتاريخ'|trans }} {{ ticket.livreLe|date('Y-m-d H:i') }}</div>
            {% endif %}
        </div>
        <a href="{{ path('ticket_edit', {id: ticket.id}) }}" class="btn btn-primary w-100 mt-3"><i class="bi bi-pencil"></i> {{ 'تعديل / تحديث الحالة'|trans }}</a>
    </div>
</div>
{% endblock %}