{% extends 'base.html.twig' %}

{% block body %}
<div class="container mt-4">

    <h3>Créer une personne</h3>

    {% for message in app.flashes('success') %}
        <div class="alert alert-success">
            {{ message }}
        </div>
    {% endfor %}

    <form method="post">

        <div class="mb-3">
            <label class="form-label">Type</label>
            <select name="type_personne" class="form-control" required>
                <option value="agent">Agent</option>
                <option value="personnel">Personnel</option>
            </select>
        </div>

        <div class="mb-3">
            <label class="form-label">Nom</label>
            <input type="text" name="nom" class="form-control" required>
        </div>

        <div class="mb-3">
            <label class="form-label">Prénom</label>
            <input type="text" name="prenom" class="form-control" required>
        </div>

        <div class="mb-3">
            <label class="form-label">Téléphone</label>
            <input type="text" name="telephone" class="form-control">
        </div>

        <div class="mb-3">
            <label class="form-label">Caisse</label>
            <select name="caisse_id" class="form-control" required>
                {% for caisse in caisses %}
                    <option value="{{ caisse.id }}">{{ caisse.nom }}</option>
                {% endfor %}
            </select>
        </div>

        <button class="btn btn-primary">
            Enregistrer
        </button>

    </form>
</div>
{% endblock %}