{# templates/artisan_v2/devis/ar_mes_devis.html.twig #}
{% extends 'artisan_v2/artisan.html.twig' %}

{% block title %}Mes devis - {{ parent() }}{% endblock %}

{% block body %}
    {{ render(controller('App\\Controller\\Artisan\\ArLayoutController::arServiceClient' )) }}

    {{ render(controller('App\\Controller\\Artisan\\ArLayoutController::breadcrumb', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    <div class="section__content section__content--p30">
        {{ include('artisan_v2/layout/ar_debug.html.twig') }}

        {{ include('artisan_v2/layout/ar_alert.html.twig') }}

        <div class="container-fluid">
            <div class="row">
                {{ include('artisan_v2/layout/ar_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>Mes devis</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for key,row in listing %}
                            <tr id="row-{{ row.id }}">
                                <td>
                                    {% if row.nbr_vues > 0 %}
                                    <div style="top:5px;right:5px;text-align:right;">
                                        <button type="button" 
                                                class="btn btn-outline-link btn-sm" 
                                                style="color:#28a745;" 
                                                data-toggle="tooltip" 
                                                data-placement="top" 
                                                title="Cet oeil indique que le client a consulté votre devis">
                                            {{ row.nbr_vues }}&nbsp; <i class="zmdi zmdi-eye zmdi-hc-lg"></i>
                                        </button>
                                    </div>
                                    {% endif %}

                                    <i class="zmdi zmdi-calendar zmdi-hc-lg"></i>&nbsp; <b>Publiée le</b> {{ row.creationDate|date('d-m-Y') }} <b>à</b> {{ row.creationDate|date('H:i') }}&nbsp; 
                                    <button type="button"
                                            class="badge badge-{% if row.nbr_reponses == 0 %}success{% elseif row.nbr_reponses == 1 %}info{% elseif row.nbr_reponses == 2 %}dark{% elseif row.nbr_reponses == 3 %}secondary{% else %}primary{% endif %}" 
                                            style="width:42px;padding-top:5px;font-size:12px;"
                                            data-toggle="tooltip" 
                                            data-placement="top" 
                                            title="{% if row.nbr_reponses >= 3 %}
                                                Le client a reçu trois propositions
                                            {% elseif row.nbr_reponses == 2 %}
                                                Le client a reçu deux propositions
                                            {% elseif row.nbr_reponses == 1 %}
                                                Le client a reçu une proposition
                                            {% elseif row.nbr_reponses == 0 %}
                                                Le client n’a pas reçu de proposition
                                            {% endif %}">{% if 3 >= row.nbr_reponses %}{{ row.nbr_reponses }}{% else %}3{% endif %}</button>
                                    <br>
                                    <i class="zmdi zmdi-pin zmdi-hc-lg"></i>&nbsp; <b>Ville : {{ row.cp }}</b> {{ row.ville }}<br><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.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;<br>
                                          {% elseif row.service_key == 'vitres' and row.creationDate|date('Y-m-d') > '2021-11-16' %}
                                            <i class="zmdi zmdi-n-5-square zmdi-hc-lg"></i>&nbsp; <b>Nombre de fenêtres :</b> {{ row.surface }}<br>
                                          {% elseif row.service_key == 'merule' and row.id > 9827 %}
                                            <i class="zmdi zmdi-n-5-square zmdi-hc-lg"></i>&nbsp; <b>Longueur (mètre courant) :</b> {{ row.surface }}<br>
                                          {% else %}
                                            <i class="zmdi zmdi-n-5-square zmdi-hc-lg"></i>&nbsp; <b>Surface :</b> {{ row.surface }} m²<br>
                                          {% endif %}
                                      {% endif %}
									{% endif %}
                                    {% if row.frequence|length > 0 %}<i class="zmdi zmdi-repeat zmdi-hc-lg"></i>&nbsp; <b>{% if row.id > 14617 %}{{ row.frequence_lab }}{% else %}Fréquence des interventions{% endif %} :</b> {{ getFrequenceByKey(row.frequence) }}<br>{% endif %}

                                    <br>
                                    <i class="zmdi zmdi-alert-triangle zmdi-hc-lg"></i>&nbsp; <b>Description :</b><br>
                                    {{ getNl2Br(row.description)|raw }}

                                    <div class="row">{{ getImagesDevisToArtisan(row.id, false)|raw }}</div>

                                    <div class="row">
										<div class="offset-md-3 col-md-3 col-sm-12">
											<button type="button" onclick="visualiser({{ row.id }});" class="btn btn-info btn-sm btn-block btn-app" data-toggle="modal" data-target="#app_modal">
												<i class="fa fa-search"></i>&nbsp; Visualiser mon devis
											</button><br>
										</div>
									</div>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    {% endif %}
                </div>

                {% if nb_pages >= page %}{{ include('artisan_v2/layout/ar_paginator.html.twig') }}{% endif %}
            </div>

            {{ include('artisan_v2/layout/ar_footer.html.twig') }}
        </div>
    </div>
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){

    });
    // ]]>

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

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