{% extends 'base.html.twig' %}

{% block title %}Liste des clients{% endblock %}

{% block header %}  
    {{parent()}}
{% endblock %}
{% block stylesheets %}
 {{parent()}}
{% endblock %}
  {% block body %}
    <div class="content-page">
        <div class="content">
            <!-- Start Content-->
            <div class="container-fluid">
                <div class="row">
                    <div class="col-12">
                        <div class="page-title-box">            
                           
                            <h1>Liste des clients</h1>
                                <a href="{{ path('ajouter_client') }}" class="custom-link" style="margin-bottom: 20px;">Ajouter un client</a>
                                     <div class="tab-content">
                                <div class="tab-pane show active" id="scroll-horizontal-preview">
                                    <table id="scroll-horizontal-datatable" class="table table-striped w-100 nowrap">
                                        <thead>
                                            <tr> 
                                                        <th class="no-sort"></th>
                                                        <th>Nom</th>
                                                        <th>Adresse</th>
                                                        <th>Code Postal</th>
                                                        <th>Ville</th>
                                                        <th>Téléphone</th>
                                                        <th>Email</th>
                                                        
                                                    </tr>
                                                </thead>

                                                 <tbody style="vertical-align: middle;">
                                                {% for client in clients %}
                                                 {% if client.entreprise == app.user.entreprise or client.clientCommun == 1%}
                                                    {% if client.dateDelete is null %}
                                                    <tr>
                                                     <td class="no-sort">
                                              
                                                            <ul class="list-inline">
                                                                <a href="{{ path('details_client', {'id': client.id}) }}" class="detail-custom" style="padding: 0px 5px;">
                                                                    <i class="ri-search-eye-line "></i>
                                                                </a>
                                                                
                                                                <a href="{{ path('modifier_client', {'id': client.id}) }}" class="modifier-custom" style="padding: 0px 5px;">
                                                                    <i class="ri-edit-line "></i>
                                                                </a>

                                                                <a href="{{ path('supprimer_client', {'id': client.id}) }}" class="supprimer-custom"  style="padding: 0px 5px;">
                                                                    <i class="ri-delete-bin-line "></i>    
                                                                </a>
                                                            </ul>
                                                        </td>
                                                        <td><a href="{{path('details_client', {'id': client.id})}}">{{ client.nom }}</a></td>
                                                        <td>{{ client.adresse1 }}</br>{{ client.adresse2 }}</td>
                                                        <td>{{ client.codePostal }}</td>
                                                        <td>{{ client.ville }}</td>
                                                        <td>{{ client.telephone }}</td>
                                                        <td>{{ client.email }}</td>

                                                       
                                                       
                                                    </tr> 
                                                    {% endif %}  
                                                {% endif %}
                                            {% endfor %}
                                        </tbody>
                                    </table>
                                </div> 
                        </div>    
                                <a href="{{ path('ajouter_client') }}" class="custom-link">Ajouter un client</a>
                          
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
{% endblock %}




 {#$('#datatableSalarieId').DataTable({
        columnDefs: [
            { targets: [1, 2, 12, 18], orderable: true }, // tri sur les colonnes 1 (Nom), 2 (Prénom), 3 (Contrat), 4 (Responsable hiérarchique)
        
            { targets: [0, 3, 4,5,6,7,8,9,10,11,13,14,15,16,17,19], orderable: false } //voir si on fait vraiment le tri que sur certaine colonne
        ]
    });
});#}