{# templates/superadmin/artisans/sa_gestion_artisans_villes_form.html.twig #}
<div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title span-primary" id="myModalLabel">Villes</h4>
      </div>
      
      <div class="modal-body" style="overflow-y:auto;height:500px;">
        <div class="col-sm-12 n-reservation">
          N° {{ artisan.id }}
          <br>Société : {{ artisan.societe }}
          <br>Email : {{ artisan.email }}
          {% if remote_addr == '196.179.234.36' %}<br>{{ artisan.cp }} - {{ artisan.ville }}{% endif %}
        </div>
        
        <form class="form-horizontal" name="add_ville_form" id="add_ville_form" method="post" action="{{ path('superadmin_gestion_artisans_list') }}">
        <div class="form-group fg-m-bottom">
            <label for="q" class="col-sm-3 control-label">Ajouter une ville</label>
            <div class="col-sm-6">
                <input type="text" class="form-control" name="form[q]" id="q" placeholder="Nom de la ville ou le code postal" value="" autocomplete="off">
                <div id="listing_villes_box"></div>
            </div>
            <div class="col-sm-2">
                <button type="button" class="btn btn-primary" name="add_ville_submit" id="add_ville_submit">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="col-sm-1"></div>
            <div class="col-sm-offset-3 col-sm-9 fm-error"></div>
        </div>
        </form>
        
        {# % if remote_addr == mon_ip % #}
        <form class="form-horizontal" name="add_departement_form" id="add_departement_form" method="post" action="{{ path('superadmin_gestion_artisans_list') }}">
        <div class="form-group fg-m-bottom">
            <label for="q" class="col-sm-4 control-label">Ajouter un département</label>
            <div class="col-sm-5">
                <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-sm-2">
                <button type="button" class="btn btn-primary" name="add_departement_submit" id="add_departement_submit">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="col-sm-1"></div>
            <div class="col-sm-offset-3 col-sm-9 fm-departement-error"></div>
        </div>
        </form>
        {# % endif % #}
        
        <table class="table table-bordered table-condensed superadmin-listing" style="margin-top:25px;" id="table_villes_{{ artisan.id }}">
         <thead>
          <tr>
            <th class="center" style="width:30%;">Code postal</th>
            <th style="width:60%;">Ville</th>
            <th style="width:10%;"></th>
          </tr>
         </thead>
         <tbody>
          {% for k,row in list_villes %}
          <tr id="tr_ville_artisan_{{ row.idVilleArtisan }}" class="bgc-{% if k is odd %}ddd{% else %}eee{% endif %}">
            <td class="center">{{ row.cp }}</td>
            <td class="left">{{ row.ville }}</td>
            <td class="center">
                <a title="Supprimer" href="javascript:void(0);" class="btn btn-danger" onclick="removeVilleArtisan({{ row.idVilleArtisan }});">
                    <i class="fa fa-trash-o" aria-hidden="true" style="font-size:12px;"></i>
                </a>
            </td>
          </tr>
          {% endfor %}
         </tbody>
        </table>
        
      </div>
      <div class="modal-footer"></div>
    </div>
</div>