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

{% block title %}Devis acceptés - {{ parent() }}{% endblock %}

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

    <div class="alert alert-info" role="alert" style="text-align:left;">
        Voici la liste des demande 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.
        {# <br>
        La colonne "Nbr Réponses" vous donne en temps réel le nombre de réponse faîtes par nos partenaires qui sont intéressés par cette demande. #}
    </div>

    {# { include('artisan/layout/ar_actions.html.twig') } #}
    
    {{ include('artisan/layout/ar_debug.html.twig') }}

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

    {% if page <= nb_pages %}
    <table class="table table-bordered table-condensed superadmin-listing">	
      <thead>
        <tr>
            <th class="width-5"><a href="javascript:void(0);">#</a></th>
            <th class="width-15"><a href="javascript:void(0);">Ville</a></th>
            <th class="width-20"><a href="javascript:void(0);">Service</a></th>
            <th><a href="javascript:void(0);">Description</a></th>
            <th class="width-6"><a href="javascript:void(0);">Surface</a></th>
            <th class="width-6"><a href="javascript:void(0);">Fréquence des<br>interventions</a></th>
            <th class="width-8"><a href="javascript:void(0);">Date d'ajout</a></th>
            <th class="width-10"></th>
        </tr>
      </thead>
      <tbody>
        {% for key, row in listing %}
        <tr id="row-{{ row.id }}" class="bgc-{% if key is odd %}ddd{% else %}eee{% endif %}">
            <td class="center"><b>{{ (((page -1) * nb_per_page) + key + 1) }}</b></td>
            <td class="left">{{ row.cp }} {{ row.ville }}</td>
            <td class="left">
                {{ getServiceByKey(row.service) }}
            </td>
            <td class="left">
                {{ getNl2Br(row.description)|raw }}
            </td>
            <td class="center">{% if row.surface > 0 %}{{ row.surface }} m²{% endif %}</td>
            <td class="center">{% if row.frequence|length > 0 %}{{ getFrequenceByKey(row.frequence) }}{% endif %}</td>
            <td class="center">{{ row.creationDate|date('d-m-Y H:i') }}</td>
            <td class="width-10 center">
                {% if row.ma_reponse == 0 %}
                <a title="Répondre" href="javascript:void(0);" onclick="repondre({{ row.id }});" class="btn btn-warning bold" data-toggle="modal" data-target="#artisan_modal">
                    <i class="fa fa-pencil fawesome" aria-hidden="true"></i> Répondre
                </a>
                {% else %}
                <a title="Visualiser" href="javascript:void(0);" onclick="visualiser({{ row.id }});" class="btn btn-info bold" data-toggle="modal" data-target="#artisan_modal">
                    <i class="fa fa-search fawesome" aria-hidden="true"></i> Visualiser
                </a>
                {% endif %}
            </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {{ include('artisan/layout/ar_pagination.html.twig') }}
    {% endif %}

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
        {% if visualiser %}
           $('#artisan_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 && String.fromCharCode(e.which) != '.' && (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 && String.fromCharCode(e.which) != '.' && (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 && String.fromCharCode(e.which) != '.' && (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 && String.fromCharCode(e.which) != '.' && (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 && String.fromCharCode(e.which) != '.' && (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) {
            var prixHeure = $('form#repondre_devis_form #prixHeure').val();
            $('span#i_prix_heure').html('Prix moyen / heure : ' + prixHeure + ' &euro;');
            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', 'form#repondre_devis_form #repondre_devis_submit', function(){
            var ckeck = 0;
            
            if ($('form#repondre_devis_form #reponse').val().length == 0) {	
                ckeck += 1;
                $('form#repondre_devis_form #reponse').css({'border':'1px solid #ff0000'});
                $('div#reponse-error').html("Veuillez insérer votre message");
                $('form#repondre_devis_form #reponse').focus(function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('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').css({'border':'1px solid #ff0000'});
                $('div#reponse-error').html("Nombre de caractères minimum est 150 !");
                $('form#repondre_devis_form #reponse').focus(function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('div#reponse-error').html('');
                });            
            }
            if ($('form#repondre_devis_form #nbrHeuresEstimatif').val().length == 0 || $('form#repondre_devis_form #nbrHeuresEstimatif').val() == 0) {	
                ckeck += 1;
                $('form#repondre_devis_form #nbrHeuresEstimatif').css({'border':'1px solid #ff0000'});
                $('div#nbr_heures_estimatif-error').html("Veuillez insérer le nombre d'heures estimatif");
                $('form#repondre_devis_form #nbrHeuresEstimatif').focus(function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('div#nbr_heures_estimatif-error').html('');
                });            
            }
            if ($('form#repondre_devis_form #prixHeure').val().length == 0) {	
                ckeck += 1;
                $('form#repondre_devis_form #prixHeure').css({'border':'1px solid #ff0000'});
                $('div#prix_heure-error').html("Veuillez insérer le prix moyen par heure");
                $('form#repondre_devis_form #prixHeure').focus(function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('div#prix_heure-error').html('');
                });            
            }
            if (($('form#repondre_devis_form #prixHeure').val().length > 0) && ($('form#repondre_devis_form #prixHeure').val() < 19)) {	
                ckeck += 1;
                $('form#repondre_devis_form #prixHeure').css({'border':'1px solid #ff0000'});
                $('div#prix_heure-error').html("Prix minimum accepté est 19 &euro; !");
                $('form#repondre_devis_form #prixHeure').focus(function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('div#prix_heure-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);
        });
        $(document).on('keyup', 'form#edit_reponse_devis_form #prixHeure', function(e) {
            var prixHeure = $('form#edit_reponse_devis_form #prixHeure').val();
            $('p#i_prix_heure').html('Prix moyen / heure : ' + 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').css({'border':'1px solid #ff0000'});
                $('div#reponse-error').html("Veuillez insérer votre message");
                $('form#edit_reponse_devis_form #reponse').focus(function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('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').css({'border':'1px solid #ff0000'});
                $('div#reponse-error').html("Nombre de caractères minimum est 150 !");
                $('form#edit_reponse_devis_form #reponse').focus(function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('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').css({'border':'1px solid #ff0000'});
                $('div#nbr_heures_estimatif-error').html("Veuillez insérer le nombre d'heures estimatif");
                $('form#edit_reponse_devis_form #nbrHeuresEstimatif').focus(function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('div#nbr_heures_estimatif-error').html('');
                });            
            }
            if ($('form#edit_reponse_devis_form #prixHeure').val().length == 0) {	
                ckeck += 1;
                $('form#edit_reponse_devis_form #prixHeure').css({'border':'1px solid #ff0000'});
                $('div#prix_heure-error').html("Veuillez insérer le prix moyen par heure");
                $('form#edit_reponse_devis_form #prixHeure').focus(function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('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').css({'border':'1px solid #ff0000'});
                $('div#prix_heure-error').html("Prix minimum accepté est 19 &euro; !");
                $('form#edit_reponse_devis_form #prixHeure').focus(function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('div#prix_heure-error').html('');
                });            
            }
            
            if (ckeck == 0) {
                $('form#edit_reponse_devis_form').submit();
                return true;
            } else {
                return false;
            }
        });
    });
    // ]]>
    
    function visualiser(id){
        $('#artisan_modal').html('<div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button><h4 class="modal-title" id="myModalLabel"></h4></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('artisan_devis_acceptes') }}/" + id + "/visualiser",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#artisan_modal').html(response.html);
                }
            },
            error : function(e){
            }
        });
    }
    
    function repondre(id){
        $('#artisan_modal').html('<div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button><h4 class="modal-title" id="myModalLabel"></h4></div><div class="modal-body"></div></div></div>');
        $.ajax({
            url : "{{ path('artisan_devis_acceptes') }}/" + id + "/form-repondre",
            dataType : 'json',
            success : function(response){
                if (response.code == 200) {
                    $('#artisan_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 input_montant_tva = $('input#montantTva').val();
        
        // 1) Total a payer ht= nb heure* prix moyen +autre dépense
        // 2) Montant TVA = (total à payer ht –remise)*0.2
        // 3) Total à payer ttc=total a payer ht –remise +TVA
        if (nbr_heures_estimatif.length > 0 && nbr_heures_estimatif > 0 && prix_heure.length > 0 && prix_heure > 0) {
            var total_a_payer_ht = (nbr_heures_estimatif * prix_heure).toFixed(2);
            if (montant_depense.length > 0 && 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 && 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);

            $('#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 {
            $('#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) :');
            //$('span#i_autre_depense').html('');
            //$('span#i_remise_eventuelle').html('Remise éventuelle :');
        }
    }
    </script>
{% endblock %}