{# templates/superadmin_v2/devis/sa_clients_list.html.twig #}
{% extends 'superadmin_v2/superadmin.html.twig' %}

{% block title %}Clients - {{ 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">

                <div class="table-data__tool" style="width:100%;">
                    <div class="table-data__tool-left col-lg-3"></div>
                    <div class="table-data__tool-right col-lg-6">
                        <form class="form-horizontal" name="recherche_client_form" id="recherche_client_form" method="get" action="{{ path('superadmin_clients_list') }}">
                        <div class="row form-group fg-m-bottom" style="margin:6px 0 3px!important;">
                            <div for="q" class="col col-md-3 spa-col-label fg-m-bottom">
                                <label class="form-control-label spa-label">Rechercher</label>
                            </div>
                            <div class="col-12 col-md-5 fg-m-bottom">
                                <input type="text" class="form-control" name="q" id="q" placeholder="ID / Email" value="{% if q is not empty %}{{ q }}{% endif %}" autocomplete="off">
                            </div>
                            <div class="col-12 col-md-3 fg-m-bottom">
                                <button type="submit" id="recherche_client_submit" class="btn btn-info btn-sm btn-block">Rechercher</button>
                            </div>
                        </div>
                        </form>
                    </div>
                    <div class="table-data__tool-left col-lg-3"></div>
                </div>

                {{ 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"><a href="{{ path('superadmin_clients_list') }}{{ getLinkOrder('id') }}">ID {{ getDirectionV2('id')|raw }}</a></th>
                                <th class="width-20">Nom</th>
                                <th>Email</th>
                                <th class="width-15">Demandes<br>de devis</th>
                                <th class="width-12">Date<br>d'inscription</th>
                                <th class="width-12"><a href="{{ path('superadmin_clients_list') }}{{ getLinkOrder('derniere_demande') }}">Dernière<br>demande {{ getDirectionV2('derniere_demande')|raw }}</th>
                                <th class="width-15">Actions</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for k,row in listing %}
                            <tr>
                                <td class="text-center"><b>{{ highLight(row.id, q)|raw }}</b></td>
                                <td>{{ row.prenom }} {{ row.nom }}</td>
                                <td><span style="color:{% if row.validated == 1 %}green{% else %}red{% endif %};">{{ highLight(row.email, q)|raw }}</span></td>
                                <td class="text-center">
                                  {% if row.nbr_devis > 0 %}
                                    <a target="_blank" href="{{ path('superadmin_devis_list') ~ '?client=' ~ row.id }}">{{ row.nbr_devis }}</a>
                                  {% else %}
                                    {{ row.nbr_devis }}
                                  {% endif %}
                                </td>
                                <td class="text-center">
                                  {{ row.creationDate|date('d-m-Y') }}
                                  <br>
                                  {{ row.creationDate|date('H:i') }}
                                </td>
                                <td class="text-center">
                                  {{ row.dateDerniereDemande|date('d-m-Y') }}
                                  <br>
                                  {{ row.dateDerniereDemande|date('H:i') }}
                                </td>
                                <td class="text-center">
                                    {% if 18 in roles %}
                                    <button type="button" class="btn btn-info btn-sm btn-block btn-app" onclick="sendToClientModal({{ row.id }});" data-toggle="modal" data-target="#app_modal">
                                        <i class="zmdi zmdi-mail-send"></i>&nbsp; Email pour Client ({{ row.nbrEmailsClient }})
                                    </button>
                                    {% endif %}
                                </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(){

    });
    // ]]>

    function sendToClientModal(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>');
        var link_params = '{{ getLinkParams() }}';
		$.ajax({
            url : "{{ path('superadmin_clients_list') }}/" + id + "/email-to-client-form",
            type : 'POST',
            data : {link_params:link_params},
            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){
            }
        });
    }
    </script>
{% endblock %}