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

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

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

    {{ include('superadmin/layout/sa_actions.html.twig') }}
    
    {{ include('superadmin/layout/sa_debug.html.twig') }}

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

    {% if page <= nb_pages %}
    <table class="table table-bordered table-condensed superadmin-listing">	
      <thead>
        <tr>
            <th class="width-5"><a href="javascript:void(0);">ID</a></th>
            <th class="width-12"><a href="javascript:void(0);">Nom</a></th>
            <th class="width-20"><a href="javascript:void(0);">Email / Tél. / Ville</a></th>
            <th><a href="javascript:void(0);">Meassage</a></th>
            <th class="width-8"><a href="javascript:void(0);">Date d'envoi</a></th>
            <th colspan="3"><a href="javascript:void(0);">Actions</a></th>
        </tr>
      </thead>
      <tbody>
        {% for k,row in listing %}
        <tr id="row-{{ row.id }}" class="bgc-{% if k is odd %}ddd{% else %}eee{% endif %}">
            <td class="center" style="vertical-align:top;"><b>{{ row.id }}</b></td>
            <td class="left" style="vertical-align:top;">{{ row.prenom }} {{ row.nom }}</td>
            <td class="left" style="vertical-align:top;">
                <i class="fa fa-envelope fawesome" aria-hidden="true" style="font-size:14px;"></i> {{ row.email }}<br>
                <i class="fa fa-phone fawesome" aria-hidden="true" style="font-size:16px;padding-right:2px;"></i> {{ row.tel }}<br>
                {% if row.ville|length > 0 %}<i class="fa fa-map-marker fawesome" aria-hidden="true" style="font-size:16px;padding-right:5px;"></i> {{ row.ville }}{% endif %}
            </td>
            <td class="left" style="vertical-align:top;">{{ getNl2Br(row.message)|raw }}</td>
            <td class="center" style="vertical-align:top;">{{ row.creationDate|date('d-m-Y H:i') }}</td>
            <td class="center width-8" style="vertical-align:top;">
                {% if row.addedToDevis == '0' %}
                <a id="btn-add-to-devis-{{ row.id }}" href="javascript:void(0);" title="Ajouter aux devis" onclick="addToDevis({{ row.id }});" class="btn btn-primary bold">
                    <i class="fa fa-plus fawesome" aria-hidden="true"></i> Devis
                </a>
                {% endif %}
            </td>
            <td class="center width-8" style="vertical-align:top;">
                <a title="Répondre" href="javascript:void(0);" class="btn btn-info bold" onclick="repondreModal({{ row.id }});" data-toggle="modal" data-target="#contact_modal">
                    <i class="fa fa-send fawesome" aria-hidden="true"></i> Répondre
                </a>
            </td>
            <td class="center width-8" style="vertical-align:top;">
                <a title="Archiver" href="javascript:void(0);" onclick="archiver({{ row.id }});" class="btn btn-warning bold">
                    <i class="fa fa-folder-open fawesome" aria-hidden="true"></i> Archiver
                </a>
            </td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {{ include('superadmin/layout/sa_pagination.html.twig') }}
    {% endif %}
    <div class="modal fade" id="contact_modal"></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').css({'border':'1px solid #ff0000'});
                $('div#reponse-error').html("Veuillez insérer votre message");
                $('form#repondre_contact_form #reponse').focus(function(){
                    $(this).css({'border':'1px solid #cccccc'});
                    $('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') {
                        $('a#btn-add-to-devis-' + id).remove();
                    }
                },
                error : function(e){
                }
            });
        }
    }

    function repondreModal(id){
        $('#contact_modal').html('<div class="modal-dialog" role="document"><div class="modal-content"><div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button><h4 class="modal-title" id="myModalLabel"></h4></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') {
                        $('#contact_modal').html(response.html);
                    } else {
                        $('#contact_modal').html('Erreur');
                    }
                }
            },
            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){
                }
            });
        }
    }
    </script>
{% endblock %}