{% extends 'layout/app.html.twig' %}

{% block title %}Modifier {{ client.fullName }}{% endblock %}
{% block page_title %}Modifier le client {{ client.fullName }}{% endblock %}

{% block content %}
    <div class="card mx-auto max-w-3xl p-6">
        {{ form_start(form) }}
            {{ form_errors(form) }}
            <div class="grid gap-x-4 sm:grid-cols-2">
                <div class="sm:col-span-2">{{ form_row(form.passportNumber) }}</div>
                {{ form_row(form.firstName) }}
                {{ form_row(form.lastName) }}
                {{ form_row(form.phone) }}
                {{ form_row(form.email) }}
                {{ form_row(form.birthDate) }}
                {{ form_row(form.nationality) }}
                {{ form_row(form.passportExpiresAt) }}
                {{ form_row(form.address) }}
                <div class="sm:col-span-2">{{ form_row(form.notes) }}</div>
            </div>
            {{ form_rest(form) }}
            <div class="flex justify-end gap-2 border-t border-slate-100 pt-5">
                <a href="{{ app.request.query.get('dossier') ? path('app_dossier_show', {id: app.request.query.get('dossier')}) : path('app_client_show', {id: client.id}) }}" class="btn btn-secondary">Annuler</a>
                <button type="submit" class="btn btn-primary">Enregistrer</button>
            </div>
        {{ form_end(form) }}
    </div>
{% endblock %}