{% extends 'base.html.twig' %}
{% block title %}{{ client.nom }}{% endblock %}
{% block body %}
<h2 class="mb-4"><i class="bi bi-person"></i> {{ client.nom }}</h2>

<div class="row g-3">
    <div class="col-md-4">
        <div class="card border-0 shadow-sm p-3">
            <div><strong>{{ 'الهاتف'|trans }}:</strong> {{ client.telephone }}</div>
            <div><strong>{{ 'البريد الإلكتروني'|trans }}:</strong> {{ client.email ?: '-' }}</div>
            <div><strong>{{ 'العنوان'|trans }}:</strong> {{ client.adresse ?: '-' }}</div>
            <div><strong>{{ 'زبون منذ'|trans }}:</strong> {{ client.creeLe|date('Y-m-d') }}</div>
            <a href="{{ path('client_edit', {id: client.id}) }}" class="btn btn-sm btn-outline-secondary mt-3">{{ 'تعديل المعلومات'|trans }}</a>
        </div>
    </div>
    <div class="col-md-8">
        <div class="card border-0 shadow-sm mb-3">
            <div class="card-header bg-white">{{ 'سجل تذاكر الصيانة'|trans }}</div>
            <ul class="list-group list-group-flush">
                {% for ticket in client.ticketsReparation %}
                    <li class="list-group-item d-flex justify-content-between">
                        <a href="{{ path('ticket_show', {id: ticket.id}) }}">{{ ticket.numeroTicket }} - {{ ticket.appareilMarque }} {{ ticket.appareilModele }}</a>
                        <span class="badge bg-{{ ticket.statut.couleurBadge }}">{{ ticket.statut.libelle|trans }}</span>
                    </li>
                {% else %}
                    <li class="list-group-item text-muted">{{ 'لا يوجد سجل إصلاحات.'|trans }}</li>
                {% endfor %}
            </ul>
        </div>
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-white">{{ 'سجل المشتريات'|trans }}</div>
            <ul class="list-group list-group-flush">
                {% for vente in client.ventes %}
                    <li class="list-group-item d-flex justify-content-between">
                        <a href="{{ path('vente_show', {id: vente.id}) }}">{{ vente.numeroFacture }}</a>
                        <span>{{ vente.total|montant_fr }}</span>
                    </li>
                {% else %}
                    <li class="list-group-item text-muted">{{ 'لا يوجد سجل مشتريات.'|trans }}</li>
                {% endfor %}
            </ul>
        </div>
    </div>
</div>
{% endblock %}