{% extends "base.html" %}
{% block title %}{% if client %}Modifier{% else %}Nouveau{% endif %} client — GarageManager{% endblock %}
{% block content %}

<a href="/clients" class="back-link"><i class="fas fa-arrow-left"></i> Retour aux clients</a>

<div class="page-header">
    <h1 class="page-title">
        <i class="fas fa-{% if client %}edit{% else %}user-plus{% endif %} text-electric" style="margin-right:0.5rem"></i>
        {% if client %}Modifier le client{% else %}Nouveau client{% endif %}
    </h1>
</div>

<div class="card" style="max-width:580px">
    <form method="post" style="display:flex;flex-direction:column;gap:1.25rem">

        <div class="grid grid-2">
            <div>
                <label>Nom *</label>
                <input name="nom" value="{{ client.nom if client else '' }}" required>
            </div>
            <div>
                <label>Prénom *</label>
                <input name="prenom" value="{{ client.prenom if client else '' }}" required>
            </div>
        </div>

        <div>
            <label>Téléphone</label>
            <input name="telephone" value="{{ client.telephone if client else '' }}" placeholder="06 xx xx xx xx">
        </div>

        <div>
            <label>Email</label>
            <input name="email" type="email" value="{{ client.email if client else '' }}" placeholder="contact@exemple.fr">
        </div>

        <div>
            <label>Adresse</label>
            <textarea name="adresse" rows="2" placeholder="Adresse complète…">{{ client.adresse if client else '' }}</textarea>
        </div>

        <div style="display:flex;gap:0.75rem;padding-top:0.5rem;border-top:1px solid var(--border)">
            <button type="submit" class="btn-primary">
                <i class="fas fa-save"></i> Enregistrer
            </button>
            <a href="/clients" class="btn-secondary">Annuler</a>
        </div>
    </form>
</div>

{% endblock %}