{# client_mes_demandes_visualiser_devis_template.html.twig #}
{% extends 'client_v2/client.html.twig' %}

{% block title %}Visualiser les devis - {{ parent() }}{% endblock %}
{% block description %}{% endblock %}

{% block body %}
    <section class="au-breadcrumb m-t-0">
        <div class="section__content section__content--p30">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-12" style="padding-left:0;">
                        <div class="au-breadcrumb-content">
                            <div class="au-breadcrumb-left">
                                <ul class="list-unstyled list-inline au-breadcrumb__list">
                                    <li class="list-inline-item">Visualiser les devis</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <div class="container margin_60">
        <div class="row">
            <div class="col-md-12">

                {% if listing|length > 0 %}
                    <table class="table table-borderless table-striped table-earning">
                        <thead>
                        <tr>
                            <th class="width-5">#</th>
                            <th class="width-18">Artisan</th>
                            <th>Message</th>
                            <th class="width-10">Date<br>d'envoi</th>
                            <th class="width-20">Transmettre les infos<br>de contact au prestataire</th>
                            <th class="width-10"></th>
                        </tr>
                        </thead>
                        <tbody>
                        {% for k,row in listing %}
                            <tr>
                                <td class="text-center">{{ (k + 1) }}</td>
                                <td>
                                    {{ row.societe }}
                                    <br>
                                    {% if row.artisanEmail|length > 0 %}<br><i class="zmdi zmdi-email"></i>&nbsp; {{ row.artisanEmail }}{% endif %}
                                    {% if row.artisanTel|length > 0 %}<br><i class="zmdi zmdi-phone"></i>&nbsp; {{ row.artisanTel }}{% endif %}
                                    {% if row.artisanMobile|length > 0 %}<br><i class="zmdi zmdi-smartphone-android"></i>&nbsp; {{ row.artisanMobile }}{% endif %}
                                    {% if row.artisanMobileBis|length > 0 %}<br><i class="zmdi zmdi-smartphone-android"></i>&nbsp; {{ row.artisanMobileBis }}{% endif %}
                                    {% if row.artisanMobileTrois|length > 0 %}<br><i class="zmdi zmdi-smartphone-android"></i>&nbsp; {{ row.artisanMobileTrois }}{% endif %}
                                </td>
                                <td>
                                    {{ getNl2Br(row.message)|raw }}<br>
                                    {% if row.nbr_heures_estimatif|length > 0 %}<br><b>Nombre d'heures estimatif :</b> {{ row.nbr_heures_estimatif }}{% endif %}
                                    {% if row.prix_heure|length > 0 %}<br><b>Prix moyen / {{ prix_moyen_par }} :</b> {{ row.prix_heure }} &euro;{% endif %}
                                    {% if row.montant_depense|length > 0 and row.montant_depense > 0 %}<br><b>{{ row.intitule_depense }} :</b> {{ row.montant_depense }} &euro;{% endif %}
                                    {% if row.total_apayer_ht|length > 0 and row.total_apayer_ht > 0 %}<br><b>Total à payer (HT) :</b> {{ row.total_apayer_ht }} &euro;{% endif %}
                                    {% if row.remise_eventuelle|length > 0 and row.remise_eventuelle > 0 %}<br><b>Remise éventuelle :</b> {{ row.remise_eventuelle }} &euro;{% endif %}
                                    {% if row.montant_tva|length > 0 and row.montant_tva > 0 %}<br><b>Montant TVA :</b> {{ row.montant_tva }} &euro;{% endif %}
                                    {% if row.total_apayer_ttc|length > 0 and row.total_apayer_ttc > 0 %}<br><b>Total à payer (TTC) :</b> {{ row.total_apayer_ttc }} &euro;{% endif %}
                                    {% if row.file_reponse_devis|length > 0 %}<br><br>{{ getLinkReponseDevis(row.file_reponse_devis)|raw }}{% 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" id="answered_{{ row.id }}">
                                    {% if row.archived == 0 %}
                                        {% if row.answered == 0 %}
                                            L’offre me convient, je souhaite être contacté par le prestataire<br><br>
                                            <button type="button" class="btn btn-info btn-sm btn-block btn-app" onclick="sendToArtisan({{ row.id }});">
                                                <i class="zmdi zmdi-mail-send"></i>&nbsp; Envoyer
                                            </button>
                                        {% else %}
                                            <span style="font-weight:bold;color:#31708f;">Réponse envoyée au artisan</span>
                                        {% endif %}
                                    {% endif %}
                                </td>
                                <td class="text-center" id="archived_{{ row.id }}">
                                    {% if row.archived == 0 %}
                                        <button type="button" class="btn btn-warning btn-sm btn-block btn-app" onclick="archiver({{ row.id }});">
                                            <i class="zmdi zmdi-archive"></i>&nbsp; Archiver
                                        </button>
                                    {% else %}
                                        <span style="color:red;font-weight:bold;">Archivé</span>
                                    {% endif %}
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>

                {% else %}
                    <div class="alert alert-danger" role="alert" style="margin-top:30px;">
                        Aucun résultat.
                    </div>
                {% endif %}

            </div>
        </div>
    </div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
        function sendToArtisan(id) {
            $.ajax({
                url: "{{ path('client_mes_devis') }}/reponses/" + id + "/send-to-client",
                dataType: 'json',
                success: function (response) {
                    if (response.message === 'answered') {
                        $('#answered_' + id).html('<span style="font-weight:bold;color:#31708f;">Réponse envoyée au artisan</span>');
                    }
                },
                error: function (e) {
                }
            });
        }

        function archiver(id) {
            if (confirm("Êtes-vous sûr ?")) {
                $.ajax({
                    url: "{{ path('client_mes_devis') }}/reponses/" + id + "/archiver",
                    dataType: 'json',
                    success: function (response) {
                        if (response.message === 'archived') {
                            $('#archived_' + id).html('');
                        }
                    },
                    error: function (e) {
                    }
                });
            }
        }
    </script>
{% endblock %}