{# templates/superadmin/artisans/sa_gestion_artisans_list.html.twig #}
{% extends 'superadmin/superadmin.html.twig' %}

{% block title %}Gestion des Artisans - {{ parent() }}{% endblock %}

{% block body %}
    
    {{ render(controller( 'App\\Controller\\Superadmin\\SaLayoutController::filAriane', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    {{ include('superadmin/layout/sa_actions.html.twig') }}
    
    {{ include('superadmin/layout/sa_debug.html.twig') }}

    {{ include('superadmin/layout/sa_alert.html.twig') }}

    {{ include('superadmin/artisans/sa_gestion_artisans_recherche.html.twig') }}
    {# <table style="margin:1%;padding:0;width:98%;text-align:center;" class="table-striped table-condensed">	
      <tbody>
        <tr style="background-color:#eeeeee;border:0px solid #eeeeee;">
            <td style="padding-top:10px;padding-left:0px;color:#303030;width:30%;border-right:2px solid #ffffff;">
                <form class="form-horizontal" name="s_departement_form" id="s_departement_form" method="get" action="">
                    <div class="form-group fg-m-bottom">
                        <label for="s_departement" class="col-sm-4 control-label right">Département</label>
                        <div class="col-sm-7">
                            <select id="s_departement" onchange="window.location.href='{{ path('superadmin_gestion_artisans_list') }}{{ getLinkFilter('departement') }}' + $(this).val();" class="form-control">
                                <option value="all">Tous</option>
                                {% for row in list_departements %}
                                <option value="{{ row.codeDepartement }}"{% if departement is defined and departement is not empty and departement == row.codeDepartement %} selected{% endif %}>{{ row.codeDepartement }} - {{ row.departement }}</option>
                                {% endfor %}
                            </select>
                        </div>
                        <div class="col-sm-1"></div>
                    </div>
                </form>
            </td>
            <td style="padding-top:10px;padding-left:0px;color:#303030;width:25%;border-right:2px solid #ffffff;">
                <form class="form-horizontal" name="s_service_form" id="s_service_form" method="get" action="">
                    <div class="form-group fg-m-bottom">
                        <label for="s_service" class="col-sm-4 control-label">Service</label>
                        <div class="col-sm-7">
                            <select id="s_service" onchange="window.location.href='{{ path('superadmin_gestion_artisans_list') }}{{ getLinkFilter('service') }}' + $(this).val();" class="form-control">
                                <option value="all">Tous</option>
                                <optgroup label="Nettoyage">
                                {% for key,val in nos_services %}
                                <option value="{{ key }}"{% if service is defined and service is not empty and service == key %} selected{% endif %}>{{ val }}</option>
                                {% endfor %}
                                </optgroup>
                                <optgroup label="Dépannage">
                                {% for key,val in nos_depannages %}
                                <option value="{{ key }}"{% if service is defined and service is not empty and service == key %} selected{% endif %}>{{ val }}</option>
                                {% endfor %}
                                </optgroup>
                                <optgroup label="Nuisible">
                                {% for key,val in nos_traitements %}
                                <option value="{{ key }}"{% if service is defined and service is not empty and service == key %} selected{% endif %}>{{ val }}</option>
                                {% endfor %}
                                </optgroup>
                            </select>
                        </div>
                        <div class="col-sm-1"></div>
                    </div>
                </form>
            </td>
            <td style="padding-top:10px;padding-left:0px;color:#303030;width:45%;">
                <form class="form-horizontal" name="recherche_artisan_form" id="recherche_artisan_form" method="get" action="{{ path('superadmin_gestion_artisans_list') }}">
                    <div class="form-group fg-m-bottom">
                        <label for="q" class="col-sm-3 control-label">Recherche</label>
                        <div class="col-sm-6">
                            <input type="text" class="form-control" name="q" id="q" placeholder="Email / Tél. / Mobile" value="{% if q is not empty %}{{ q }}{% endif %}" autocomplete="off">
                        </div>
                        <div class="col-sm-2">
                            <button type="button" class="btn btn-primary" name="recherche_artisan_submit" id="recherche_artisan_submit">Rechercher</button>
                        </div>
                        <div class="col-sm-1"></div>
                    </div>
                </form>
            </td>
        <tr>
      </tbody>
    </table> #}

    {{ include('superadmin/layout/sa_pagination.html.twig') }}

    {% if page <= nb_pages %}
    <table class="table table-bordered table-condensed superadmin-listing">	
      <thead>
        <tr>
            <th class="width-4"><a href="{{ path('superadmin_gestion_artisans_list') }}{{ getLinkOrder('id') }}">ID {{ getDirection('id')|raw }}</a></th>
            <th class="width-15"><a href="javascript:void(0);">Société</a></th>
            <th><a href="javascript:void(0);">Adresse</a></th>
            <th class="width-18"><a href="javascript:void(0);">Email / Tél.</a></th>
            <th class="width-8"><a href="{{ path('superadmin_gestion_artisans_list') }}{{ getLinkOrder('creation_date') }}">Création / Inscription {{ getDirection('creation_date')|raw }}</a></th>
            <th class="width-8"><a href="{{ path('superadmin_gestion_artisans_list') }}{{ getLinkOrder('derniere_connexion') }}">Dernière connexion {{ getDirection('derniere_connexion')|raw }}</a></th>
            <th class="width-12"><a href="javascript:void(0);">Chiffres</a></th>
            <th colspan="4"><a href="javascript:void(0);">Actions</a></th>
        </tr>
      </thead>
      <tbody>
        {% for k,row in listing %}
        <tr id="row-{{ row.id }}" class="
        {% if 'Désinscription' in row.email and row.validated == 0 and row.activated == 0 %}
            bgc-red
        {% else %}
          {% if row.inscription == 1 %}
            bgc-green
          {% else  %}
            {% if k is odd  %}
              bgc-ddd
            {% else  %}
              bgc-eee
            {% endif %}
          {% endif %}
        {% endif %}
        ">
            <td class="center va-top"><b>{{ highLight(row.id, q)|raw }}</b></td>
            <td class="left va-top">
                <b style="font-size:1.1em;">{{ row.societe }}</b>
                {% if row.gerant|length > 0 %}<br><b>Gérant :</b> {{ row.gerant }}{% endif %}
                {% if row.siret|length > 0 %}<br><b>N° SIRET :</b> {{ row.siret }}{% endif %}
                {% if row.tva|length > 0 %}<br><b>N° TVA :</b> {{ row.tva }}{% endif %}
            </td>
            <td class="left va-top">
                <b>Adresse :</b> {{ row.adresse }}<br>
                <b>Code postal : {% if row.idVille > 0 %}{{ row.cp }}{% else %}{{ row.d_cp }}{% endif %}</b><br>
                <b>Ville :</b> {% if row.idVille > 0 %}{{ row.ville }}{% else %}{{ row.d_ville }}{% endif %}
            </td>
            <td class="left va-top">
                <i class="fa fa-envelope fawesome" aria-hidden="true" style="font-size:14px;"></i> {{ highLight(row.email, q)|raw }}
                {% if row.tel|length > 0 %}{% if row.email|length > 0 %}<br>{% endif %}<i class="fa fa-phone fawesome" aria-hidden="true" style="font-size:16px;padding-right:2px;"></i> {{ highLight(row.tel, q)|raw }}{% endif %}
                {% if row.mobile|length > 0 %}{% if (row.email|length > 0) or (row.tel|length > 0) %}<br>{% endif %}<i class="fa fa-mobile fawesome" aria-hidden="true" style="font-size:20px;padding-right:6px;"></i> {{ highLight(row.mobile, q)|raw }}{% endif %}
                {% if row.mobileBis|length > 0 %}<br><i class="fa fa-mobile fawesome" aria-hidden="true" style="font-size:20px;padding-right:6px;"></i> {{ highLight(row.mobileBis, q)|raw }}{% endif %}
            </td>
            <td class="center va-top">{{ row.creationDate | date('d-m-Y H:i') }}</td>
            <td class="center va-top">{% if row.derniere_connexion is not null %}{{ row.derniere_connexion | date('d-m-Y H:i') }}{% endif %}</td>
            <td class="left va-top">
              {% if k == 0 %}
                <a href="{{ path('superadmin_gestion_artisans_list') }}{{ getLinkOrder('nbr_prospections') }}">{{ getTdDirection('nbr_prospections')|raw }} Nbr prospections</a> : <span class="span-chiffres">{{ row.nbr_prospections }}</span><br>
                <a href="{{ path('superadmin_gestion_artisans_list') }}{{ getLinkOrder('prospections_vues') }}">{{ getTdDirection('prospections_vues')|raw }} Prospections vues</a> : <span class="span-chiffres">{{ row.nbr_prosp_ouvert }}</span><br>
                <a href="{{ path('superadmin_gestion_artisans_list') }}{{ getLinkOrder('nbr_reponses') }}">{{ getTdDirection('nbr_reponses')|raw }} Nbr réponses</a> : 
                {% if row.nbr_reponses > 0 %}
                    <a href="javascript:void(0);" onclick="listReponses({{ row.id }});" data-toggle="modal" data-target="#ge_artisans_modal" style="font-weight:bold;text-decoration:underline;"><span class="span-chiffres" style="text-decoration:underline;">{{ row.nbr_reponses }}</span></a><br>
                {% else %}
                    <span class="span-chiffres">{{ row.nbr_reponses }}</span><br>
                {% endif %}
                -----<br>
                <a href="{{ path('superadmin_gestion_artisans_list') }}{{ getLinkOrder('sms_envoyes') }}">{{ getTdDirection('sms_envoyes')|raw }} Nbr SMS envoyés</a> : <span class="span-chiffres">{{ row.nbr_sms_envoy }}</span><br>
                <a href="{{ path('superadmin_gestion_artisans_list') }}{{ getLinkOrder('sms_ouverts') }}">{{ getTdDirection('sms_ouverts')|raw }} Nbr SMS ouverts</a> : <span class="span-chiffres">{{ row.nbr_sms_ouvert }}</span><br>
                -----<br>
                <a href="{{ path('superadmin_gestion_artisans_list') }}{{ getLinkOrder('nbr_connexions') }}">{{ getTdDirection('nbr_connexions')|raw }}  Nbr connexions</a> : <span class="span-chiffres">{{ row.nbr_connexions }}</span><br>
              {% else %}
                Nbr prospections : <span class="span-chiffres">{{ row.nbr_prospections }}</span><br>
                Prospections vues : <span class="span-chiffres">{{ row.nbr_prosp_ouvert }}</span><br>
                Nbr réponses : 
                {% if row.nbr_reponses > 0 %}
                    <a href="javascript:void(0);" onclick="listReponses({{ row.id }});" data-toggle="modal" data-target="#ge_artisans_modal" class="span-chiffres" style="text-decoration:underline;"><span class="span-chiffres" style="text-decoration:underline;">{{ row.nbr_reponses }}</span></a><br>
                {% else %}
                    <span class="span-chiffres">{{ row.nbr_reponses }}</span><br>
                {% endif %}
                -----<br>
                Nbr SMS envoyés : <span class="span-chiffres">{{ row.nbr_sms_envoy }}</span><br>
                Nbr SMS ouverts : <span class="span-chiffres">{{ row.nbr_sms_ouvert }}</span><br>
                -----<br>
                Nbr connexions : <span class="span-chiffres">{{ row.nbr_connexions }}</span><br>
              {% endif %}
            </td>
            <td class="center width-4 va-top">
                <a title="Modifier" href="javascript:void(0);" class="btn btn-primary" onclick="editForm({{ row.id }});" data-toggle="modal" data-target="#ge_artisans_modal">
                    <i class="fa fa-pencil" aria-hidden="true" style="font-size:12px;"></i>
                </a>
            </td>
            <td class="center width-4 va-top">
                <a title="Services" href="javascript:void(0);" class="btn btn-warning" onclick="servicesForm({{ row.id }});" data-toggle="modal" data-target="#ge_artisans_modal">
                    <i class="fa fa-cogs" aria-hidden="true" style="font-size:12px;"></i>
                </a>
            </td>
            <td class="center width-4 va-top">
                <a title="Villes" href="javascript:void(0);" class="btn btn-info" onclick="villesForm({{ row.id }});" data-toggle="modal" data-target="#ge_artisans_modal">
                    <i class="fa fa-map-o" aria-hidden="true" style="font-size:12px;"></i>
                </a>
            </td>
            <td class="center width-4 va-top" id="activated_{{ row.id }}">
              {% if row.idVille > 0 and '-- Désinscription' not in row.email and '[a]' not in row.email %}
                {% if row.activated == 1 %}
                <a href="javascript:void(0);" onclick="activerArtisan({{ row.id }});" class="btn btn-success bouton" title="Désactiver">
                    <i class="fa fa-unlock fawesome" aria-hidden="true" style="font-size:16px;"></i>
                </a>
                {% else %}
                <a href="javascript:void(0);" onclick="activerArtisan({{ row.id }});" class="btn btn-danger bouton" title="Activer">
                    <i class="fa fa-lock fawesome" aria-hidden="true" style="font-size:16px;"></i>
                </a>
                {% endif %}
              {% endif %}
            </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {{ include('superadmin/layout/sa_pagination.html.twig') }}
    {% endif %}
    <div class="modal fade" id="ge_artisans_modal"></div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
        $(document).on('click', 'form#recherche_artisan_form #recherche_artisan_submit', function(){
            if ($('form#recherche_artisan_form input#q').val().length > 1) {	
                $('form#recherche_artisan_form').submit();
                return true;
            }
            return false;
        });
        
        $(document).on('keyup', 'form#ge_artisans_edit_form input#email', function() {
            var ge_artisan_email = $('form#ge_artisans_edit_form input#email').val();
            var ge_artisan_id = $('form#ge_artisans_edit_form input#artisan_id').val();
            var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            if (ge_artisan_email.length > 5 && regex.test(ge_artisan_email)) {
                $.ajax({
                    url : "{{ path('superadmin_gestion_artisans_check_current_email') }}",
                    type : 'POST',
                    data : {email:ge_artisan_email,id:ge_artisan_id},
                    dataType : 'json',
                    success : function(response){
                        if (response.code == 200) {
                            $('form#ge_artisans_edit_form input#form_pass_email').val(response.value);
                        }
                    },
                    error : function(e){
                    }
                });
            }                
        });

        $(document).on('click', 'form#ge_artisans_edit_form #ge_artisans_edit_submit', function(){
            var ckeck = 0;
            
            if ($('form#ge_artisans_edit_form input#societe').val().length == 0) {	
                ckeck += 1;
                $('form#ge_artisans_edit_form input#societe').css({'border':'1px solid #ff0000'});
                $('div#societe-error').html("Veuillez insérer le nom de société");
                $('form#ge_artisans_edit_form input#societe').focus(function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('div#societe-error').html('');
                });            
            }
            
            if ($('form#ge_artisans_edit_form textarea#adresse').val().length == 0) {	
                ckeck += 1;
                $('form#ge_artisans_edit_form textarea#adresse').css({'border':'1px solid #ff0000'});
                $('div#adresse-error').html("Veuillez insérer l'adresse");
                $('form#ge_artisans_edit_form textarea#adresse').focus(function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('div#adresse-error').html('');
                });            
            }
            
            var artisan_form_email = $('form#ge_artisans_edit_form input#email').val();
            var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
            /* if (artisan_form_email.length == 0 || (artisan_form_email.length > 0 && !regex.test(artisan_form_email))) {		
                ckeck += 1;
                $('#email-error').html("Veuillez insérer l'email");
                $('form#ge_artisans_edit_form input#email').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('#email-error').html('');
                });            
            } */
            if ((artisan_form_email.length > 0 && regex.test(artisan_form_email)) && $('form#ge_artisans_edit_form #form_pass_email').val() == 0) {	
                ckeck += 1;
                $('#email-error').html('Email existe déjà !');
                $('form#ge_artisans_edit_form input#email').css({'border':'1px solid #ff0000','color':'#ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc','color':'#555555'});
                    $('#email-error').html('');
                });
            }
            
            if (ckeck == 0) {
                $('form#ge_artisans_edit_form').submit();
                return true;
            } else {
                return false;
            }
        });
        
        $(document).on('click', 'form#ge_artisans_services_form #ge_artisans_services_submit', function(){
            var ckeck = 0;
            
            if (ckeck == 0) {
                $('form#ge_artisans_services_form').submit();
                return true;
            } else {
                return false;
            }
        });

        $(document).on('keyup', 'form#add_ville_form input#q', function(){
            $('form#add_ville_form input#id_ville').val('0'); 
            var q_ville = $('form#add_ville_form input#q').val();
            var artisan_id = $('form#add_ville_form input#artisan_id').val();
            //alert(artisan_id);
            if (q_ville.length > 0) {
                //alert(q_ville);
                $.ajax({
                    url : '{{ path("superadmin_gestion_artisans_rechercher_ville") }}',
                    type : 'POST',
                    data : {q:q_ville,artisan_id:artisan_id},
                    dataType : 'json',
                    success : function(response){
                        //alert('success');
                        if (response.num_rows > 0) {  
                            var listing = response.listing;
                            var lines = '<div class="close_search_ville">X</div>';
                            for (var key in listing) {
                                var obj = listing[key];
                                var bg = (key%2 == 0) ? '248, 248, 255' : '255, 255, 255';
                                var ville = obj.ville;
                                var ville_replace = ville.replace(/'/g, "\\'");

                                lines += '<div class="line_ville" onclick="selectVille(' + obj.id + ', \'' + obj.cp + '\', \'' + ville_replace + '\');" style="background-color:rgb(' + bg + ');">';
                                lines += '<div class="detail_ville">' + obj.cp + ' - ' + ville + '</div>';
                                lines += '</div>';
                            }
                            $('#listing_villes_box').html(lines).show();
                        } else {
                            $('#listing_villes_box').hide().html('');
                        }
                    },
                    error : function(e){
                        alert('error');
                    }
                });
            } else {
                $('#listing_villes_box').hide().html('');
            }
        });

        $(document).on('click', '.close_search_ville', function(){
            $('#listing_villes_box').hide().html('');
            $('form#add_ville_form input#q').val('');
            $('form#add_ville_form input#id_ville').val('0'); 
        });

        $(document).on('click', 'form#add_ville_form #add_ville_submit', function(){
            if ($('form#add_ville_form input#id_ville').val() == 0) {	
                $('.fm-error').html('Veuillez choisir une ville');
                $('form#add_ville_form input#q').css({'border':'1px solid #ff0000'}).on('focus', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('.fm-error').html('');
                });
            } else {
                //$('form#add_ville_form').submit();
                //return true;
                var id_ville = $('form#add_ville_form input#id_ville').val();
                var artisan_id = $('form#add_ville_form input#artisan_id').val();
                $.ajax({
                    url : "{{ path('superadmin_gestion_artisans_add_ville_artisan') }}",
                    type : 'POST',
                    data : {id_ville:id_ville,artisan_id:artisan_id},
                    dataType : 'json',
                    success : function(response){
                        //alert('success');
                        var ville = response.ville;
                        //ville = ville.replace(/'/g, "\\'");
                        $('table#table_villes_' + artisan_id + ' tbody').prepend('<tr id="tr_ville_artisan_' + response.insert_id + '" class="bgc-eee"><td class="center">' + response.cp + '</td><td class="left">' + ville + '</td><td class="center"><a title="Supprimer" href="javascript:void(0);" class="btn btn-danger" onclick="removeVilleArtisan(' + response.insert_id + ');"><i class="fa fa-trash-o" aria-hidden="true" style="font-size:12px;"></i></a></td></tr>');
                        $('form#add_ville_form input#q').val('');
                        $('form#add_ville_form input#id_ville').val('0');
                    },
                    error : function(e){
                    }
                });
            }
            //return false;
        });

        $(document).on('click', 'form#add_departement_form #add_departement_submit', function(){
            if ($('form#add_departement_form #departement').val() == 0) {
                $('.fm-departement-error').html('Veuillez choisir un département');
                $('form#add_departement_form #departement').css({'border':'1px solid #ff0000'}).on('change', function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('.fm-departement-error').html('');
                });
            } else {
                var code_departement = $('form#add_departement_form #departement').val();
                var artisan_id = $('form#add_departement_form input#artisan_id').val();
                $.ajax({
                    url : "{{ path('superadmin_gestion_artisans_add_departement_artisan') }}",
                    type : 'POST',
                    data : {code_departement:code_departement,artisan_id:artisan_id},
                    dataType : 'json',
                    success : function(response){
                        if (response.num_rows > 0) {  
                            var listing = response.villes;
                            var lines = '';
                            for (var key in listing) {
                                var obj = listing[key];
                                var bg = (key%2 == 0) ? 'eee' : 'ddd';
                                //var ville = obj.ville;
                                //var ville_replace = ville.replace(/'/g, "\\'");

                                lines += '<tr id="tr_ville_artisan_' + obj.idVilleArtisan + '" class="bgc-' + bg+ '">';
                                lines += '<td class="center">' + obj.cp + '</td>';
                                lines += '<td class="left">' + obj.ville + '</td>';
                                lines += '<td class="center">';
                                lines += '<a title="Supprimer" href="javascript:void(0);" class="btn btn-danger" onclick="removeVilleArtisan(' + obj.idVilleArtisan + ');">';
                                lines += '<i class="fa fa-trash-o" aria-hidden="true" style="font-size:12px;"></i>';
                                lines += '</a>';
                                lines += '</td>';
                                lines += '</tr>';
                            }
                            $('table#table_villes_' + artisan_id + ' tbody').html(lines);
                        }
                    },
                    error : function(e){
                    }
                });
            }
            //return false;
        });
    });
    // ]]>

    function editForm(id){
        $('#ge_artisans_modal').html('<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" id="myModalLabel"></h4></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_gestion_artisans_list') }}/"+ id +"/edit-form",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#ge_artisans_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }

    function servicesForm(id){
        $('#ge_artisans_modal').html('<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" id="myModalLabel"></h4></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_gestion_artisans_list') }}/"+ id +"/services-form",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#ge_artisans_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }

    function villesForm(id){
        $('#ge_artisans_modal').html('<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" id="myModalLabel"></h4></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_gestion_artisans_list') }}/"+ id +"/villes-form",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#ge_artisans_modal').html(response.html);
                }
                $('form#add_ville_form input#q').focus();
            },
            error : function(e){
            }
        });
    }
    
    function selectVille(id, cp, ville){
        $('#listing_villes_box').hide().html('');
        
        $('form#add_ville_form input#q').val(cp + ' ' + ville); 
        $('form#add_ville_form input#id_ville').val(id); 
    }
    
    function removeVilleArtisan(id){
        if (confirm("Êtes-vous sûr ?")) {
            $.ajax({
                url : "{{ path('superadmin_gestion_artisans_remove_ville_artisan') }}",
                type : 'POST',
                data : {id:id},
                dataType : 'json',
                success : function(response){
                    $('tr#tr_ville_artisan_' + id).remove();
                },
                error : function(e){
                }
            });
        }
    }
    
    function listReponses(id){
        $('#ge_artisans_modal').html('<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" id="myModalLabel"></h4></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_gestion_artisans_list') }}/" + id + "/list-reponses",
            type : 'POST',
            data : {id:id},
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    if (response.message == 'success') {
                        $('#ge_artisans_modal').html(response.html);
                    } else {
                        $('#ge_artisans_modal').html('Erreur');
                    }
                }
            },
            error : function(e){
            }
        });
    }
    
    function activerArtisan(id){
        $.ajax({
            url : "{{ path('superadmin_gestion_artisans_list') }}/" + id + "/activer",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    if (response.message === 'active') {
                        $('td#activated_' + id).html('<a href="javascript:void(0);" onclick="activerArtisan(' + id + ');" class="btn btn-success bouton" title="Désactiver"><i class="fa fa-unlock fawesome" aria-hidden="true" style="font-size:16px;"></i></a>');
                    } else if (response.message === 'inactive') {
                        $('td#activated_' + id).html('<a href="javascript:void(0);" onclick="activerArtisan(' + id + ');" class="btn btn-danger bouton" title="Activer"><i class="fa fa-lock fawesome" aria-hidden="true" style="font-size:16px;"></i></a>');
                    }
                }
            },
            error : function(e){
            }
        });
    }
    </script>
{% endblock %}