{# templates/superadmin_v2/devis/sa_devis_list_reponses.html.twig #}
<div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
        <div class="modal-header">
            <h5 class="modal-title" id="reponsesModalLabel">Demandes de devis / Réponses</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close" onclick="$('#app_modal').modal('hide');">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
        <div class="modal-body">
            <p class="p-modal">
                ID : {{ id }}
                <br>{# { getServiceByKey(service) } #}
                {% if solution == 'nettoyage' %}
                    Nettoyage
                {% elseif solution == 'depannage' %}
                    Dépannage
                {% elseif solution == 'nuisible' %}
                    Nuisible
                {% else %}
                    {{ solution }}
                {% endif %} / {{ data_service.service_nom }}
                {% if data_service.detail_service_ind == 1 and id_detail_service > 0 and detail_service.detail_service_nom|length > 0 %} ({{ detail_service.detail_service_nom }}){% endif %}
                {% if isNumeric(surface) and surface > 0 %}
                    <br>
                    {% if id > 0 %}
                        {% if data_service.detail_service_ind == 1 and id_detail_service > 0 %}
                            {{ detail_service.surface_lab }}{% if detail_service.surface_unite|length > 0 %} ({{ detail_service.surface_unite }}){% endif %} :
                        {% elseif data_service.detail_service_ind == 0 %}
                            {{ data_service.surface_lab }}{% if data_service.surface_unite|length > 0 %} ({{ data_service.surface_unite }}){% endif %} :
                        {% endif %}
                        {{ surface }}
                    {% else %}
                        {% if service == 'assainissement_vidange_curage' %}
                            Volume : {{ surface }} &#13221;
                        {% elseif service == 'vitres' %}
                            Nombre de fenêtres : {{ surface }}
                        {% else %}
                            Surface : {{ surface }} m²
                        {% endif %}
                    {% endif %}
                {% endif %}
            </p>

            {% if 10 in roles %}
                <div class="col-12 col-md-12 text-right d-none" style="margin-bottom:10px;padding-right:0;">
                    <button type="button" id="send_sms_to_client" class="btn btn-info btn-sm">
                        Envoyer SMS
                    </button>
                </div>
                <div id="send_sms_to_client_response" class="m-l-20"></div>
            {% endif %}
            <div class="table-responsive table--no-card">
                <table class="table table-borderless table-striped table-earning">
                    <thead>
                    <tr>
                        <th class="width-25">Artisan</th>
                        <th>Réponse</th>
                        <th class="width-10">Date d'envoi</th>
                    </tr>
                    </thead>
                    <tbody>
                    {% set nbr_reponses_non_vue = 0 %}
                    {% for k,row in list_reponses %}
                        <tr
                                {# % if row.validated == 1 %}
                            style="background-color:#d4edda;"
                            {% elseif row.canceled == 1 %}
                            style="background-color:#f8d7da;"
                            {% endif % #}
                        >
                            <td>
                                <b>{{ row.artisan_id }}</b>
                                <br>{{ row.societe }}
                                <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 %}

                                <br><br><b>Nbr de réponses : {{ getNbrReponsesByArtisan(row.artisan_id) }}</b>

                                {% if row.id >= 5875 %}
                                    <br><br><b>Commision HT : {{ row.comission_ttc }} €</b>
                                {% elseif row.id >= 3670 %}
                                    <br><br><b>Commision HT : {{ row.comission_ht }} €</b>
                                {% endif %}

                                {% if row.nbr_vues > 0 %}
                                    <br><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 %}
                                        {% set nbr_reponses_non_vue = nbr_reponses_non_vue + 1 %}
                                        <br><br><span class="text-info"><span class="clt_nbr_sms_sent">{{ row.nbr_sms_sent }}</span> SMS envoyés</span>
                                    {% endif %}
                                {% endif %}
                            </td>
                            <td>
                                <form class="form-horizontal" id="form_reponse_{{ row.id }}" method="post" action="">
                                    <div class="row">
                                        <div class="col-12 col-md-12">
                                            <div class="form-group fg-m-bottom">
                                                <label for="message_{{ row.id }}" class="control-label mb-1 fg-m-bottom"><b>Message :</b></label>
                                                <textarea class="form-control" id="message_{{ row.id }}" style="min-width:280px;height:100px;font-size:12px;line-height:13px;resize:none;">{{ row.message }}</textarea>
                                            </div>
                                            <span id="alert_message_{{ row.id }}" style="text-align:center;color:red;font-size:0.95em;"></span>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-12 col-md-6">
                                            <div class="form-group fg-m-bottom">
                                                <label for="nbr_heures_estimatif_{{ row.id }}" class="control-label mb-1 fg-m-bottom"><b>Nbr d'heures estimatif :</b></label>
                                                <input type="text" class="form-control nbr-heures-estimatif" id="nbr_heures_estimatif_{{ row.id }}" value="{{ row.nbr_heures_estimatif }}" autocomplete="off">
                                            </div>
                                            <span id="alert_nbr_heures_estimatif_{{ row.id }}" style="text-align:center;color:red;font-size:0.95em;"></span>
                                        </div>
                                        <div class="col-12 col-md-6">
                                            <div class="form-group fg-m-bottom">
                                                <label for="prix_heure_{{ row.id }}" class="control-label mb-1 fg-m-bottom"><b>Prix moyen / {{ demande_devis.prix_moyen_par }} (€) :</b></label>
                                                <input type="text" class="form-control prix-heure" id="prix_heure_{{ row.id }}" value="{{ row.prix_heure }}" autocomplete="off">
                                            </div>
                                            <span id="alert_prix_heure_{{ row.id }}" style="text-align:center;color:red;font-size:0.95em;"></span>
                                            <input type="hidden" id="montant_depense_{{ row.id }}" value="{{ row.montant_depense }}">
                                            <input type="hidden" id="remise_eventuelle_{{ row.id }}" value="{{ row.remise_eventuelle }}">
                                        </div>
                                    </div>
                                    {% if row.montant_depense > 0 or row.remise_eventuelle > 0 %}
                                        <div class="row">
                                            <div class="col-12 col-md-6">
                                                {% if row.montant_depense > 0 %}
                                                    <div class="form-group fg-m-bottom">
                                                        <label for="" class="control-label mb-1"><b>{{ row.intitule_depense }} :</b></label>
                                                        {{ row.montant_depense }} €
                                                    </div>
                                                {% endif %}
                                            </div>
                                            <div class="col-12 col-md-6">
                                                {% if row.remise_eventuelle > 0 %}
                                                    <div class="form-group fg-m-bottom">
                                                        <label for="" class="control-label mb-1"><b>Remise éventuelle :</b></label>
                                                        {{ row.remise_eventuelle }} {{ row.remise_type }} ({{ row.remise_type == '%' ? ((row.remise_eventuelle * row.total_apayer_ht) / 100)|number_format(2, '.', ' ') ~ '€' : '' }})
                                                    </div>
                                                {% endif %}
                                            </div>
                                        </div>
                                    {% endif %}
                                    <div class="row">
                                        {# % if row.total_apayer_ht > 0 and row.montant_tva > 0 and row.total_apayer_ttc > 0 % #}
                                        <div class="col-12 col-md-4">
                                            <div class="form-group fg-m-bottom">
                                                <label for="" class="control-label mb-1"><b>HT :</b></label>
                                                <span id="i_total_apayer_ht_{{ row.id }}">{{ row.total_apayer_ht }} €</span>
                                                <input type="hidden" id="total_apayer_ht_{{ row.id }}" value="{{ row.total_apayer_ht }}">
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <div class="form-group fg-m-bottom">
                                                <label for="" class="control-label mb-1"><b>TVA :</b></label>
                                                <span id="i_montant_tva_{{ row.id }}">{{ row.montant_tva }} € (<b>{{ row.taux_tva }}%</b>)</span>
                                                <input type="hidden" id="montant_tva_{{ row.id }}" value="{{ row.montant_tva }}">
                                            </div>
                                        </div>
                                        <div class="col-12 col-md-4">
                                            <div class="form-group fg-m-bottom">
                                                <label for="" class="control-label mb-1"><b>TTC :</b></label>
                                                <span id="i_total_apayer_ttc_{{ row.id }}">{{ row.total_apayer_ttc }} €</span>
                                                <input type="hidden" id="total_apayer_ttc_{{ row.id }}" value="{{ row.total_apayer_ttc }}">
                                            </div>
                                        </div>
                                        {# % endif % #}
                                    </div>
                                    {% if row.file_reponse_devis|length > 0 %}
                                        <div class="row">
                                            <div class="col-12">
                                                {{ getLinkReponseDevis(row.file_reponse_devis)|raw }}
                                            </div>
                                        </div>
                                    {% endif %}
                                    {% if row.validated == 0 and row.canceled == 0 and 12 in roles %}
                                        <div class="row">
                                            <div class="col-12" id="alert_reponse_{{ row.id }}" style="text-align:center;line-height:16px;padding-bottom:6px;"></div>
                                            <div class="col-12 col-md-4">
                                                <button type="button" id="btn_modifier_{{ row.id }}" onclick="modifierReponse({{ row.id }});" class="btn btn-info btn-sm btn-block" style="margin-bottom:8px;">
                                                    <i class="zmdi zmdi-refresh"></i>&nbsp; Mettre à jour
                                                </button>
                                            </div>
                                            <div class="col-12 col-md-4">
                                                <button type="button" id="btn_valider_{{ row.id }}" onclick="validerReponse({{ row.id }}); $(this).attr('disabled', 1)" class="btn btn-success btn-sm btn-block" style="margin-bottom:8px;">
                                                    <i class="zmdi zmdi-check"></i>&nbsp; Valider
                                                </button>
                                            </div>
                                            <div class="col-12 col-md-4">
                                                <button type="button" id="btn_annuler_{{ row.id }}" onclick="annulerReponse({{ row.id }});" class="btn btn-warning btn-sm btn-block">
                                                    <i class="zmdi zmdi-minus-circle-outline"></i>&nbsp; Annuler
                                                </button>
                                            </div>
                                        </div>
                                    {% endif %}
                                </form>
                            </td>
                            <td class="text-center">{{ row.date_envoi|date('d-m-Y') }}<br>{{ row.date_envoi|date('H:i') }}</td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
                <input type="hidden" id="dfc_surface" value="{{ surface }}">
                <input type="hidden" id="dfc_field_calcul" value="{{ demande_devis.field_calcul }}">
                <input type="hidden" id="dfc_calcul" value="{{ demande_devis.calcul }}">
                <input type="hidden" id="dfc_prix_moyen_par" value="{{ demande_devis.prix_moyen_par }}">
                <input type="hidden" id="dfc_prix_min" value="{{ demande_devis.prix_min }}">
                <input type="hidden" id="dfc_prix_max" value="{{ demande_devis.prix_max }}">
            </div>

        </div>
        <div class="modal-footer"></div>
    </div>
</div>
<script type="text/javascript">

    setTimeout(() => {
        {% if nbr_reponses_non_vue > 0 %}
            let send_sms_to_client_elt = $(`#send_sms_to_client`);
            send_sms_to_client_elt.parent().removeClass('d-none')
            send_sms_to_client_elt.on('click', () => {

                $.ajax({
                    url: '{{ path("superadmin_devis_list") }}',
                    type: 'POST',
                    data: {send_sms_to_client: 1, devis_id: {{ id }}, nbr_reponses_non_vue: {{ nbr_reponses_non_vue }}},
                    dataType: 'json',
                    success: (response) => {
                        if (response) {
                            if (response.message_success.length > 0) {
                                $('#send_sms_to_client_response').html(response.message_success).css('color', 'green')
                                let nbr_sms_sent_jq_elt = $(`.clt_nbr_sms_sent`);
                                nbr_sms_sent_jq_elt.each((idx, element_jq) => {
                                    let nbr_sms_sent = parseInt($(element_jq).text());
                                    $(element_jq).text(nbr_sms_sent + 1)
                                });
                            } else {
                                $('#send_sms_to_client_response').html(response.message_error).css('color', 'red')
                            }
                        }
                    },
                    error: function (e) {
                    }
                });
            });
        {% endif %}
    }, 300)
</script>