{# templates/artisan_v2/devis/ar_devis_en_attente.html.twig #}
{% extends 'artisan_v2/artisan.html.twig' %}

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

{% block body %}
    {{ render(controller('App\\Controller\\Artisan\\ArLayoutController::arServiceClient' )) }}

    {{ render(controller('App\\Controller\\Artisan\\ArLayoutController::breadcrumb', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    <div class="section__content section__content--p30">
        <div class="alert alert-info" role="alert">
            Voici la liste des demandes de devis, cliquez sur répondre et faîtes à notre client votre meilleur proposition ou demandez plus de détails sur la prestation attendue afin de la chiffrer correctement.<br>
            Une fois votre réponse envoyée, vous aurez accès aux informations du client en cliquant sur le bouton Visualiser dès qu'il apparaîtra.<br>
            Sinon, cliquez sur "Refuser" et cette demande sera archivée dans Demandes de Devis / Refusés.<br>
        </div>

        <div class="alert alert-warning" role="alert">
            <span class="badge badge-success" style="width:42px;padding-top:5px;font-size:12px;margin:1px 5px 1px 0;">0</span>Le client n’a pas encore reçu de proposition<br>
            <span class="badge badge-info" style="width:42px;padding-top:5px;font-size:12px;margin:1px 5px 1px 0;">1</span> Le client a reçu une proposition<br>
            <span class="badge badge-dark" style="width:42px;padding-top:5px;font-size:12px;margin:1px 5px 1px 0;">2</span> Le client a reçu deux propositions<br>
            <span class="badge badge-secondary" style="width:42px;padding-top:5px;font-size:12px;margin:1px 5px 1px 0;">3</span> Le client a reçu trois propositions<br><br>
            Le bouton répondre se désactive dès que le client reçoit 3 propositions de devis. Seul le client peut le réactiver dans le cas où il choisit de recevoir 3 nouvelles propositions si les premières ne lui conviennent pas ou s'il ne s'est pas encore décidé. Alors soyez réactifs !
        </div>

        {{ include('artisan_v2/layout/ar_debug.html.twig') }}

        {{ include('artisan_v2/layout/ar_alert.html.twig') }}

        <div class="container-fluid">
            <div class="row">

                <div class="table-data__tool" style="width:100%;">
                    <div class="table-data__tool-left col-lg-2"></div>
                    <div class="table-data__tool-right col-lg-8">
                        <div class="row form-group fg-m-bottom" style="margin:6px 0 3px!important;">
                            <div for="q" class="col col-md-6 spa-col-label fg-m-bottom">
                                <label class="form-control-label spa-label">Filtre par nombre de réponses</label>
                            </div>
                            <div class="col-12 col-md-3 fg-m-bottom">
                                <select class="form-control" id="f_nbr_reponses" onchange="window.location.href='{{ path('artisan_devis_en_attente') }}{{ getLinkFilter('f_nbr_reponses') }}' + $(this).val();">
                                    <option value="all">Tous</option>
                                    <option value="zero"{% if f_nbr_reponses is defined and f_nbr_reponses is not empty and f_nbr_reponses == 'zero' %} selected{% endif %}>0</option>
                                    <option value="1"{% if f_nbr_reponses is defined and f_nbr_reponses is not empty and f_nbr_reponses == '1' %} selected{% endif %}>1</option>
                                    <option value="2"{% if f_nbr_reponses is defined and f_nbr_reponses is not empty and f_nbr_reponses == '2' %} selected{% endif %}>2</option>
                                    <option value="3"{% if f_nbr_reponses is defined and f_nbr_reponses is not empty and f_nbr_reponses == '3' %} selected{% endif %}>3</option>
                                </select>
                            </div>
                            <div class="col-12 col-md-3"></div>
                        </div>
                    </div>
                    <div class="table-data__tool-left col-lg-2"></div>
                </div>

                {{ include('artisan_v2/layout/ar_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>Demandes de devis en attente</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for key,row in listing %}
                            <tr id="row-{{ row.id }}">
                                <td>
                                    {# <div style="top:5px;right:5px;text-align:right;">
                                    </div> #}
                                    <b>ID :</b> {{ "now"|date('Y') }}-{{ row.id }}<br>
                                    <i class="zmdi zmdi-calendar zmdi-hc-lg"></i>&nbsp; <b>Publiée le</b> {{ row.creationDate|date('d-m-Y') }} <b>à</b> {{ row.creationDate|date('H:i') }} 
									{% if row.typeClient|length > 0 %}
										par un {% if row.typeClient == 'particulier' %}
											<span class="badge badge-warning">Particulier</span>
										{% elseif row.typeClient == 'professionnel' %}
											<span class="badge badge-info">Professionnel</span>
										{% endif %}
									{% endif %}
                                    {% set plural = row.nbr_reponses > 1 ? 's' : '' %}
                                    <br>
                                    <button type="button"
                                            class="badge badge-{% if row.nbr_reponses == 0 %}success{% elseif row.nbr_reponses == 1 %}info{% elseif row.nbr_reponses == 2 %}dark{% elseif row.nbr_reponses >= 3 %}secondary{% else %}primary{% endif %}"
                                            style="padding-top:5px;font-size:12px;"
                                            data-toggle="tooltip"
                                            data-placement="top"
                                            title="{% if row.nbr_reponses >= 3 %}
                                                Le client a reçu trois propositions
                                            {% elseif row.nbr_reponses == 2 %}
                                                Le client a reçu deux propositions
                                            {% elseif row.nbr_reponses == 1 %}
                                                Le client a reçu une proposition
                                            {% elseif row.nbr_reponses == 0 %}
                                                Le client n’a pas encore reçu de proposition
                                            {% endif %}">{% if 3 >= row.nbr_reponses %}{{ row.nbr_reponses }} proposition{{ plural }} / {{ getNbrArtisansToArProspection(row.id) }} prestataires sur la zone {% else %}3 propositions / {{ getNbrArtisansToArProspection(row.id) }} prestataires sur la zone{% endif %}</button>
                                    <br>
                                    <i class="zmdi zmdi-pin zmdi-hc-lg"></i>&nbsp; <b>Ville : {{ row.cp }}</b> {{ row.ville }}<br><br>

                                    <i class="zmdi zmdi-flag zmdi-hc-lg"></i>&nbsp; <b>Service :</b> {# { getServiceByKey(row.service) } #}
                                    {% if row.solution == 'nettoyage' %}
                                        <span>Nettoyage</span>
                                    {% elseif row.solution == 'depannage' %}
                                        <span>Dépannage</span>
                                    {% elseif row.solution == 'nuisible' %}
                                        <span>Nuisible</span>
                                    {% else %}
                                        {{ row.solution }}
                                    {% endif %} / {{ row.service }}
                                    {% if row.detail_service|length > 0 %} ({{ row.detail_service }}){% endif %}
                                    <br>
                                    {% if isNumeric(row.surface) and row.surface > 0 %}
                                      {% if row.id > 13937 %}
                                        <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 %}
                                          {% if row.id_service == 22 %}
                                            <i class="zmdi zmdi-n-5-square zmdi-hc-lg"></i>&nbsp; <b>Volume :</b> {{ row.surface }} &#13221;<br>
                                          {% elseif row.id_service == 2 and row.creationDate|date('Y-m-d') > '2021-11-16' %}
                                            <i class="zmdi zmdi-n-5-square zmdi-hc-lg"></i>&nbsp; <b>Nombre de fenêtres :</b> {{ row.surface }}<br>
                                          {% elseif row.id_service == 24 and row.id > 9827 %}
                                            <i class="zmdi zmdi-n-5-square zmdi-hc-lg"></i>&nbsp; <b>Longueur (mètre courant) :</b> {{ row.surface }}<br>
                                          {% else %}
                                            <i class="zmdi zmdi-n-5-square zmdi-hc-lg"></i>&nbsp; <b>Surface :</b> {{ row.surface }} m²<br>
                                          {% endif %}
									  {% endif %}
									{% endif %}
                                    {% if row.frequence|length > 0 %}<i class="zmdi zmdi-repeat zmdi-hc-lg"></i>&nbsp; <b>{% if row.id > 14617 %}{{ row.frequence_lab }}{% else %}Fréquence des interventions{% endif %} :</b> {{ getFrequenceByKey(row.frequence) }}<br>{% endif %}

                                    <br>
                                    <i class="zmdi zmdi-alert-triangle zmdi-hc-lg"></i>&nbsp; <b>Description :</b><br>
                                    {{ getNl2Br(row.description)|raw }}

                                    <div class="row">{{ getImagesDevisToArtisan(row.id)|raw }}</div>

                                    <div class="row">
										{% if row.ma_reponse == 0 %}
										<div class="offset-md-3 col-md-3 col-sm-6">
										  {% if 3 > row.nbr_reponses %}
											<button type="button" onclick="repondre({{ row.id }},{{ verif_document_administratif }},{{ paiement_specifique }});" class="btn btn-success btn-sm btn-block btn-app" data-toggle="modal" data-target="#app_modal">
												<i class="fa fa-comment"></i>&nbsp; Répondre
											</button>
											<center><b>Commission :</b><br> {{ getCommissionArtisan(app.user.id, row.code_departement, row.surface, row.creationDate|date('Y-m-d H:i:s'), row.id, row.id_interventions_service)|raw }}</center>
										  {% endif %}
										</div>
										<div class="col-md-3 col-sm-6">
											<button type="button" onclick="refuser({{ row.id }});" class="btn btn-danger btn-sm btn-block btn-app">
												<i class="fa fa-remove"></i>&nbsp; Refuser
											</button><br>
										</div>
										{% else %}
										<div class="offset-md-3 col-md-3 col-sm-12">
											<button type="button" onclick="visualiser({{ row.id }});" class="btn btn-info btn-sm btn-block btn-app" data-toggle="modal" data-target="#app_modal">
												<i class="fa fa-search"></i>&nbsp; Visualiser
											</button><br>
										</div>
										{% endif %}
									</div>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    {% endif %}
                </div>

                {% if nb_pages >= page %}{{ include('artisan_v2/layout/ar_paginator.html.twig') }}{% endif %}
            </div>

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

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    {% if popup_desinscription == true %}
    $(window).on('load', function() {
        $('#desinscription_modal').modal('show');
    });
    {% endif %}
    $(document).ready(function(){
        {% if visualiser %}
           $('#app_modal').modal('show');
            visualiser({{ visualiser }});
        {% endif %}

        $(document).on('keyup', 'form#repondre_devis_form #prixHeure', function(e) {
            var demande = $('form#repondre_devis_form #dfc_dde').val();
            var prixHeure = $('form#repondre_devis_form #prixHeure').val();
            $.ajax({
                url : "{{ path('artisan_devis_en_attente') }}/js-intervalle-prix-moyen",
                type: "POST",
                data: {demande:demande,prixHeure:prixHeure},
                dataType : 'json',
                success : function(response){
                    $('div#prix-heure-error').html(response.message);
                },
                error : function(e){
                }
            });
        });

        /*** repondre_devis_form ***/
        $(document).on('keyup', 'form#repondre_devis_form #reponse', function(e) {
            var reponse = $('form#repondre_devis_form #reponse').val();
            $('p#votre_message').html(nl2br(reponse));
        });
        /* $(document).on('keypress', 'form#repondre_devis_form #nbrHeuresEstimatif', function(e) {
            if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
                return false;
            }
        });
        $(document).on('keypress', 'form#repondre_devis_form #prixHeure', function(e) {
            if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
                return false;
            }
        });
        $(document).on('keypress', 'form#repondre_devis_form #montantDepense', function(e) {
            if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
                return false;
            }
        });
        $(document).on('keypress', 'form#repondre_devis_form #remiseEventuelle', function(e) {
            if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
                return false;
            }
        });
        $(document).on('keypress', 'form#repondre_devis_form #montantTva', function(e) {
            if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
                return false;
            }
        }); */
        $(document).on('keyup', 'form#repondre_devis_form #nbrHeuresEstimatif', function(e) {
            var nbrHeuresEstimatif = $('form#repondre_devis_form #nbrHeuresEstimatif').val();
            $('span#i_nbr_heures_estimatif').html('Nombre d\'heures estimatif : <span style="color:#19c5d9;">' + nbrHeuresEstimatif + '</span>');
            fctCalcul();
        });
        $(document).on('keyup', 'form#repondre_devis_form #prixHeure', function(e) {
            var prix_heure = $('form#repondre_devis_form input#prixHeure').val();
            prix_heure = prix_heure.replace(',', '.');
            $('form#repondre_devis_form input#prixHeure').val(prix_heure);
            fctCalcul();
        });
        $(document).on('keyup', 'form#repondre_devis_form #remiseEventuelle', function(e) {
            var remise_eventuelle = $('input#remiseEventuelle').val();
            remise_eventuelle = remise_eventuelle.replace(',', '.');
            $('form#repondre_devis_form input#remiseEventuelle').val(remise_eventuelle);
            if (remise_eventuelle.length > 0 && Number(remise_eventuelle) > 0) {
                 let remise = $('#remise').val();
                $('span#i_remise_eventuelle').html('Remise éventuelle : <span style="color:#19c5d9;">'   + remise_eventuelle  + ' ' + remise +'</span>');
                if (remise === '%') {
                    $('span#i_montant_remise_eventuelle').html('Montant de la remise : <span style="color:#19c5d9;">' + ((remise_eventuelle * window.total_a_payer_ht) / 100).toFixed(2) + ' €</span>');
                } else {
                    $('span#i_montant_remise_eventuelle').html('');
                }
            } else {
                $('span#i_remise_eventuelle').html('');
                $('span#i_montant_remise_eventuelle').html('');
            }
            fctCalcul();
        });
        $(document).on('keyup', 'form#repondre_devis_form #intituleDepense', function(e) {
            var intitule_depense = $('input#intituleDepense').val();
            var montant_depense = $('input#montantDepense').val();

            var span_montant_depense = '';
            if (montant_depense.length > 0 && Number(montant_depense) > 0) {
                span_montant_depense = '<span style="color:#19c5d9;">' + montant_depense + ' &euro;</span>';
            }
            $('span#i_autre_depense').html(intitule_depense + ' : ' + span_montant_depense);
            fctCalcul();
        });
        $(document).on('keyup', 'form#repondre_devis_form #montantDepense', function(e) {
            var intitule_depense = $('input#intituleDepense').val();
            var montant_depense = $('input#montantDepense').val();
            montant_depense = montant_depense.replace(',', '.');
            $('form#repondre_devis_form input#montantDepense').val(montant_depense);

            var span_montant_depense = '';
            if (montant_depense.length > 0 && Number(montant_depense) > 0) {
                span_montant_depense = '<span style="color:#19c5d9;">' + montant_depense + ' &euro;</span>';
            }
            $('span#i_autre_depense').html(intitule_depense + ' : ' + span_montant_depense);
            fctCalcul();
        });
        {# /* $(document).on('keyup', 'form#repondre_devis_form #montantTva', function(e) {
            //fctCalcul();
        }); */ #}
        $(document).on('change', 'form#repondre_devis_form select#tauxTva', function(e) {
            fctCalcul();
        });

        $(document).on('click', 'button#add_autre_depense', function(){
            $(this).hide();
            $('input#intituleDepense').attr('type', 'text');
            $('#div_montant_depense').show();
        });

        $(document).on('change', '#remise', function(e) {
            $('div#remise_eventuelle-error').html('');
            remise_eventuelle = $('input#remiseEventuelle').val();
            remise_eventuelle = remise_eventuelle.replace(',', '.');
            remise = $('#remise').val();
            $('#i_remise_eventuelle').html('Remise éventuelle : <span style="color:#19c5d9;">' + remise_eventuelle + ' ' + remise +'</span>');
            if (remise === '%') {
                $('span#i_montant_remise_eventuelle').html('Montant de la remise : <span style="color:#19c5d9;">' + ((remise_eventuelle * total_a_payer_ht) / 100).toFixed(2) + ' €</span>');
            } else {
                $('span#i_montant_remise_eventuelle').html('');
            }
            if(remise ==''){
                    $('span#i_remise_eventuelle').html('');
                    $('span#i_montant_remise_eventuelle').html('');
                }
            fctCalcul();
        } );

        $(document).on('click', 'button#repondre_devis_submit', function(){
            var ckeck = 0;

            if ($('form#repondre_devis_form #reponse').val().length == 0) {
                ckeck += 1;
                $('form#repondre_devis_form #reponse').addClass('is-invalid');
                $('div#reponse-error').html("Veuillez insérer votre message");
                $('form#repondre_devis_form #reponse').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#reponse-error').html('');
                });
            }
            /* if (($('form#repondre_devis_form #reponse').val().length > 0) && ($('form#repondre_devis_form #reponse').val().length < 150)) {
                ckeck += 1;
                $('form#repondre_devis_form #reponse').addClass('is-invalid');
                $('div#reponse-error').html("Nombre de caractères minimum est 150 !");
                $('form#repondre_devis_form #reponse').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#reponse-error').html('');
                });
            } */
            if ($('form#repondre_devis_form #nbrHeuresEstimatif').val().length == 0 || $('form#repondre_devis_form #nbrHeuresEstimatif').val() == 0 || ($('form#repondre_devis_form #nbrHeuresEstimatif').val().length > 0 && !isDecimal($('form#repondre_devis_form #nbrHeuresEstimatif').val()))) {
                ckeck += 1;
                $('form#repondre_devis_form #nbrHeuresEstimatif').addClass('is-invalid');
                $('div#nbr_heures_estimatif-error').html("Veuillez insérer le nombre d'heures estimatif");
                $('form#repondre_devis_form #nbrHeuresEstimatif').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#nbr_heures_estimatif-error').html('');
                });
            }

            var remise = $('#remise').val();
            if ($('form#repondre_devis_form #remiseEventuelle').val().length > 0 && remise =='' ) {
                ckeck += 1;
                $('div#remise_eventuelle-error').html("Veuillez choisir en % ou en &euro;");
                $('form#repondre_devis_form #remise').addClass('is-invalid').change(function(){
                    $(this).removeClass('is-invalid');
                    $('div#remise_eventuelle-error').html('');
                });
            }

            if ($('form#repondre_devis_form #remiseEventuelle').val().length > 0 && !($.isNumeric($('#remiseEventuelle').val())) ) {
                ckeck += 1;
                // $('div#remise_eventuelle-error').html("La valeur n\'est pas un nombre");
                $('form#repondre_devis_form #remiseEventuelle').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#remise_eventuelle-error').html('');
                });
            }

            if(remise =='%' && $('form#repondre_devis_form #remiseEventuelle').val() > 20){
                ckeck += 1;
                $('div#remise_eventuelle-error').html("La remise ne peut pas dépasser 20%");
                $('form#repondre_devis_form #remiseEventuelle').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#remise_eventuelle-error').html('');
                });
            }

			var prixHeureVal = $('form#repondre_devis_form #prixHeure').val();
			var prix_moyen_par = $('input#dfc_prix_moyen_par').val();
            if (prixHeureVal.length == 0 || (prixHeureVal.length > 0 && !isDecimal(prixHeureVal))) {
                ckeck += 1;
                $('form#repondre_devis_form #prixHeure').addClass('is-invalid');
                $('div#prix_heure-error').html("Veuillez insérer le prix moyen par " + prix_moyen_par);
                $('form#repondre_devis_form #prixHeure').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#prix_heure-error').html('');
                });
            }
			var prix_min = $('input#dfc_prix_min').val();
			var prix_max = $('input#dfc_prix_max').val();
			if ((prixHeureVal.length > 0) && (Number(prixHeureVal) < Number(prix_min) || Number(prixHeureVal) > Number(prix_max))) {
				ckeck += 1;
				$('form#repondre_devis_form #prixHeure').addClass('is-invalid');
				$('div#prix-heure-error').html("Prix accepté entre " + prix_min + " et " + prix_max + " &euro; !");
				$('div#prix_heure-error').html('');
				$('form#repondre_devis_form #prixHeure').focus(function(){
					$(this).removeClass('is-invalid');
					//$('div#prix_heure-error').html('');
				});
			}
            if (($('form#repondre_devis_form #intituleDepense').val().length == 0) && ($('form#repondre_devis_form #montantDepense').val().length > 0)) {
                ckeck += 1;
                $('form#repondre_devis_form #intituleDepense').addClass('is-invalid');
                $('div#intitule_depense-error').html("Veuillez insérer l'intitulé de la dépense");
                $('form#repondre_devis_form #intituleDepense').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#intitule_depense-error').html('');
                });
            }
            if (($('form#repondre_devis_form #intituleDepense').val().length > 0) && ($('form#repondre_devis_form #montantDepense').val().length == 0)) {
                ckeck += 1;
                $('form#repondre_devis_form #montantDepense').addClass('is-invalid');
                $('div#montant_depense-error').html("Veuillez insérer le montant de la dépense");
                $('form#repondre_devis_form #montantDepense').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#montant_depense-error').html('');
                });
            }

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

        /*** edit_reponse_devis_form ***/
        $(document).on('keyup', 'form#edit_reponse_devis_form #reponse', function(e) {
            var reponse = $('form#edit_reponse_devis_form #reponse').val();
            $('p#votre_message').html(nl2br(reponse));
        });
        $(document).on('keypress', 'form#edit_reponse_devis_form #nbrHeuresEstimatif', function(e) {
            if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
                return false;
            }
        });
        $(document).on('keypress', 'form#edit_reponse_devis_form #prixHeure', function(e) {
            if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
                return false;
            }
        });
        $(document).on('keyup', 'form#edit_reponse_devis_form #nbrHeuresEstimatif', function(e) {
            var nbrHeuresEstimatif = $('form#edit_reponse_devis_form #nbrHeuresEstimatif').val();
            $('p#i_nbr_heures_estimatif').html("Nombre d'heures estimatif : " + nbrHeuresEstimatif);
        });
        {% if popup_credit %}
		   $('#app_modal').modal('show');
            pCrd('{{ popup_credit }}');
        {% endif %}
        {% if popup_cb %}
		   $('#app_modal').modal('show');
            pCb('{{ popup_cb }}');
        {% endif %}
        $(document).on('keyup', 'form#edit_reponse_devis_form #prixHeure', function(e) {
            var prixHeure = $('form#edit_reponse_devis_form #prixHeure').val();
            prixHeure = prixHeure.replace(',', '.');
			var prix_moyen_par = 'm²';
			var c_surface = $('form#repondre_devis_form input#c_surface').val();
			if (c_surface == 'heure') {
				prix_moyen_par = 'heure';
			}
            $('span#i_prix_heure').html('Prix moyen / ' + prix_moyen_par + ' : ' + prixHeure + ' &euro;');
            $('p#i_prix_heure').html('Prix moyen / ' + prix_moyen_par + ' : ' + prixHeure + ' &euro;');
        });

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

            if ($('form#edit_reponse_devis_form #reponse').val().length == 0) {
                ckeck += 1;
                $('form#edit_reponse_devis_form #reponse').addClass('is-invalid');
                $('div#reponse-error').html("Veuillez insérer votre message");
                $('form#edit_reponse_devis_form #reponse').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#reponse-error').html('');
                });
            }
            if (($('form#edit_reponse_devis_form #reponse').val().length > 0) && ($('form#edit_reponse_devis_form #reponse').val().length < 150)) {
                ckeck += 1;
                $('form#edit_reponse_devis_form #reponse').addClass('is-invalid');
                $('div#reponse-error').html("Nombre de caractères minimum est 150 !");
                $('form#edit_reponse_devis_form #reponse').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#reponse-error').html('');
                });
            }
            if ($('form#edit_reponse_devis_form #nbrHeuresEstimatif').val().length == 0 || $('form#edit_reponse_devis_form #nbrHeuresEstimatif').val() == 0) {
                ckeck += 1;
                $('form#edit_reponse_devis_form #nbrHeuresEstimatif').addClass('is-invalid');
                $('div#nbr_heures_estimatif-error').html("Veuillez insérer le nombre d'heures estimatif");
                $('form#edit_reponse_devis_form #nbrHeuresEstimatif').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#nbr_heures_estimatif-error').html('');
                });
            }
            if ($('form#edit_reponse_devis_form #prixHeure').val().length == 0) {
                ckeck += 1;
                $('form#edit_reponse_devis_form #prixHeure').addClass('is-invalid');
                $('div#prix_heure-error').html("Veuillez insérer le prix moyen par heure");
                $('form#edit_reponse_devis_form #prixHeure').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#prix_heure-error').html('');
                });
            }
            if (($('form#edit_reponse_devis_form #prixHeure').val().length > 0) && ($('form#edit_reponse_devis_form #prixHeure').val() < 19)) {
                ckeck += 1;
                $('form#edit_reponse_devis_form #prixHeure').addClass('is-invalid');
                $('div#prix_heure-error').html("Prix minimum accepté est 19 &euro; !");
                $('form#edit_reponse_devis_form #prixHeure').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#prix_heure-error').html('');
                });
            }

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

        $(document).on('click', 'button#paiemnt_reponse_cb_submit', function(){
            var ckeck = 0;

			{% if app.user.cgv == 0 %}
			if (!$('form#paiemnt_reponse_cb_form #cgv').is(':checked')) {
				ckeck += 1;
				$('span#cgv_label').css({'color':'#ff0000'});
				$('form#devis_form #form_cgus').on('click', function(){
					$('span#cgv_label').css({'color':'#333333'});
				});
			}
			{% endif %}

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

        $(document).on('click', 'button#paiemnt_reponse_credit_submit', function(){
            $('form#paiemnt_reponse_credit_form').submit();
		});
    });
    // ]]>

    function accepter(id){
        var vnc = {{ nbr_connexions }};
        if (vnc == 0) {
            window.location.href="{{ path('artisan_sms_validation') }}";
        } else {
            $.ajax({
                url : "{{ path('artisan_devis_en_attente') }}/"+ id +"/accepter",
                dataType : 'json',
                success : function(response){
                    if (response.message === 'success') {
                        //$('#accepter_devis_' + id).remove();
                        //alert(response.credits);
                        $('tr#row-' + id).remove();
                    } else if (response.message === 'solde_insuffisant') {
                        $('#spr-alert').html('<div class="alert alert-danger" role="alert">Votre solde de crédits est insuffisant !</div>');
                    } else if (response.message === 'error') {
                        $('#spr-alert').html('<div class="alert alert-danger" role="alert">Erreur !</div>');
                    }
                },
                error : function(e){
                }
            });
        }
    }

    function refuser(id){
        var vnc = {{ nbr_connexions }};
        if (vnc == 0) {
            window.location.href="{{ path('artisan_sms_validation') }}";
        } else if(confirm("Êtes-vous sûr ?")) {
            $.ajax({
                url : "{{ path('artisan_devis_en_attente') }}/"+ id +"/refuser",
                dataType : 'json',
                success : function(response){
                    if (response.message === 'success') {
                        $('tr#row-' + id).remove();
                    /* } else if (response.message === 'solde_insuffisant') {
                        $('#spr-alert').html('<div class="alert alert-danger" role="alert">Votre solde de crédits est insuffisant !</div>'); */
                    } else if (response.message === 'error') {
                        $('#spr-alert').html('<div class="alert alert-danger" role="alert">Erreur !</div>');
                    }
                },
                error : function(e){
                }
            });
        }
    }

    function visualiser(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('artisan_devis_en_attente') }}/" + id + "/visualiser",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#app_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }

    function pCrd(pcrd){
        $('#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('artisan_devis_en_attente_popup_credit') }}",
            type: "POST",
            data: {pcrd:pcrd},
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#app_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }

    function pCb(pcb){
        $('#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('artisan_devis_en_attente_popup_cb') }}",
            type: "POST",
            data: {pcb:pcb},
            dataType : 'json',
            success : function(response){
				if (response.code == 200) {
                    $('#app_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }

    function repondre(id,document_administratif,paiement_specifique){
		if (document_administratif < 4) {
            window.location.href = "{{ path('artisan_document_administratif') }}";
		} else if (paiement_specifique > 0) {
            window.location.href = "{{ path('artisan_paiement_specifique_index') }}";
        } else {
            $('#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('artisan_devis_en_attente') }}/" + id + "/form-repondre",
                dataType : 'json',
                success : function(response){
                    if (response.code == 200) {
                        $('#app_modal').html(response.html);
                    }
                },
                error : function(e){
                }
            });
        }
    }

    function enConstruction(){
        $('#app_modal').html('<div class="modal-dialog modal-lg"" role="document"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">Indisponibilité temporaire pour cause de maintenance...</h5><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button></div><div class="modal-body"><span style="font-size:1.4em;font-weight:bold;">Veuillez revenir dans un instant.</span></div></div></div>');
    }

    function nl2br(str, is_xhtml){
        if (typeof str === 'undefined' || str === null) {
            return '';
        }
        var breakTag = (is_xhtml || typeof is_xhtml === 'undefined') ? '<br />' : '<br>';
        return (str + '').replace(/([^>\r\n]?)(\r\n|\n\r|\r|\n)/g, '$1' + breakTag + '$2');
    }

    function saveDoc(id){
        var inputFile = document.getElementById('fileToUpload');
        var file = inputFile.files[0];
        var data = new FormData();
        data.append('doc', file, file.name);
        $.ajax({
            url: "{{ path('artisan_devis_en_attente') }}/" + id + "/joindre-votre-devis",
            type: "POST",
            data: data,
            processData: false,
            contentType: false,
            cache: false,
            success : function(response){
				if (response.error != '') {
					$('#devis-pj-error').html(response.error);
				} else {
                    $('#joindre_devis_btn').hide();
                    $('input#pjDevis').val(response.name);
                    $('#pj_devis_name').html(response.tmp_name + ' [<a href="javascript:void(0);" onclick="removePjDevis(\'' + response.name + '\');">Supprimer</a>]');
				}
            },
            error : function(e){
            }
        });

    }

    function removePjDevis(tmp_file){
        if (confirm("Êtes-vous sûr ?")) {
            $.ajax({
                url: "{{ path('artisan_devis_en_attente_remove_pj_devis') }}",
                type : 'POST',
                data : {tmp_file:tmp_file},
                dataType : 'json',
                success : function(response){
                    if (response.result) {
                        $('input#pjDevis').val('');
                        $('#pj_devis_name').html('');
                        $('#joindre_devis_btn').show();
                    }
                },
                error : function(e){
                }
            });
        }
    }

    function fctCalcul(){
		var taux_tva = $('#tauxTva').val();
        //console.log(taux_tva);
		var nbr_heures_estimatif = $('input#nbrHeuresEstimatif').val();
        var prix_heure = $('input#prixHeure').val();
        prix_heure = prix_heure.replace(',', '.');

        var intitule_depense = $('input#intituleDepense').val();
        var montant_depense = $('input#montantDepense').val();
        var remise_eventuelle = $('input#remiseEventuelle').val();
        remise_eventuelle = remise_eventuelle.replace(',', '.');

		var field_calcul = $('input#dfc_field_calcul').val();
		var field_calcul_val = $('input#' + field_calcul).val();
		var prix_min = $('input#dfc_prix_min').val();
		var prix_max = $('input#dfc_prix_max').val();

		var prix_moyen_par = $('input#dfc_prix_moyen_par').val();

        if (Number(prix_heure) > 0 && Number(field_calcul_val) > 0 && Number(prix_heure) >= Number(prix_min) && Number(prix_heure) <= Number(prix_max)) {
            var total_a_payer_ht = (field_calcul_val * prix_heure).toFixed(2);
            window.total_a_payer_ht = total_a_payer_ht
            if (montant_depense.length > 0 && Number(montant_depense) > 0) {
                total_a_payer_ht = (Number(total_a_payer_ht) + Number(montant_depense)).toFixed(2);
                $('span#i_autre_depense').html(intitule_depense + ' : <span style="color:#19c5d9;">' + montant_depense + ' &euro;</span>');
            } else {
                $('span#i_autre_depense').html('');
            }

            var montant_tva = (total_a_payer_ht * (taux_tva/100)).toFixed(2);
            var total_a_payer_ttc = (Number(total_a_payer_ht) + Number(montant_tva)).toFixed(2);

            var remise = $('#remise').val();
            if (
                remise_eventuelle.length > 0 && Number(remise_eventuelle) > 0 &&
                ((remise == '%' && Number(remise_eventuelle) <= 20) || (remise == '€' && Number(total_a_payer_ht) > Number(remise_eventuelle)))
            ) {
                if(remise == '%' && Number(remise_eventuelle) <= 20){
                    montant_tva = ((Number(total_a_payer_ht) * (1 - (Number(remise_eventuelle) / 100))) * (taux_tva/100)).toFixed(2);
                    total_a_payer_ttc = ((Number(total_a_payer_ht) * (1 - (Number(remise_eventuelle) / 100))) + Number(montant_tva)).toFixed(2);
                }
                else{
                    montant_tva = ((Number(total_a_payer_ht) - Number(remise_eventuelle)) * (taux_tva/100)).toFixed(2);
                    total_a_payer_ttc = ((Number(total_a_payer_ht) - Number(remise_eventuelle)) + Number(montant_tva)).toFixed(2);
                }
                $('span#i_remise_eventuelle').html('Remise éventuelle : <span style="color:#19c5d9;">' + remise_eventuelle + ' ' + remise +'</span>');
                if (remise === '%') {
                    $('span#i_montant_remise_eventuelle').html('Montant de la remise : <span style="color:#19c5d9;">' + ((remise_eventuelle * total_a_payer_ht) / 100).toFixed(2) + ' €</span>');
                } else {
                    $('span#i_montant_remise_eventuelle').html('');
                }
            } else {
                $('span#i_remise_eventuelle').html('');
                $('span#i_montant_remise_eventuelle').html('');
            }

            $('span#i_prix_heure').html('Prix moyen / ' + prix_moyen_par + ' : <span style="color:#19c5d9;">' + prix_heure + ' &euro;</span>');
			$('#total_a_payer_ht').html(total_a_payer_ht + ' &euro;');
            $('span#i_total_a_payer_ht').html('Total à payer (HT) : <span style="color:#19c5d9;">' + total_a_payer_ht + ' &euro;</span>');
            $('input#totalAPayerHt').val(total_a_payer_ht);
            $('#montant_tva').html(montant_tva + ' &euro;');
            $('input#montantTva').val(montant_tva);
            $('span#i_taux_tva').html('Taux TVA : <span style="color:#19c5d9;">' + taux_tva + ' %</span>');
            $('span#i_montant_tva').html('Montant TVA : <span style="color:#19c5d9;">' + montant_tva + ' &euro;</span>');
            $('#total_a_payer_ttc').html(total_a_payer_ttc + ' &euro;');
            $('input#totalAPayerTtc').val(total_a_payer_ttc);
            $('span#i_total_a_payer_ttc').html('Total à payer (TTC) :<span style="color:#19c5d9;">' + total_a_payer_ttc + ' &euro;</span>');
		} else {
            $('span#i_prix_heure').html('Prix moyen / ' + prix_moyen_par + ' :');
            $('#total_a_payer_ht').html('');
            $('span#i_total_a_payer_ht').html('Total à payer (HT) :');
            $('input#totalAPayerHt').val('');
            $('#montant_tva').html('');
            $('input#montantTva').val('');
            $('span#i_taux_tva').html('Taux TVA :');
            $('span#i_montant_tva').html('Montant TVA :');
            $('#total_a_payer_ttc').html('');
            $('input#totalAPayerTtc').val('');
            $('span#i_total_a_payer_ttc').html('Total à payer (TTC) :');
		}
    }

	function isDecimal(n) {
		return !isNaN(parseFloat(n)) && isFinite(n);
	}

    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('artisan_devis_en_attente') }}/"+ id +"/popup-photo-video",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#app_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }
    </script>
{% endblock %}