{# templates/superadmin_v2/devis/sa_devis_list.html.twig #}
{% extends 'superadmin_v2/superadmin.html.twig' %}

{% block title %}Demandes de Devis - {{ parent() }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
	<link href="{{ asset('superadmin_v2/css/bootstrap-datetimepicker.min.css') }}" rel="stylesheet">
{% endblock %}

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

    {{ include('superadmin_v2/layout/sa_tab.html.twig') }}

    <div class="section__content section__content--p30">
        {{ include('superadmin_v2/layout/sa_debug.html.twig') }}

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

        <div class="container-fluid" id="list_demandes_devis_p">
            <div class="row" id="list_demandes_devis_c">
				{{ include('superadmin_v2/devis/sa_devis_recherche.html.twig') }}

                {{ include('superadmin_v2/layout/sa_paginator.html.twig') }}

                <div class="table-responsive table--no-card m-b-30">
                    {% if nb_pages >= page %}
                    <table class="table table-borderless table-striped table-earning">
                        <thead>
                            <tr>
                                <th class="width-5">ID</th>
                                <th class="width-15">Client</th>
                                <th class="width-10">Ville</th>
                                <th>Description</th>
                                <th class="width-7">Date<br>d'envoi</th>
                                <th class="width-12">Chiffres</th>
                                <th class="width-15">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for k,row in listing %}
                            <tr id="row-{{ row.id }}">
                                <td class="text-center">
                                    <b>{{ highLight(row.id, id)|raw }}</b>
                                    <script type="text/javascript">
                                    setTimeout( function(){
                                        setNbrArtisansToProspection({{ row.id }});
                                    }, (({{ k }} + 1) * 1000) );
                                    </script>
                                </td>
                                <td>
                                    <b>{{ row.prenom }} {{ row.nom }}</b>&nbsp;&nbsp; 
                                    {% if row.typeClient == 'particulier' %}
                                        <span class="badge badge-warning">Particulier</span>
									{% elseif row.typeClient == 'professionnel' %}
                                        <span class="badge badge-info">Professionnel</span>
									{% endif %}<br>

                                    {% if 16 in roles %}
                                    <i class="zmdi zmdi-email zmdi-hc-lg"></i>&nbsp; <span style="color:{% if row.validated == 1 %}green{% else %}red{% endif %};">{{ row.email }}</span>
                                    <br><i class="zmdi zmdi-phone zmdi-hc-lg"></i>&nbsp; 
                                    {% if row.mobile_validated == 1 %}
                                        <span style="color:green;">{{ row.tel }}</span>
                                    {% else %}
                                        {% if row.id > 6742 %}
                                        <span id="validate-email-{{ row.idClient }}-{{ row.tel }}">
                                            <a href="javascript:;" onclick="validateMobile({{ row.idClient }},'{{ row.tel }}');" style="color:red;">{{ row.tel }}</a>
                                        </span>
                                        {% else %}{{ row.tel }}{% endif %}
                                    {% endif %}
                                    <br><i class="zmdi zmdi-pin zmdi-hc-lg"></i>&nbsp; {{ row.adresse }}
									{% if row.adresseFacturation|length > 1 %}
                                    <br><br><b>Adresse de facturation :</b> {{ getNl2Br(row.adresseFacturation)|raw }}
                                    {% endif %}
									<br>
									{% if row.validated == 0 and 11 in roles %}
                                    <br>
                                    <button 
                                      type="button" 
                                      onclick="sendEmailValidation('{{ row.idClient }}');" 
                                      class="btn btn-outline-info btn-sm btn-block btn-app btn_email_validation_{{ row.idClient }}">
                                        <i class="zmdi zmdi-mail-send"></i>&nbsp; Ré-envoyer l'email de validation ({{ row.nbr_emails }})
                                    </button>
                                    <button 
                                      type="button" 
                                      onclick="sendSmsValidation('{{ row.id }}');" 
                                      class="btn btn-outline-dark btn-sm btn-block btn-app btn_sms_validation_{{ row.id }}" style="margin-bottom:5px;">
                                        <i class="zmdi zmdi-comments"></i>&nbsp; Envoyer SMS de validation ({{ row.nbr_sms }})
                                    </button>
                                    {% endif %}
                                    {% endif %}
                                    
                                    {% if row.susp_fausse_dde == 1 %}
                                    <br>
                                    <div class="noir">
                                        <div class="rouge">Suspension d'une fausse demande</div>
                                    </div>
                                    {% endif %}
                                </td>
                                <td class="text-center">
                                    {% if row.idVille > 0 %}
                                        <span style="color:green;"><b>{{ row.cp }}</b><br>{{ row.ville }}</span>
										<br><span style="text-align:center;">-----</span>
										<br><span>({{ row.codeDepartement }}) {{ row.departement }}</span>
                                    {% else %}
                                        <span style="color:red;">{{ row.nomVille }}</span>
                                    {% endif %}
                                </td>
                                <td>
                                    <!--b>Service :</b--> 
                                    {% if row.solution == 'nettoyage' %}
                                        <span class="badge badge-success">Nettoyage</span>
                                    {% elseif row.solution == 'depannage' %}
                                        <span class="badge badge-info">Dépannage</span>
                                    {% elseif row.solution == 'nuisible' %}
                                        <span class="badge badge-warning">Nuisible</span>
                                    {% else %}
                                        {{ row.solution }} /
                                    {% endif %} {{ row.service }}
                                    {% if row.detail_service|length > 0 %} ({{ row.detail_service }}){% endif %}<br>
                                    {# % if row.surface matches '/^\\d+$/' and row.surface > 0 % #}
                                    {% if isNumeric(row.surface) and row.surface > 0 %}
										<i class="zmdi zmdi-n-5-square zmdi-hc-lg"></i>&nbsp; <b>{{ row.surface_lab }}{% if row.surface_unite|length > 0 %} ({{ row.surface_unite }}){% endif %} :</b> {{ row.surface }}<br>
                                    {% else %}
									<b style="color:red;">Surface : {{ row.surface }}</b><br>
									{% endif %}
                                    {% if row.frequence|length > 0 and row.frequence != '0' %}
									<i class="zmdi zmdi-refresh-sync-alert zmdi-hc-lg"></i>&nbsp; <b>{{ row.frequence_lab }} :</b> {{ getFrequenceByKey(row.frequence) }}<br>
									{% endif %}
                                    <br><i class="zmdi zmdi-comment-alt-text zmdi-hc-lg"></i>&nbsp; <b>Description :</b><br>{{ getNl2Br(row.description)|raw }}
                                    {% if 9 in roles %}
                                        <br><a href="javascript:void();" onclick="editDescForm({{ row.id }});" data-toggle="modal" data-target="#app_modal">Modifier <i class="zmdi zmdi-edit"></i></a>
                                    {% endif %}

									<div class="row" style="margin:10px 0 2px;text-align:left;">{{ getImagesDevisToSuperadmin(row.id)|raw }}</div>

									{% if row.audio|length > 0 %}{{ getAudio(row.audio)|raw }}{% endif %}
                                </td>
                                <td class="text-center">
                                    {{ row.creationDate|date('d-m-Y H:i') }}
                                    <br>
                                    {# % if row.source == 'front' %}
                                        <span class="badge badge-primary">Site web</span>
                                    {% else #} {% if row.source == 'interface_client' %}
                                        <span class="badge badge-warning">Interface<br>client</span>
                                    {% elseif row.source == 'formulaire_contact' %}
                                        <span class="badge badge-info">Formulaire<br>de contact</span>
                                    {% elseif row.source == 'relancee' %}
                                        <span class="badge badge-danger">Relancée</span>
                                    {% endif %}    
                                </td>
                                <td style="padding:4px 0;">
                                    <table class="table chiffres-spa">
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};">
                                            <td>Nbr artisans : </td>
                                            <td>
                                                <span class="chiffre">{{ row.nbr_artisans_potentiel }}</span>
                                            </td>
                                        </tr>
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td>Nbr prospections : </td><td><span class="chiffre">
                                            {{ row.nbr_prospections }} <!--span id="nbr-artisans-to-prospection-{{ row.id }}"></span-->
                                        </span></td></tr>
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td>Nbr prosp. total : </td><td><span class="chiffre">
                                            {% if row.nbr_prosp_total > 0 %}
                                                <a href="javascript:void();" 
                                                   onclick="listProspections({{ row.id }});" 
                                                   data-toggle="modal" 
                                                   data-target="#app_modal"
                                                   style="text-decoration:underline;">{{ row.nbr_prosp_total }}</a>
                                            {% else %}
                                                0
                                            {% endif %}</span></td></tr>
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td colspan="2" class="text-center">-----</td></tr>
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td>Prospections vues : </td><td><span class="chiffre">{{ row.nbr_prosp_ouvert }}</span></td></tr>
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td>Nbr connexions : </td><td><span class="chiffre">{{ row.nbr_connexions }}</span></td></tr>
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td>Nbr réponses : </td><td><span class="chiffre">
                                            {% if row.nbr_reponses > 0 %}
                                                <a href="javascript:void();" 
                                                   onclick="listReponsesDevis({{ row.id }});" 
                                                   data-toggle="modal" 
                                                   data-target="#app_modal"
                                                   style="text-decoration:underline;">{{ row.nbr_reponses }}</a>
                                            {% else %}
                                                0
                                            {% endif %}
                                        </span></td></tr>
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td colspan="2" class="text-center">-----</td></tr>
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td>Nbr SMS envoyés : </td><td><span class="chiffre">{{ row.nbr_sms_envoy }}</span></td></tr>
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td>Nbr SMS ouverts : </td><td><span class="chiffre">{{ row.nbr_sms_ouvert }}</span></td></tr>
                                        {% if 20 in roles %}
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td colspan="2" class="text-center">-----</td></tr>
{#                                            {{ dump(interventions_service) }}#}
{#                                            {{ row.codeDepartement ~ '   ' ~ row.surface ~ '   ' ~ interventions_service[row.service_key][row.detail_service_key][row.frequence].id_interventions_service }}#}
{#                                            {% set me_comm_init = {valeur_me: 122, comm_init_ht: 211} %}#}
                                            {% set me_comm_init = getValeurEstimeeMarche(row.codeDepartement, row.surface, interventions_service[row.service_key][row.detail_service_key][row.frequence].id_interventions_service ?? 0) %}
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td>Estimation marché (ME) : </td><td><span class="chiffre">{{ me_comm_init.valeur_me|raw }}</span></td></tr>
                                        {% if row.m_devis > 0 %}
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td>MDevis : </td><td><span class="chiffre">{{ row.m_devis }} &euro;</span></td></tr>
                                        {% endif %}
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td colspan="2" class="text-center">-----</td></tr>
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};">
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};">
                                            <td{% if me_comm_init.comm_init_ht == 0 %} style="color:#F00;"{% endif %}>Commission initiale HT : </td>
                                            <td{% if me_comm_init.comm_init_ht == 0 %} style="color:#F00;"{% endif %}><span class="chiffre">{{ me_comm_init.comm_init_ht|raw }}</span></td>
                                        </tr>
                                        </tr>
                                        {% if row.nbr_reponses > 0 %}
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td>Commissions HT : </td><td><span class="chiffre">{{ row.sum_commissions }} &euro;</span></td></tr>
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td colspan="2" class="text-center" style="white-space:pre-wrap;">( {{ row.detail_commissions }} )</td></tr>
                                        {% endif %}
                                        {% endif %}
                                        {% if 9 in roles %}
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td colspan="2" class="text-center">-----</td></tr>
                                        <tr style="background-color:#{% if k is odd  %}ddd{% else %}eee{% endif %};"><td colspan="2">
                                            <a href="javascript:void();" onclick="editNoteForm({{ row.id }});" data-toggle="modal" data-target="#app_modal">Note <i class="zmdi zmdi-edit"></i></a>
                                            <br><p style="white-space:normal;color:brown;">{{ getNl2Br(row.note)|raw }}</p>
                                        </td></tr>
                                        {% endif %}
                                    </table>
                                </td>
                                <td class="text-center">
                                    {% if row.classified == 1 %}
                                        <span style="color:red;font-weight:bold;">Clôturée</span>
                                        {% if row.published == 1 %}
                                            <br><span class="badge badge-success">Validée</span>
                                        {% else %}
                                            {% if 9 in roles %}
                                            <div class="table-data-feature">
                                            <button class="item primary" onclick="editDevisForm({{ row.id }});" data-toggle="modal" data-target="#app_modal">
                                                <i class="zmdi zmdi-edit"></i>
                                            </button>
                                            <button 
                                              id="published_{{ row.id }}" 
                                              onclick="publish({{ row.id }});" 
                                              class="item {% if row.published == 1 %}success{% else %}danger{% endif %}">
                                                <i class="zmdi {% if row.published == 1 %}zmdi-eye{% else %}zmdi-eye-off{% endif %}"></i>
                                            </button>
                                            </div>
                                            {% endif %}
                                        {% endif %}
                                    {% else %}
										{% if row.archived == 1 and 17 in roles %}
                                    <button type="button" class="btn btn-success btn-sm btn-block btn-app" onclick="desarchiver({{ row.id }});" data-toggle="modal" data-target="#app_modal">
                                        <i class="zmdi zmdi-replay"></i>&nbsp; Désarchiver
                                    </button>
									    {% else %}
                                    <div class="table-data-feature">
                                        {% if 9 in roles %}
                                        <button class="item primary" onclick="editDevisForm({{ row.id }});" data-toggle="modal" data-target="#app_modal">
                                            <i class="zmdi zmdi-edit"></i>
                                        </button>
                                        {% endif %}

                                        {% if 9 in roles %}
                                        <button 
                                          id="published_{{ row.id }}" 
                                          onclick="publish({{ row.id }});" 
                                          class="item {% if row.published == 1 %}success{% else %}danger{% endif %}">
                                            <i class="zmdi {% if row.published == 1 %}zmdi-eye{% else %}zmdi-eye-off{% endif %}"></i>
                                        </button>
                                        {% endif %}

                                        {% if row.archived == 0 and 17 in roles %}
                                        <button class="item warning" onclick="archiver({{ row.id }});" data-toggle="tooltip" data-placement="top" title="Archiver">
                                            <i class="zmdi zmdi-collection-folder-image"></i>
                                        </button>
                                        {% endif %}

                                        {% if row.published == 1 and 9 in roles %}
                                        <button 
                                          id="prosp_auto_{{ row.id }}" 
                                          onclick="allowProspectionAutomatique({{ row.id }});" 
                                          class="item {% if row.prospection_automatique == 0 %}success{% else %}danger{% endif %}">
                                            <i class="zmdi {% if row.prospection_automatique == 0 %}zmdi-notifications{% else %}zmdi-notifications-off{% endif %}"></i>
                                        </button>
                                        {% endif %}
                                    </div>

                                      {% if 10 in roles %}
                                    {# <button type="button" class="btn btn-info btn-sm btn-block btn-app" onclick="prospectionModal({{ row.id }});" data-toggle="modal" data-target="#app_modal">
                                        <i class="zmdi zmdi-mail-send"></i>&nbsp; Prospection
                                    </button> #}
                                    {% if row.nbr_prospections > 0 %}
                                    {# <button type="button" class="btn btn-outline-info btn-sm btn-block btn-app" onclick="reenvoyerModal({{ row.id }});" data-toggle="modal" data-target="#app_modal">
                                        <i class="zmdi zmdi-mail-send"></i>&nbsp; Ré-envoyer
                                    </button> #}
                                    <button type="button" class="btn btn-outline-dark btn-sm btn-block btn-app" onclick="smsModal({{ row.id }});" data-toggle="modal" data-target="#app_modal">
                                        <i class="zmdi zmdi-comments"></i>&nbsp; SMS
                                    </button>
                                    {% endif %}
                                      {% endif %}
										{% endif %}
                                    {% if 19 in roles %}
                                    <button type="button" class="btn btn-outline-info btn-sm btn-block btn-app" onclick="commissionSpeciale({{ row.id }});" data-toggle="modal" data-target="#app_modal">
                                        <i class="zmdi zmdi-money-box"></i>&nbsp; Commission spéciale
                                    </button>
                                    {% endif %}
                                    {% endif %}
                                    
                                    {# % if app.user.id == 1 or app.user.id == 2 %}
                                    <button type="button" class="btn btn-outline-success btn-sm btn-block btn-app" onclick="artisansToExcel({{ row.id }}, 'avec_reponses');">
                                        <i class="zmdi zmdi-comments"></i>&nbsp; Artisans avec Réponses
                                    </button>
                                    <button type="button" class="btn btn-outline-danger btn-sm btn-block btn-app" onclick="artisansToExcel({{ row.id }}, 'sans_reponses');">
                                        <i class="zmdi zmdi-comments"></i>&nbsp; Artisans sans Réponses
                                    </button>
                                    {% endif % #}

                                    <div class="table-data-feature" style="margin-top:6px!important;">
                                        <button class="item info" onclick="getJournal({{ row.id }});" data-toggle="modal" data-target="#app_modal">
                                            <i class="zmdi zmdi-file-text"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    {% endif %}
                </div>
                
                {% if nb_pages >= page %}{{ include('superadmin_v2/layout/sa_paginator.html.twig') }}{% endif %}
            </div>

            {{ include('superadmin_v2/layout/sa_footer.html.twig') }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('superadmin_v2/js/moment.js') }}"></script>
    <script src="{{ asset('superadmin_v2/js/bootstrap-datetimepicker.js') }}"></script>
    <script src="{{ asset('superadmin_v2/js/locales/bootstrap-datetimepicker.fr.js') }}" charset="utf-8"></script>
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
		/* setTimeout( function(){
            setNbrArtisansToProspection();
        }, 1000); */

        setInterval( function(){
            loadListDemandesDevis();
        }, 60000);

		$(document).on('keypress', 'form#recherche_dde_devis_by_id_form input#id', function(e) {
			if (e.which!=8 && e.which!=0 && (e.which<48 || e.which>57) && e.which!=13) {
				return false;
			}
		});
        $(document).on('click', 'form#recherche_dde_devis_by_id_form #recherche_dde_devis_by_id_submit', function(){
            if ($('form#recherche_dde_devis_by_id_form input#id').val() > 0) {	
                $('form#recherche_dde_devis_by_id_form').submit();
                return true;
            }
            return false;
        });

        $(document).on('click', 'form#edit_desc_form #edit_desc_submit', function(){
            var ckeck = 0;

            if ($('form#edit_desc_form #description').val().length == 0) {	
                ckeck += 1;
                $('form#edit_desc_form #description').addClass('is-invalid');
                $('div#description-error').html("Veuillez insérer la description");
                $('form#edit_desc_form #description').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#description-error').html('');
                });            
            }

            if (ckeck == 0) {
                $('form#edit_desc_form').submit();
                return true;
            } else {
                return false;
            }
        });

        $(document).on('click', 'form#prospection_form #prospection_submit', function(){
            var ckeck = 0;
            
            if ($('form#prospection_form #departement').val() == 0) {	
                ckeck += 1;
                $('form#prospection_form #departement').addClass('is-invalid');
                $('div#departement-error').html("Veuillez choisir un département");
                $('form#prospection_form #departement').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#departement-error').html('');
                });            
            }
            
            if (ckeck == 0) {
                $('form#prospection_form').submit();
                return true;
            } else {
                return false;
            }
        });
        
        $(document).on('keyup', 'form#edit_devis_form input#ville', function(){
            var q_ville = $('form#edit_devis_form input#ville').val();
            if (q_ville.length > 0) {
                $.ajax({
                    url : '{{ path("rechercher_ville") }}',
                    type : 'POST',
                    data : {q:q_ville},
                    dataType : 'json',
                    success : function(response){
                        if (response.num_rows > 0) {  
                            var listing = response.listing;
                            var lines = '';
                            for (var key in listing) {
                                var obj = listing[key];
                                var bg = (key%2 == 0) ? '248, 248, 255' : '255, 255, 255';
                                var ville = obj.ville;
                                ville = ville.replace(/'/g, "\\'");

                                lines += '<div class="line_ville" onclick="selectVille(' + obj.id + ', \'' + obj.cp + '\', \'' + ville + '\', \'\');" style="background-color:rgb(' + bg + ');">';
                                lines += '<div class="detail_ville">' + obj.cp + ' - ' + ville + '</div>';
                                lines += '</div>';
                            }
                            $('.data_search_ville').html(lines);
                            $('#search_ville').show();
                        } else {
                            $('#search_ville').hide();
                            $('.data_search_ville').html('');
                        }
                    },
                    error : function(e){
                    }
                });
            } else {
                $('#search_ville').hide();
                $('.data_search_ville').html('');
            }
        });
            
        $(document).on('keyup', 'form#edit_devis_form input#cp', function(){
            var q_cp = $('form#edit_devis_form input#cp').val();
            if (q_cp.length > 0) {
                $.ajax({
                    url : '{{ path("rechercher_cp") }}',
                    type : 'POST',
                    data : {q:q_cp},
                    dataType : 'json',
                    success : function(response){
                        if (response.num_rows > 0) {  
                            var listing = response.listing;
                            var lines = '';
                            for (var key in listing) {
                                var obj = listing[key];
                                var bg = (key%2 == 0) ? '248, 248, 255' : '255, 255, 255';
                                var ville = obj.ville;
                                ville = ville.replace(/'/g, "\\'");

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

        $(document).on('click', '.close_search_ville', function(){
            $('#search_ville').hide();
            $('form#edit_devis_form input#ville').val('');
            $('form#edit_devis_form input#cp').val('');
            $('form#edit_devis_form input#idVille').val(''); 
            $('.data_search_ville').html('');
        });

        $(document).on('click', 'form#prospection_form #form_villes_all', function(){
            if ($('input#form_villes_all').is(':checked')) {
                $('form#prospection_form input[type=checkbox]').prop("checked", true);
            } else {
                $('form#prospection_form input[type=checkbox]').prop("checked", false);
            }
        });

        $(document).on('keypress', 'form#edit_commission_speciale_form #commission_speciale', function(e) {
            if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
                return false;
            }
        });

        $(document).on('change', 'form#edit_devis_form #service', function(){
            var service = $(this).val();
            if (service == '0') {
                $('#detailService').html('');
            } else {
                $.ajax({
                    url : '{{ path("superadmin_devis_switch_detail_service") }}',
                    type : 'POST',
                    data : {service:service},
                    dataType : 'json',
                    success : function(response){
                        if (response.message) {
                            $('#detailService').html(response.html);
                        } else {
                            $('#detailService').html('');
                        }
                        if (response.surface_lab.length > 0) {
                            $('div#surface_label label').html(response.surface_lab);
                        }
                        /* if (service == 22) {
                            $('div#frequence_label').hide();
                            $("form#edit_devis_form select#frequence option:first").attr('selected',true);
                        } else { */
                            $('div#frequence_label').show();
                            if (response.frequence_lab.length > 0) {
                                $('div#frequence_label label').html(response.frequence_lab);
                                $('form#edit_devis_form select#frequence').html(response.html_interventions);
                            }
                        /* } */
                    },
                    error : function(e){
                    }
                });
            }
        });

        $(document).on('change', 'form#edit_devis_form #detail_service', function(){
            var detail_service = $(this).val();
            if (detail_service > 0) {
                $.ajax({
                    url : '{{ path("superadmin_devis_switch_surface_lab") }}',
                    type : 'POST',
                    data : {detail_service:detail_service},
                    dataType : 'json',
                    success : function(response){
                        if (response.surface_lab.length > 0) {
                            $('div#surface_label label').html(response.surface_lab);
                        }
                        if (response.frequence_lab.length > 0) {
                            $('div#frequence_label label').html(response.frequence_lab);
                            $('form#edit_devis_form select#frequence').html(response.html_interventions);
                        }
                    },
                    error : function(e){
                    }
                });
            }
        });

        $(document).on('focus', 'form#recherche_dde_devis_by_date_nbr_prospections_form input#f_date_debut', function() {
            $('form#recherche_dde_devis_by_date_nbr_prospections_form input#f_date_debut').datetimepicker({
                locale: 'fr',
                format: 'YYYY-MM-DD'
            });
        });
        $(document).on('focus', 'form#recherche_dde_devis_by_date_nbr_prospections_form input#f_date_fin', function() {
            $('form#recherche_dde_devis_by_date_nbr_prospections_form input#f_date_fin').datetimepicker({
                locale: 'fr',
                format: 'YYYY-MM-DD'
            });
        });
        /* $("form#recherche_dde_devis_by_date_nbr_prospections_form input#f_date_debut").on("dp.change", function (e) {
            $('form#recherche_dde_devis_by_date_nbr_prospections_form input#f_date_fin').data("DateTimePicker").minDate(e.date);
        }); */
        $("form#recherche_dde_devis_by_date_nbr_prospections_form input#f_date_fin").on("dp.change", function (e) {
            $('form#recherche_dde_devis_by_date_nbr_prospections_form input#f_date_debut').data("DateTimePicker").maxDate(e.date);
        });

        $(document).on('click', 'form#recherche_dde_devis_by_date_nbr_prospections_form #recherche_dde_devis_by_date_nbr_prospections_submit', function(){
            if (
                $('form#recherche_dde_devis_by_date_nbr_prospections_form input#f_date_debut').val().length > 0 ||
                $('form#recherche_dde_devis_by_date_nbr_prospections_form #f_nbr_prospections').val() != 0
            ) {	
                $('form#recherche_dde_devis_by_date_nbr_prospections_form').submit();
                return true;
            /* } else {
                alert('Ok!'); */
            }
            return false;
        });

        $(document).on('click', 'form#list_prospections_form #check_all', function(){
            $('form#list_prospections_form input:checkbox').not(this).prop('checked', this.checked);
        });
        $(document).on('click', 'form#list_prospections_form button#send_sms_check_btn', function(){
            var ckeck = 0;

            if ($('form#list_prospections_form input:checkbox:checked').length == 0) {
                ckeck += 1;
				alert('Veuillez cocher un(des) artisan(s) !');
            }

            if (ckeck == 0) {
                $('form#list_prospections_form').submit();
                return true;
            } else {
                return false;
            }
        });
    });
    // ]]>

    window.downloadFile = function (sUrl) {

        //iOS devices do not support downloading. We have to inform user about this.
        if (/(iP)/g.test(navigator.userAgent)) {
           //alert('Your device does not support files downloading. Please try again in desktop browser.');
           window.open(sUrl, '_blank');
           return false;
        }

        //If in Chrome or Safari - download via virtual link click
        if (window.downloadFile.isChrome || window.downloadFile.isSafari) {
            //Creating new link node.
            var link = document.createElement('a');
            link.href = sUrl;
            link.setAttribute('target','_blank');

            if (link.download !== undefined) {
                //Set HTML5 download attribute. This will prevent file from opening if supported.
                var fileName = sUrl.substring(sUrl.lastIndexOf('/') + 1, sUrl.length);
                link.download = fileName;
            }

            //Dispatching click event.
            if (document.createEvent) {
                var e = document.createEvent('MouseEvents');
                e.initEvent('click', true, true);
                link.dispatchEvent(e);
                return true;
            }
        }

        // Force file download (whether supported by server).
        if (sUrl.indexOf('?') === -1) {
            sUrl += '?download';
        }

        window.open(sUrl, '_blank');
        return true;
    }

    function artisansToExcel(id,type){
        $.ajax({
            url : "{{ path('superadmin_devis_list_artisans_toexcel') }}",
            type : 'POST',
            data : {id:id,type:type},
            dataType : 'json',
            success : function(response){
                if (response.result == true) {
                    var my_url = 'https://www.cleanolia.fr/public/to_excel/' + response.file;
                    downloadFile(my_url);
                } else {
                    alert('Erreur');
                }
            },
            error : function(e){
            }
        });
    }

    function downloadFile(data, name = 'file', type = 'text/plain') {
        const anchor = document.createElement('a')
        anchor.href = window.URL.createObjectURL(new Blob([data], { type }))
        anchor.download = name
        anchor.click()
    }

    function listProspections(id){
        $('#app_modal').html('<div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title"></h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_devis_list') }}/"+ id +"/list-prospections",
            type : 'POST',
            data : {id:id},
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    if (response.message == 'success') {
                        $('#app_modal').html(response.html).modal('show');
                    } else {
                        $('#app_modal').html('Erreur');
                    }
                }
            },
            error : function(e){
            }
        });
    }

    function publish(id){
        $.ajax({
            url : "{{ path('superadmin_devis_list') }}/"+ id +"/publish",
            dataType : 'json',
            success : function(response){
                if (response.message === 'published') {
                    $('button#published_' + id).removeClass('danger').addClass('success');
                    $('button#published_' + id + ' i').removeClass('zmdi-eye-off').addClass('zmdi-eye');
                } else if (response.message === 'unpublished') {
                    $('button#published_' + id).removeClass('success').addClass('danger');
                    $('button#published_' + id + ' i').removeClass('zmdi-eye').addClass('zmdi-eye-off');
                }
            },
            error : function(e){
            }
        });
    }

    function allowProspectionAutomatique(id){
        $.ajax({
            url : "{{ path('superadmin_devis_list') }}/"+ id +"/allow-prospection-automatique",
            dataType : 'json',
            success : function(response){
                if (response.message === 'allow') {
                    $('button#prosp_auto_' + id).removeClass('danger').addClass('success');
                    $('button#prosp_auto_' + id + ' i').removeClass('zmdi-notifications-off').addClass('zmdi-notifications');
                } else if (response.message === 'unallow') {
                    $('button#prosp_auto_' + id).removeClass('success').addClass('danger');
                    $('button#prosp_auto_' + id + ' i').removeClass('zmdi-notifications').addClass('zmdi-notifications-off');
                }
            },
            error : function(e){
            }
        });
    }

    function editNoteForm(id){
        $('#app_modal').html('<div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title"></h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_devis_list') }}/"+ id +"/edit-note-form",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#app_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }

    function commissionSpeciale(id){
        $('#app_modal').html('<div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title"></h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_devis_list') }}/"+ id +"/commission-speciale-form",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#app_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }

    function editDescForm(id){
        $('#app_modal').html('<div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title"></h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_devis_list') }}/"+ id +"/edit-desc-form",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#app_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }

    function editDevisForm(id){
        $('#app_modal').html('<div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title"></h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_devis_list') }}/"+ id +"/edit-devis-form",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#app_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }

    function selectVille(id, cp, ville){
        $('#search_ville').hide();
        $('.data_search_depart').html('');

        $('form#edit_devis_form input#ville').val(ville); 
        $('form#edit_devis_form input#cp').val(cp); 
        $('form#edit_devis_form input#idVille').val(id); 
    }

    function archiver(id){
        if (confirm("Êtes-vous sûr ?")) {
            $.ajax({
                url : "{{ path('superadmin_devis_list') }}/"+ id +"/archiver",
                dataType : 'json',
                success : function(response){
					if (response.message === 'success') {
                        $('tr#row-' + id).remove();
                        loadListDemandesDevis();
                        refreshInfosRaccourcis();
                    }
                },
                error : function(e){
                }
            });
        }
    }

    function desarchiver(id){
        if (confirm("Êtes-vous sûr ?")) {
            $.ajax({
                url : "{{ path('superadmin_devis_list') }}/"+ id +"/desarchiver",
                dataType : 'json',
                success : function(response){
                    if (response.message === 'success') {
                        $('tr#row-' + id).remove();
                    }
                },
                error : function(e){
                }
            });
        }
    }

    function sendEmailValidation(id){
        if (confirm("Êtes-vous sûr ?")) {
            //alert(id);
            $.ajax({
                url : "{{ path('superadmin_devis_list') }}/" + id + "/send-email-validation",
                dataType : 'json',
                success : function(response){
                    if (response.message === 'success') {
                        //$('b#b_nbr_emails_' + id).html(response.nbr);
                        $('button.btn_email_validation_' + id).html('<i class="zmdi zmdi-mail-send"></i>&nbsp; Ré-envoyer l\'email de validation (' + response.nbr + ')');
                    }
                },
                error : function(e){
                }
            });
        }
    }

    function sendSmsValidation(id){
        if (confirm("Êtes-vous sûr ?")) {
            $.ajax({
                url : "{{ path('superadmin_devis_list') }}/" + id + "/send-sms-validation",
                dataType : 'json',
                success : function(response){
                    if (response.message === 'success') {
                        //$('b#b_nbr_sms_' + id).html(response.nbr);
                        $('button.btn_sms_validation_' + id).html('<i class="zmdi zmdi-comments"></i>&nbsp; Envoyer SMS de validation (' + response.nbr + ')');
                    } else {
                        alert(response.message);
                    }
                },
                error : function(e){
                }
            });
        }
    }

    function prospectionModal(id){
        $('#app_modal').html('<div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title"></h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_devis_list') }}/" + id + "/prospection-form",
            type : 'POST',
            data : {type:'prospection'},
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    if (response.message == 'success') {
                        $('#app_modal').html(response.html);
                    } else {
                        $('#app_modal').html('Erreur');
                    }
                }
            },
            error : function(e){
            }
        });
    }

    function reenvoyerModal(id){
        $('#app_modal').html('<div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title"></h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_devis_list') }}/" + id + "/prospection-form",
            type : 'POST',
            data : {type:'reenvoyer'},
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    if (response.message == 'success') {
                        $('#app_modal').html(response.html);
                    } else {
                        $('#app_modal').html('Erreur');
                    }
                }
            },
            error : function(e){
            }
        });
    }

    function smsModal(id){
        $('#app_modal').html('<div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title"></h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_devis_list') }}/" + id + "/prospection-form",
            type : 'POST',
            data : {type:'sms'},
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    if (response.message == 'success') {
                        $('#app_modal').html(response.html);
                    } else {
                        $('#app_modal').html('Erreur');
                    }
                }
            },
            error : function(e){
            }
        });
    }

    function listVillesByDep(code_departement){
        $.ajax({
            url : "{{ path('superadmin_devis_prospection_villes') }}",
            type : 'POST',
            data : {code_departement:code_departement},
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    if (response.message == 'success') {
                        $('div#villes-hold').show().html(response.html);
                        $('div#modal_footer').show();
                    } else {
                        $('div#villes-hold').hide().html('');
                        $('div#modal_footer').hide();
                    }
                }
            },
            error : function(e){
            }
        });
    }

    function popupPhotoVideo(id){
		$('#app_modal').html('<div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title"></h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_devis_list') }}/"+ id +"/popup-photo-video",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#app_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }

    function publishPhotoVideo(id){
        $.ajax({
            url : "{{ path('superadmin_devis_list') }}/"+ id +"/publish-photo-video",
            dataType : 'json',
            success : function(response){
                if (response.message === 'published') {
                    $('button#icon_image_' + id).removeClass('danger').addClass('success');
                    $('button#published_image_' + id).removeClass('danger').addClass('success');
                    $('button#published_image_' + id + ' i').removeClass('zmdi-eye-off').addClass('zmdi-eye');
                } else if (response.message === 'unpublished') {
                    $('button#icon_image_' + id).removeClass('success').addClass('danger');
                    $('button#published_image_' + id).removeClass('success').addClass('danger');
                    $('button#published_image_' + id + ' i').removeClass('zmdi-eye').addClass('zmdi-eye-off');
                }
            },
            error : function(e){
            }
        });
    }

    function validateMobile(id, tel){
        if (confirm("Êtes-vous sûr ?")) {
            $.ajax({
                url : "{{ path('superadmin_devis_validate_mobile') }}",
                type : 'POST',
                data : {id:id,tel:tel},
                dataType : 'json',
                success : function(response){
                    if (response.message === 'success') {
                        let selector = `#validate-email-${id}-${tel}`.replace('+', '\\+');
                        $(selector).html(tel).css({'color':'green'});
                    }
                },
                error : function(e){
                }
            });
        }
    }

    {# /* function setNbrArtisansToProspection(){
        {% if page == 1 and filtre|length == 0 and departement|length == 0 and service|length == 0 %}
            var firstrow = $('#firstrow').val();
            var lastrow = $('#lastrow').val();

            for (let i = lastrow; i >= firstrow; i--) {
                $.ajax({
                    url : "{{ path('superadmin_devis_nbr_artisans_to_prospection') }}",
                    type : 'POST',
                    data : {id:i},
                    dataType : 'json',
                    success : function(response){
                        if (response.data) {
                            var data = response.data;
                            $('span#nbr-artisans-to-prospection-' + data.id).html(' / ' + data.nbr);
                        }
                    },
                    error : function(e){
                    }
                });
            }
        {% endif %}
    } */ #}

    function setNbrArtisansToProspection(id){
        $.ajax({
            url : "{{ path('superadmin_devis_nbr_artisans_to_prospection') }}",
            type : 'POST',
            data : {id:id},
            dataType : 'json',
            success : function(response){
                /*if (response.data) {
                    var data = response.data;
                    $('span#nbr-artisans-to-prospection-' + id).html(data.nbr);
                }*/
            },
            error : function(e){
            }
        });
    }

    function loadListDemandesDevis(){
        {% if page == 1 and id|length == 0 and client|length == 0 and filtre|length == 0 and departement|length == 0 and service|length == 0 and f_date_debut|length == 0 and f_date_fin|length == 0 and f_nbr_prospections|length == 0 %}
			$("#list_demandes_devis_p").load('{{ path("superadmin_devis_list") }} #list_demandes_devis_c');
            //setNbrArtisansToProspection();
        {% endif %}
    }

    function pointsToEuro(id,val){
        if (val.length > 0) {
            if (Number(val) > 0) {
                var val_euro = (Number(val) * 1.2).toFixed(2);
                $('span#euro_' + id).html('points ( soit ' + val_euro + ' &euro; )');
            } else if (Number(val) == 0) {
                $('span#euro_' + id).html('points');
            }
        }
    }

    function getJournal(id){
		$('#app_modal').html('<div class="modal-dialog modal-lg" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title"></h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('superadmin_devis_list') }}/"+ id +"/list-journal",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#app_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }
    </script>
{% endblock %}