{# templates/superadmin_v2/villes/sa_villes_edit_form.html.twig #}
<div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">Ville / Mettre à jour</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="$('#app_modal').modal('hide');">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">

            <form class="form-horizontal" name="edit_ville_form" id="edit_ville_form" method="post" action="">
                <div class="row form-group fg-m-bottom">
                    <div class="col col-md-4 spa-col-label fg-m-bottom">
                        <label for="ville" class="form-control-label spa-label">Ville</label>
                    </div>
                    <div class="col-12 col-md-6 fg-m-bottom">
                        <input type="text" class="form-control" name="form[ville]" id="ville" value="{{ ville.ville }}" autocomplete="off">
                    </div>
                    <div class="offset-md-4 col-md-8 fm-error" id="ville-error"></div>
                </div>
                <div class="row form-group fg-m-bottom">
                    <div class="col col-md-4 spa-col-label fg-m-bottom">
                        <label for="cp" class="form-control-label spa-label">Code postal</label>
                    </div>
                    <div class="col-12 col-md-3 fg-m-bottom">
                        <input type="text" class="form-control" name="form[cp]" id="cp" value="{{ ville.cp }}" autocomplete="off">
                    </div>
                    <div class="offset-md-4 col-md-8 fm-error" id="cp-error"></div>
                </div>
                <div class="row form-group fg-m-bottom">
                    <div class="col col-md-4 spa-col-label fg-m-bottom">
                        <label for="departement" class="form-control-label spa-label">Département</label>
                    </div>
                    <div class="col-12 col-md-6 fg-m-bottom">
                        <select class="form-control" name="form[departement]" id="departement">
                            <option value="0"></option>
                            {% for row in list_departements %}
                            <option value="{{ row.codeDepartement }}"{% if ville.codeDepartement == row.codeDepartement %} selected{% endif %}>{{ row.codeDepartement }} - {{ row.departement }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="offset-md-4 col-md-8 fm-error" id="departement-error"></div>
                </div>
                <div class="row form-group fg-m-bottom">
                    <div class="col col-md-4 spa-col-label fg-m-bottom">
                        <label for="nbrHabitants" class="form-control-label spa-label">Nbr habitants</label>
                    </div>
                    <div class="col-12 col-md-6 fg-m-bottom">
                        <input type="text" class="form-control" name="form[nbrHabitants]" id="nbrHabitants" value="{{ ville.nbrHabitants }}" autocomplete="off">
                    </div>
                    <div class="offset-md-4 col-md-8 fm-error" id="nbr-habitants-error"></div>
                </div>

                <div class="row form-group fg-m-bottom">
                    <div class="col col-md-4 spa-col-label fg-m-bottom">
                        <input type="hidden" name="form[idVille]" id="idVille" value="{{ ville.id }}">
                        <input type="hidden" name="edit_ville" id="edit_ville" value="edit_ville">
                    </div>
                    <div class="col-12 col-md-6 fg-m-bottom">
                        <button type="button" id="edit_ville_submit" class="btn btn-info btn-sm btn-block">
                            <i class="zmdi zmdi-refresh"></i>&nbsp; Mettre à jour
                        </button>
                    </div>
                </div>
            </form>

        </div>
        <div class="modal-footer"></div>
    </div>
</div>