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

{% block title %}Mes demandes de 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>Mes demandes de devis</li>
                    </ul>
                </div>
            </div>
        </div>
    </section>
    
    <div class="container margin_60">
        <div class="row">
            <div class="col-md-12">
                {% if remote_addr == '196.203.182.13' %}
                {{ render(controller('App\\Controller\\LayoutController::menuClient', {'current': current})) }}
                {% endif %}

                <h3>Mes demandes de devis</h3>

                {% if listing|length > 0 %}
                <div class="alert alert-info" role="alert" style="margin-top:30px;text-align:left;font-weight:bold;">
                Bonjour, vous trouvez ci-dessous la liste de vos demandes.<br>
                En cliquant sur le bouton « Clôturer »,  vous ne recevrez plus de proposition de devis.
                </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;">Service</a></th>
                        <th style="width:20%;vertical-align:middle;">Adresse</th>
                        <th style="vertical-align:middle;">Description</th>
                        <th style="width:10%;vertical-align:middle;">Date d'envoi</th>
                        <th style="width:8%;vertical-align:middle;">Nombre<br>de Devis</th>
                        <th style="width:12%;"></th>
                        <th style="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 style="text-align:center;"><b>{{ (key + 1) }}</b></td>
                        <td style="text-align:left;">{{ getServiceByKey(row.service) }}</td>
                        <td style="text-align:left;">{{ row.adresse }},<br>{{ row.cp }} {{ row.ville }}</td>
                        <td style="text-align:left;">{{ getNl2Br(row.description)|raw }}</td>
                        <td style="text-align:center;">{{ row.creationDate|date('d-m-Y') }}<br>{{ row.creationDate|date('H:i') }}</td>
                        <td style="text-align:center;">{{ row.nbr_reponses }}</td>
                        <td style="text-align:center;">
                            {% if row.nbr_reponses > 0 %}
                            <a href="{{ path('client_mes_devis') }}/{{ row.id }}/reponses" class="btn_1" title="">Visualiser<br>les Devis</a>
                            {% endif %}
                        </td>
                        <td style="text-align:center;" id="classified_{{ row.id }}">
                            {% if row.classified == 0 %}
                            <a href="javascript:void(0);" onclick="cloturer({{ row.id }});" class="btn_1" title="">Clôturer</a>
                            {% endif %}
                        </td>
                    </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 cloturer(id){
        if (confirm("Êtes-vous sûr ?")) {
            $.ajax({
                url : "{{ path('client_mes_devis') }}/" + id + "/cloturer",
                dataType : 'json',
                success : function(response){
                    if (response.message === 'classified') {
                        $('#classified_' + id).html('');
                    }
                },
                error : function(e){
                }
            });
        }
    }
    </script>
{% endblock %}