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

{% block title %}Historique des réponses - {{ parent() }}{% 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">
            <div class="row">

                <div class="table-data__tool" style="width:100%;">
                    <div class="table-data__tool-right col-lg-12">

                        <form class="form-horizontal" name="recherche_reponse_devis_form" id="recherche_reponse_devis_form" method="get" action="{{ path('superadmin_historique_reponses') }}">
                        <div class="row form-group fg-m-bottom" style="margin:15px 0 3px!important;">
                            <div class="col col-md-4 spa-col-label fg-m-bottom">
                                <label for="f_dde_devis" class="form-control-label spa-label">Filtrer par Demande de devis et/ou Artisan</label>
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <input type="text" class="form-control" name="f_dde_devis" id="f_dde_devis" placeholder="ID Demande de devis" value="{% if devis_id is not empty %}{{ devis_id }}{% endif %}" autocomplete="off">
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <input type="text" class="form-control" name="f_artisan" id="f_artisan" placeholder="ID Artisan" value="{% if artisan_id is not empty %}{{ artisan_id }}{% endif %}" autocomplete="off">
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom">
                                <button type="button" id="recherche_reponse_devis_submit" class="btn btn-info btn-sm btn-block">Filtrer</button>
                            </div>
                            <div class="col-12 col-md-2 fg-m-bottom"></div>
                        </div>
                        </form>
                    </div>
                </div>

                {{ 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-25">Demande<br>de Devis</th>
                                <th class="width-20">Artisan</th>
                                <th>Réponse</th>
                                <th class="width-12">Date<br>d'envoi</th>
                                <th class="width-15">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for k,row in listing %}
                            <tr>
                                <td class="text-center">
                                    <b>{{ row.id }}</b>

                                    <br><br>
                                    {% if row.validated == 1 %}
                                    <span class="badge badge-success">Validée</span>
                                    {% elseif row.canceled == 1 %}
                                    <span class="badge badge-danger">Annulée</span>
                                    {% else %}
                                    <span class="badge badge-warning">En attente</span>
                                    {% endif %}
                                </td>
                                <td>
                                    #<a target="_blank" href="{{ path('superadmin_devis_list') }}?id={{ row.devis_id }}" style="font-weight:bold;">{{ row.devis_id }}</a><br> 
                                    <i class="zmdi zmdi-flag zmdi-hc-lg"></i>&nbsp; <b>Service :</b> {# { getServiceByKey(row.service_key) } #}
                                    {% 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.devis_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.service_key == 'assainissement_vidange_curage' %}
                                                <i class="zmdi zmdi-n-5-square zmdi-hc-lg"></i>&nbsp; <b>Volume :</b> {{ row.surface }} &#13221;
                                            {% elseif row.service_key == 'vitres' %}
                                                <i class="zmdi zmdi-n-5-square zmdi-hc-lg"></i>&nbsp; <b>Nombre de fenêtres :</b> {{ row.surface }}
                                            {% elseif row.service_key == 'merule' and row.devis_id > 9827 %}
                                                <i class="zmdi zmdi-n-5-square zmdi-hc-lg"></i>&nbsp; <b>Longueur (mètre courant) :</b> {{ row.surface }}
                                            {% else %}
                                                <i class="zmdi zmdi-n-5-square zmdi-hc-lg"></i>&nbsp; <b>Surface :</b> {{ row.surface }} m²
                                            {% endif %}
                                      {% endif %}
                                    {% endif %}
                                    
                                    <br><br>
                                    <i class="zmdi zmdi-pin zmdi-hc-lg"></i>&nbsp; <b>{{ row.cp }}</b> {{ row.ville }}<br>
                                </td>
                                <td>
                                    #<a target="_blank" href="{{ path('superadmin_gestion_artisans_list') }}?id={{ row.artisan_id }}" style="font-weight:bold;">{{ row.artisan_id }}</a> -- {{ row.societe }}

                                    <br><br><i class="zmdi zmdi-plus-1 zmdi-hc-lg"></i>&nbsp; <b>Nbr de réponses :</b> {{ getNbrReponsesByArtisan(row.artisan_id) }}

                                    {% if 21 in roles %}
                                        {% if row.id >= 5875 %}
                                        <br><i class="zmdi zmdi-money zmdi-hc-lg"></i>&nbsp; <b>Commission :</b> {{ row.comission_ttc }} {% if row.comission_ht > 0 %}€{% endif %}
                                        {% elseif row.id >= 3690 %}
                                        <br><i class="zmdi zmdi-money zmdi-hc-lg"></i>&nbsp; <b>Commission HT :</b> {{ row.comission_ht }} {% if row.comission_ht > 0 %}€{% endif %}
                                        {% endif %}
                                    {% endif %}
                                </td>
                                <td>
                                    <i class="zmdi zmdi-time zmdi-hc-lg"></i>&nbsp; <b>Nbr d'heures estimatif :</b> {{ row.nbr_heures_estimatif }}<br>
                                    <i class="zmdi zmdi-money zmdi-hc-lg"></i>&nbsp; <b>Prix moyen / {{ row.prix_moyen_par }} :</b> {{ row.prix_heure }} €<br>
                                    {% if row.montant_depense > 0 %}<i class="zmdi zmdi-money-off zmdi-hc-lg"></i>&nbsp; <b>{{ row.intitule_depense }} :</b> {{ row.montant_depense }} €<br>{% endif %}
                                    {% if row.remise_eventuelle > 0 %}<i class="zmdi zmdi-minus-circle-outline zmdi-hc-lg"></i>&nbsp; <b>Remise éventuelle :</b> {{ row.remise_eventuelle }} €<br>{% endif %}

                                    {% if row.id > 1096 %}
                                    <br><i class="zmdi zmdi-functions zmdi-hc-lg"></i>&nbsp; <b>HT :</b> {% if row.remise_eventuelle > 0 %}{{ row.total_apayer_ht - row.remise_eventuelle }}{% else %}{{ row.total_apayer_ht }}{% endif %} € &nbsp;+&nbsp; <b>TVA :</b> {{ row.montant_tva }} € ( <b>{{ row.taux_tva }}%</b> ) &nbsp;=&nbsp; <b>TTC :</b> {{ row.total_apayer_ttc }} €<br>
                                    {% endif %}

                                    <br><i class="zmdi zmdi-comment-more zmdi-hc-lg"></i>&nbsp; <b>Message :</b><br>
                                    {{ getNl2Br(row.message)|raw }}<br>
                                    {% if row.nbr_vues > 0 %}
                                        <br><i class="zmdi zmdi-eye zmdi-hc-lg" style="color:#28a745;"></i>&nbsp; <b style="color:#28a745;">{{ row.nbr_vues }}</b><br>
                                    {% else %}
                                        {% if row.validated and 25 in roles %}
                                            <button
                                                    type="button"
                                                    onclick="sendSmsToClient({{ row.devis_id }}, 1, {{ row.id }});"
                                                    class="btn btn-outline-dark btn-sm btn-app" style="margin-bottom:5px;">
                                                <i class="zmdi zmdi-comments"></i>&nbsp; Envoyer SMS (<span class="clt_nbr_sms_sent_{{ row.id }}">{{ row.nbr_sms_sent ?? 0 }}</span>)
                                            </button>
                                        {% endif %}
                                    {% endif %}
                                </td>
                                <td class="text-center">
                                    {{ row.date_envoi|date('d-m-Y') }}<br>{{ row.date_envoi|date('H:i') }}
                                </td>
                                <td class="text-center">
                                    {% if 24 in roles and row.comission_ttc > 0 %}
                                        <button type="button" class="btn btn-outline-info btn-sm btn-block btn-app" onclick="rembourser({{ row.id }});" data-toggle="modal" data-target="#app_modal">
                                            <i class="zmdi zmdi-money-box"></i>&nbsp; Rembourser
                                        </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 type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
		$(document).on('keypress', 'input#f_dde_devis', function(e) {
			if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
				return false;
			}
		});
		$(document).on('keypress', 'input#f_artisan', function(e) {
			if ( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) {
				return false;
			}
		});
        $(document).on('click', 'form#recherche_reponse_devis_form #recherche_reponse_devis_submit', function(){
            if (
                ($('form#recherche_reponse_devis_form input#f_dde_devis').val().length > 0 && $('form#recherche_reponse_devis_form input#f_dde_devis').val() > 0) 
				|| 
                ($('form#recherche_reponse_devis_form input#f_artisan').val().length > 0 && $('form#recherche_reponse_devis_form input#f_artisan').val() > 0) 
            ) {	
                $('form#recherche_reponse_devis_form').submit();
                return true;
            }
            return false;
        });
    });
    // ]]>

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

    function sendSmsToClient(devis_id, nbr_reponses_non_vue, resp_id) {

        if (confirm("Êtes-vous sûr ?")) {
            let nbr_sms_sent_jq_elt = $(`.clt_nbr_sms_sent_${resp_id}`);
            let nbr_sms_sent = parseInt(nbr_sms_sent_jq_elt.text());

            $.ajax({
                url: '{{ path("superadmin_devis_list") }}',
                type: 'POST',
                data: {send_sms_to_client: 1, devis_id: devis_id, resp_id: resp_id},
                dataType: 'json',
                success:
                    (response) => {
                        if (response) {
                            if (response.message_success.length > 0) {
                                nbr_sms_sent_jq_elt.text(nbr_sms_sent + 1)
                            } else {
                                alert('Erreur: SMS non envoyé!');
                            }
                        }
                    },
                error: (e) => {
                    console.log(e);
                }
            });
        }
    }

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