{# templates/superadmin_v2/artisans/sa_gestion_artisans_villes_form.html.twig #}
<div class="modal-dialog" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title">Artisan / Villes d'intervention</h5>
            <button type="button" class="close" id="app_modal_close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            <p class="p-modal">
                ID : {{ artisan.id }}
                <br>Société : {{ artisan.societe }}
                <br>Email : {{ artisan.email }}
                {# % if remote_addr == ip_dev % #}{% if app.user.id == 1 %}<br>{{ artisan.cp }} - {{ artisan.ville }}{% endif %}
            </p>

            <form class="form-horizontal" name="add_ville_form" id="add_ville_form" method="post" action="{{ path('superadmin_gestion_artisans_list') }}">
                <div class="row form-group fg-m-bottom">
                    <div class="col col-md-3 spa-col-label fg-m-bottom">
                        <label for="q_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="q_ville" id="q_ville" placeholder="Nom de la ville ou CP" autocomplete="off">
                        <div id="listing_villes_box"></div>
                    </div>
                    <div class="col-12 col-md-3 fg-m-bottom">
                        <button type="button" id="add_ville_submit" class="btn btn-info btn-sm btn-block">Ajouter</button>
                        <input type="hidden" name="form[id_ville]" id="id_ville" value="0">
                        <input type="hidden" name="form[artisan_id]" id="artisan_id" value="{{ artisan.id }}">
                        <input type="hidden" name="add_ville" id="add_ville" value="add_ville">
                    </div>
                    <div class="offset-md-4 col-md-8 fm-error" id="add-ville-error"></div>
                </div>
            </form>

            <form class="form-horizontal" name="add_departement_form" id="add_departement_form" method="post" action="{{ path('superadmin_gestion_artisans_list') }}">
                <div class="row form-group fg-m-bottom">
                    <div class="col col-md-3 spa-col-label fg-m-bottom">
                        <label 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">Choisir</option>
                            {% for row in list_departements %}
                            <option value="{{ row.codeDepartement }}">{{ row.codeDepartement }} - {{ row.departement }}</option>
                            {% endfor %}
                        </select>
                    </div>
                    <div class="col-12 col-md-3 fg-m-bottom">
                        <button type="button" id="add_departement_submit" class="btn btn-info btn-sm btn-block">Ajouter</button>
                        <input type="hidden" name="form[artisan_id]" id="artisan_id" value="{{ artisan.id }}">
                        <input type="hidden" name="add_departement" id="add_departement" value="add_departement">
                    </div>
                    <div class="offset-md-4 col-md-8 fm-error" id="add-departement-error"></div>
                </div>
            </form>

            <div class="col-12 col-md-12 text-right" style="margin-bottom:10px;padding-right:0;">
                <button type="button" id="delete_all_villes_btn" onclick="deleteAllVillesIntervention({{ artisan.id }});" class="btn btn-danger btn-sm">
                    <i class="zmdi zmdi-delete"></i> Supprimer toutes les villes d'intervention
                </button>
            </div>

            <table class="table table-borderless table-striped table-earning" id="table_villes_{{ artisan.id }}">
                <thead>
                    <tr>
                        <th class="width-25">Code postal</th>
                        <th>Ville</th>
                        <th class="width-15"></th>
                    </tr>
                </thead>
                <tbody>
                  {% for k,row in list_villes %}
                    <tr id="tr_ville_artisan_{{ row.idVilleArtisan }}" class="tr_ville_artisan_spa">
                        <td class="text-center"><b>{{ row.cp }}</b></td>
                        <td>{{ row.ville }}</td>
                        <td class="text-center">
                          <div class="table-data-feature">
                              <button class="item danger" onclick="removeVilleArtisan({{ row.idVilleArtisan }});">
                                  <i class="zmdi zmdi-delete"></i>
                              </button>
                          </div>
                        </td>
                    </tr>
                  {% endfor %}
                </tbody>
            </table>
        </div>
        <div class="modal-footer"></div>
    </div>
</div>