{# templates/superadmin_v2/villes/sa_villes_add_form.html.twig #}
<div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="appModalLabel">Ville / Ajouter</h5>
            <button type="button" class="close" id="app_modal_close">
                <span aria-hidden="true">&times;</span>
            </button>
			<!--button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
			<!--a href="javascript:;" class="close" data-dismiss="modal" aria-label="close" onclick="$('#app_modal').html('').toggle();$('.modal-backdrop').toggle();">&times;</a-->
        </div>
        <div class="modal-body">
            <form class="form-horizontal" name="add_ville_form" id="add_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="" 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="{{ 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 code_dep is defined and (code_dep|length == 2 or code_dep|length == 3) and  (row.codeDepartement == code_dep) %}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="" 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="add_ville" id="add_ville" value="add_ville">
                    </div>
                    <div class="col-12 col-md-6 fg-m-bottom">
                        <button type="button" id="add_ville_submit" class="btn btn-info btn-sm btn-block">
                            <i class="zmdi zmdi-plus"></i>&nbsp; Ajouter
                        </button>
                    </div>
                </div>
            </form>

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