{# templates/superadmin/contacts/sa_contacts_list.html.twig #}
{% extends 'superadmin_v2/superadmin.html.twig' %}

{% block title %}Contacts - {{ parent() }}{% endblock %}

{% block body %}
    {{ render(controller('App\\Controller\\Superadmin\\SaLayoutController::breadcrumb', {'rubriques_id':rubriques_id, 'action':filariane_action} )) }}

    {{ include('superadmin_v2/layout/sa_tab.html.twig') }}

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

        {{ include('superadmin_v2/layout/sa_alert.html.twig') }}

        <div class="container-fluid">
            <div class="row">
                {{ include('superadmin_v2/contacts/sa_contacts_recherche.html.twig') }}
                {{ include('superadmin_v2/layout/sa_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 class="width-5">ID</th>
                                <th class="width-12">Nom</th>
                                <th class="width-20">Email / Tél. / Ville</th>
                                <th>Message</th>
                                <th class="width-8">Date<br>d'envoi</th>
                                <th class="width-15">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for k,row in listing %}
                            <tr id="row-{{ row.id }}">
                                <td class="text-center"><b>{{ row.id }}</b></td>
                                <td>{{ row.prenom }} {{ row.nom }}</td>
                                <td>
                                    <i class="zmdi zmdi-email zmdi-hc-lg"></i> {{ row.email }}<br>
                                    <i class="zmdi zmdi-phone zmdi-hc-lg"></i> {{ row.tel }}<br>
                                    {% if row.ville|length > 0 %}<i class="zmdi zmdi-pin zmdi-hc-lg"></i> {{ row.ville }}{% endif %}
                                </td>
                                <td>{{ getNl2Br(row.message)|raw }}</td>
                                <td class="text-center">{{ row.creationDate is not null ? row.creationDate|date('d-m-Y H:i') : '' }}</td>
                                <td class="text-center">
                                    {% if row.archived  == '0' %}
                                    <div class="table-data-feature">
                                        {% if row.addedToDevis == '0' and 13 in roles %}
                                        <button id="btn-add-to-devis-{{ row.id }}" class="item primary" onclick="addToDevis({{ row.id }});" data-toggle="tooltip" data-placement="top" title="Devis">
                                            <i class="zmdi zmdi-playlist-plus"></i>
                                        </button>
                                        {% endif %}
                                        {% if 14 in roles %}
                                        <button class="item info" onclick="reply({{ row.id }});" data-toggle="modal" data-target="#app_modal" title="Répondre">
                                            <i class="zmdi zmdi-mail-reply"></i>
                                        </button>
                                        {% endif %}
                                        <button 
                                          id="viewed_{{ row.id }}" 
                                          onclick="viewedNotViewed({{ row.id }});" 
                                          class="item {% if row.viewed == 1 %}success{% else %}danger{% endif %}">
                                            <i class="zmdi {% if row.viewed == 1 %}zmdi-eye{% else %}zmdi-eye-off{% endif %}"></i>
                                        </button>

                                        {% if 15 in roles %}
                                        <button class="item warning" onclick="archiver({{ row.id }});" data-toggle="tooltip" data-placement="top" title="Archiver">
                                            <i class="zmdi zmdi-collection-folder-image"></i>
                                        </button>
                                        {% endif %}
                                    </div>
                                    {% endif %}
                                    <div class="table-data-feature" style="margin-top:6px!important;">
                                        <button class="item info" onclick="getJournal({{ row.id }});" data-toggle="modal" data-target="#app_modal">
                                            <i class="zmdi zmdi-file-text"></i>
                                        </button>
                                    </div>
                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                    {% endif %}
                </div>

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

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

{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript">
    // <![CDATA[
    $(document).ready(function(){
        $(document).on('click', 'form#repondre_contact_form #repondre_contact_submit', function(){
            var ckeck = 0;
            
            if ($('form#repondre_contact_form #reponse').val().length == 0) {	
                ckeck += 1;
                $('form#repondre_contact_form #reponse').addClass('is-invalid');
                $('div#reponse-error').html("Veuillez insérer votre message");
                $('form#repondre_contact_form #reponse').focus(function(){
                    $(this).removeClass('is-invalid');
                    $('div#reponse-error').html('');
                });            
            }
            
            if (ckeck == 0) {
                $('form#repondre_contact_form').submit();
                return true;
            } else {
                return false;
            }
        });
    });
    // ]]>
    
    function addToDevis(id){
        if (confirm("Êtes-vous sûr ?")) {
            $.ajax({
                url : "{{ path('superadmin_contacts_list') }}/"+ id +"/add-to-devis",
                dataType : 'json',
                success : function(response){
                    if (response.message === 'success') {
                        $('button#btn-add-to-devis-' + id).remove();
						alert('Ajoutée avec succès');
                    }
                },
                error : function(e){
                }
            });
        }
    }

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

    function viewedNotViewed(id){
        $.ajax({
            url : "{{ path('superadmin_contacts_list') }}/"+ id +"/viewed",
            dataType : 'json',
            success : function(response){
                if (response.message === 'viewed') {
                    $('button#viewed_' + id).removeClass('danger').addClass('success');
                    $('button#viewed_' + id + ' i').removeClass('zmdi-eye-off').addClass('zmdi-eye');
                } else if (response.message === 'not_viewed') {
                    $('button#viewed_' + id).removeClass('success').addClass('danger');
                    $('button#viewed_' + id + ' i').removeClass('zmdi-eye').addClass('zmdi-eye-off');
                }
            },
            error : function(e){
            }
        });
    }

    function archiver(id){
        if (confirm("Êtes-vous sûr ?")) {
            $.ajax({
                url : "{{ path('superadmin_contacts_list') }}/"+ id +"/archiver",
                dataType : 'json',
                success : function(response){
                    if (response.message === 'success') {
                        $('tr#row-' + id).remove();
                    }
                },
                error : function(e){
                }
            });
        }
    }

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