{# templates/horse/horse_form.html.twig #}
<form method="post" class="p-4 bg-white">
    <h3 class="m-0">Ascendance de {{ cheval.getNomCheval() }}<h3>
    <hr class="mh-3">

    <div class="horse-form mb-4">
        <div class="input-4">
            <label for="asc-pere">
                Père
            </label></br>
            <select id="asc-pere" name="ascendance-pere" class="ph-1 select-input">
                <option class="select-item" value="-1"> </option>
                {% for etalon in etalons %}
                    <option 
                        class="select-item" 
                        value="{{ etalon.getId() }}"
                        {% if pere == etalon.getId() %}
                            selected
                        {% endif %}
                    >
                        {{ etalon.getNomCheval() }}
                    </option>
                {% endfor %}
            </select>
        </div>

        <div class="input-4">
            <label for="asc-mere">
                Mère
            </label></br>
            <select id="asc-mere" name="ascendance-mere" class="ph-1 select-input" required>
                <option class="select-item" value="-1"> </option>
                {% for jument in juments %}
                    <option 
                        class="select-item" 
                        value="{{ jument.getId() }}"
                        {% if mere == jument.getId() %}
                            selected
                        {% endif %}
                    >
                        {{ jument.getNomCheval() }}
                    </option>
                {% endfor %}
            </select>
        </div>

    <input type="submit" value="Enregistrer son ascendance" class="button center input-4"/>
</form>