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

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

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

    <div class="section__content section__content--p30">
		{% if popup_paiement is not empty %}
			{{ popup_paiement|raw }}
		{% endif %}

        <div class="alert alert-info" role="alert">
            Voici la liste des demandes de devis que vous avez accepté, 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.
        </div>

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

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

        <div class="container-fluid">
            <div class="row">
                {{ include('artisan_v2/layout/ar_paginator.html.twig') }}

                <div class="table-responsive table--no-card m-b-30">
                    {% if page <= nb_pages %}
                    <table class="table table-borderless table-striped table-earning">
                        <thead>
                            <tr>
                                <th class="width-5">#</th>
                                <th class="width-15">Ville</th>
                                <th class="mw-300">Description</th>
                                <th class="width-10">Date<br>d'ajout</th>
                                <th class="width-10">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for key,row in listing %}
                            <tr id="row-{{ row.id }}">
                                <td class="text-center"><b>{{ (((page -1) * nb_per_page) + key + 1) }}</b></td>
                                <td class="text-center"><b>{{ row.cp }}</b><br>{{ row.ville }}</td>
                                <td>
                                    <b>Service :</b> {{ getServiceByKey(row.service) }}<br>
                                    {% if row.surface > 0 %}<b>Surface :</b> {{ row.surface }} m²<br>{% endif %}
                                    {% if row.frequence|length > 0 %}<b>Fréquence des interventions :</b> {{ getFrequenceByKey(row.frequence) }}<br>{% endif %}
                                    <br>{{ getNl2Br(row.description)|raw }}
                                </td>
                                <td class="text-center">{{ row.creationDate|date('d-m-Y') }}<br>{{ row.creationDate|date('H:i') }}</td>
                                <td class="text-center">
                                    {% if row.ma_reponse == 0 %}
                                    <button type="button" onclick="repondre({{ row.id }});" class="btn btn-warning btn-sm btn-block btn-app" data-toggle="modal" data-target="#app_modal">
                                        <i class="fa fa-pencil"></i>&nbsp; Répondre
                                    </button>
									<br><b>Commission :</b><br>{{ getCommissionArtisan(app.user.id, row.service, row.surface, row.creationDate|date('Y-m-d H:i:s'))|raw }}
                                    {% else %}
                                    <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>
                                    {% endif %}
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    {% endif %}
                </div>

                {% if page <= nb_pages %}{{ 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[
    $(document).ready(function(){
        {% if visualiser %}
           $('#app_modal').modal('show');
            visualiser({{ visualiser }});
        {% endif %}

        /*** 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 : " + nbrHeuresEstimatif);
            fctCalcul();
        });
        $(document).on('keyup', 'form#repondre_devis_form #prixHeure', function(e) {
            fctCalcul();
        });
        $(document).on('keyup', 'form#repondre_devis_form #montantDepense', function(e) {
            fctCalcul();
        });
        $(document).on('keyup', 'form#repondre_devis_form #remiseEventuelle', function(e) {
            fctCalcul();
        });
        $(document).on('keyup', 'form#repondre_devis_form #montantTva', function(e) {
            //fctCalcul();
        });

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

        $(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 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();
			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(){
            $('form#paiemnt_reponse_cb_form').submit();
		});

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

    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_acceptes') }}/" + 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_acceptes_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_acceptes_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){
        $('#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_acceptes') }}/" + id + "/form-repondre",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#app_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }
    
    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_acceptes') }}/" + 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_acceptes_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 nbr_heures_estimatif = $('input#nbrHeuresEstimatif').val();
        var prix_heure = $('input#prixHeure').val();

        var intitule_depense = $('input#intituleDepense').val();
        var montant_depense = $('input#montantDepense').val();
        var remise_eventuelle = $('input#remiseEventuelle').val();
        
		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);
            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 + ' : ' + montant_depense + ' &euro;');
            } else {
                $('span#i_autre_depense').html('');
            }

            var montant_tva = (total_a_payer_ht * 0.2).toFixed(2);
            if (remise_eventuelle.length > 0 && Number(remise_eventuelle) > 0) {
                montant_tva = ((Number(total_a_payer_ht) - Number(remise_eventuelle)) * 0.2).toFixed(2);
                $('span#i_remise_eventuelle').html('Remise éventuelle : ' + remise_eventuelle + ' &euro;');
            } else {
                $('span#i_remise_eventuelle').html('');
            }

            var total_a_payer_ttc = (Number(total_a_payer_ht) - Number(remise_eventuelle) + Number(montant_tva)).toFixed(2);
			
            $('span#i_prix_heure').html('Prix moyen / ' + prix_moyen_par + ' : ' + prix_heure + ' &euro;');
			$('#total_a_payer_ht').html(total_a_payer_ht + ' &euro;');
            $('span#i_total_a_payer_ht').html('Total à payer (HT) : ' + total_a_payer_ht + ' &euro;');
            $('input#totalAPayerHt').val(total_a_payer_ht);
            $('input#montantTva').val(montant_tva);
            $('span#i_montant_tva').html('Montant TVA : ' + montant_tva + ' &euro;');
            $('#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) : ' + total_a_payer_ttc + ' &euro;');
		} 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('');
            $('input#montantTva').val('');
            $('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);
	}
    </script>
{% endblock %}