{# templates/client/client_mes_devis_reponses.html.twig #}
{% extends 'base.html.twig' %}

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

{% block body %}
    <section id="sub_header">
        <div class="container">
            <div class="row">
                <div class="col-md-12 col-sm-12" id="position">
                    <ul>
                        <li><a href="{{ path('home_page') }}">Accueil</a></li>
                        <li>Visualiser les devis</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    
    <div class="container margin_60">
        <div class="row">
            <div class="col-md-12">
                {{ render(controller('App\\Controller\\LayoutController::menuClient', {'current': current})) }}

                <h3>Visualiser les devis</h3>

                {% if listing|length > 0 %}
                <div class="alert alert-info" role="alert" style="margin-top:30px;font-weight:bold;">
                Vous trouvez ci-dessous la liste des devis envoyés par nos partenaires.
                </div>

                <table class="table table-striped table-bordered table-condensed client-listing">	
                  <thead>
                    <tr>
                        <th style="width:5%;vertical-align:middle;">#</th>
                        <th style="width:15%;vertical-align:middle;">Artisan</a></th>
                        <th style="vertical-align:middle;">Message</th>
                        <th style="width:10%;vertical-align:middle;">Date d'envoi</th>
                        {# % if remote_addr == '196.203.182.13' % #}
                        <th style="width:20%;vertical-align:middle;">Transmettre les infos<br>de contact au prestataire</th>
                        <th style="width:10%;"></th>
                        {# % endif % #}
                    </tr>
                  </thead>
                  <tbody>
                    {% for key,row in listing %}
                    <tr id="row-{{ row.id }}" class="bgc-{% if key is odd %}ddd{% else %}eee{% endif %}">
                        <td style="text-align:center;"><b>{{ (key + 1) }}</b></td>
                        <td style="text-align:left;">{{ row.societe }}</td>
                        <td style="text-align:left;">
                            {{ getNl2Br(row.message)|raw }}
                            {% 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 / heure :</b> {{ row.prix_heure }} &euro;{% endif %}
                            {% if row.file_reponse_devis|length > 0 %}<br>{{ getLinkReponseDevis(row.file_reponse_devis)|raw }}{% endif %}
                        </td>
                        <td style="text-align:center;">{{ row.date_envoi|date('d-m-Y') }}<br>{{ row.date_envoi|date('H:i') }}</td>
                        {# % if remote_addr == '196.203.182.13' % #}
                        {% if row.archived == 0 %}
                        <td style="text-align:center;vertical-align:middle;" id="answered_{{ row.id }}">
                            {% if row.answered == 0 %}
                            L’offre me convient, je souhaite être contacté par le prestataire<br><br>
                            <a href="javascript:void(0);" onclick="sendToArtisan({{ row.id }});" class="btn_1" title="">Envoyer</a>
                            {% else %}
                            <span style="font-weight:bold;color:#31708f;">Réponse envoyée au artisan</span>
                            {% endif %}
                        </td>
                        <td style="text-align:center;vertical-align:middle;" id="archived_{{ row.id }}">
                            <a href="javascript:void(0);" onclick="archiver({{ row.id }});" class="btn_1" title="">Archiver</a>
                        </td>
                        {% else %}
                        <td colspan="2" style="text-align:center;vertical-align:middle;">
                            <span style="color:red;font-weight:bold;">Archivé</span>
                        </td>
                        {% endif %}
                        {# % endif % #}
                    </tr>
                    {% endfor %}
                  </tbody>
                </table>
                {% else %}
                <div class="alert alert-danger" role="alert" style="margin-top:30px;">
                Aucun résultat.
                </div>
                {% endif %}

            </div>
            
            {# { render(controller('App\\Controller\\LayoutController::rightColumn', {'current': current})) } #}
        </div>
    </div>

{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
    });
    // ]]>
    
    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 %}