{% extends "base.html" %}
{% block title %}Clients{% endblock %}
{% block content %}
<div class="page-header">
    <h1>Clients</h1>
    <a href="/clients/nouveau" class="btn btn-primary">+ Nouveau client</a>
</div>

{% if clients %}
<table>
    <thead>
        <tr>
            <th>Nom</th>
            <th>Ville</th>
            <th>Email</th>
            <th>SIRET</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
        {% for c in clients %}
        <tr>
            <td><strong>{{ c.nom }}</strong></td>
            <td>{{ c.code_postal }} {{ c.ville }}</td>
            <td>{{ c.email or "—" }}</td>
            <td>{{ c.siret or "—" }}</td>
            <td>
                <a href="/clients/{{ c.id }}/modifier" class="btn btn-sm">Modifier</a>
                <form method="post" action="/clients/{{ c.id }}/supprimer" style="display:inline">
                    <button type="submit" class="btn btn-sm btn-danger"
                        onclick="return confirm('Supprimer ce client ?')">Supprimer</button>
                </form>
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<p class="empty-state">Aucun client. <a href="/clients/nouveau">Créer le premier</a>.</p>
{% endif %}
{% endblock %}