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

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

{% block header %}  
    {{parent()}}
{% endblock %}
{% block stylesheets %}
{#<style>
 #scroll-horizontal-datatable th ,
    #scroll-horizontal-datatable td {
        width: 8%; /* Chaque colonne occupe environ 8% */
        max-width: 100px; /* Limiter la largeur de chaque colonne*/
        white-space: nowrap; /* Empêcher le texte de se découper sur plusieurs lignes */
        overflow: hidden; /* Cacher le contenu dépassant de la colonne */
        text-overflow: ellipsis; /* Remplacer le contenu dépassant par des points de suspension */
    }

    #scroll-horizontal-datatable th.no-sort,
    #scroll-horizontal-datatable td.no-sort {
        width: auto; /* Définir une largeur automatique pour cette colonne */
        max-width: none; /* Supprimer la limite de largeur */
        white-space: nowrap; /* Empêcher le texte de se découper sur plusieurs lignes */
        overflow: visible; /* Afficher le contenu dépassant de la colonne */
        text-overflow: unset; /* Réinitialiser le style text-overflow */
    }
    /* Styles pour les cellules étendues */
#scroll-horizontal-datatable td.expanded {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}

/* Styles pour les en-têtes de colonne correspondants */
#scroll-horizontal-datatable th.expanded {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}

</style>#}
{% 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 entreprises du groupe PTC</h1>
                                <a href="{{ path('ajouter_entreprise') }}" class="custom-link" style="margin-bottom: 20px;">Ajouter une entreprise</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>Site</th>
                                                        <th>Calcul de déplacement</th>
                                                       
                                                       {#} <th>Holding</th> #}
                                                        <th>SIRET</th> 
                                                        <th>SIREN</th> 
                                                        <th>numTVA</th>
                                                        
                                                    </tr>
                                                </thead>
                                                 <tbody style="vertical-align: middle;">
                                                {% for entreprise in entreprises %}
                                                    {% if entreprise.dateDelete is null %}
                                                    <tr>
                                                    <td class="no-sort">
                                                
                                                            <ul class="list-inline">
                                                                <a href="{{ path('details_entreprise', {'id': entreprise.id}) }}" class="detail-custom" style="padding: 0px 5px;">
                                                                    <i class="ri-search-eye-line "></i>
                                                                </a>
                                                                
                                                                <a href="{{ path('modifier_entreprise', {'id': entreprise.id}) }}" class="modifier-custom" style="padding: 0px 5px;">
                                                                    <i class="ri-edit-line "></i>
                                                                </a>

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

                                                        <td>{{ entreprise.calculDeplacement }}</td>
                                                        {#<td>{{ entreprise.holding ? 'Oui' : 'Non' }}</td>#}
                                                        <td>{{ entreprise.SIRET }}</td>
                                                        <td>{{ entreprise.SIREN }}</td>
                                                        <td>{{ entreprise.numTVA }}</td>
                                                        
                                                    </tr> 
                                                {% endif %}
                                            {% endfor %}
                                        </tbody>
                                    </table>
                                </div> 
                        </div>    
                                <a href="{{ path('ajouter_entreprise') }}" class="custom-link">Ajouter une entreprise</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
        ]
    });
});#}