{% 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-people"></i> {{ 'الزبائن'|trans }}</h2>
    <a href="{{ path('client_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></th></tr>
        </thead>
        <tbody>
        {% for client in clients %}
            <tr>
                <td><a href="{{ path('client_show', {id: client.id}) }}">{{ client.nom }}</a></td>
                <td>{{ client.telephone }}</td>
                <td>{{ client.email ?: '-' }}</td>
                <td class="text-end"><a href="{{ path('client_edit', {id: client.id}) }}" class="btn btn-sm btn-outline-secondary"><i class="bi bi-pencil"></i></a></td>
            </tr>
        {% else %}
            <tr><td colspan="4" class="text-center text-muted py-4">{{ 'لا يوجد زبائن مسجلون بعد.'|trans }}</td></tr>
        {% endfor %}
        </tbody>
    </table>
</div>
{% include '_partials/_pagination.html.twig' %}
{% endblock %}