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

{% block title %}Liste des planning{% 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 plannings</h1>
                                    <a href="{{ path('planning_nouveau') }}" class="custom-link" style="margin-bottom: 20px;">Ajouter une entrée au planning</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>Chantier</th>
                                                <th>Salarié</th>
                                               {#} <th>Chantier</th>#}
                                                <th>Date de Début</th>
                                                <th>Date de Fin</th>
                                               
                                            </tr>
                                       </thead>
                                       <tbody style="vertical-align: middle;">
                                        {% for planning in plannings %}
                                            {% if planning.dateDelete is null %}
                                          {% for planningSalarie in planning.planningSalaries %}
                                        <tr>
                                        <td class="no-sort">
                                        
                                            
                                       
                                                <ul class="list-inline">
                                                    <a href="{{ path('modifier_planning', {'id': planning.id}) }}" class="modifier-custom" style="padding: 0px 5px;"><i class="ri-edit-line "></i>
                                                    </a>
                                                    <a href="{{ path('supprimer_planning', {'id': planning.id}) }}" class="supprimer-custom"  style="padding: 0px 5px;"><i class="ri-delete-bin-line "></i>
                                                    </a>
                                                </ul>
                                            </td>
                                             <td>{{ planning.chantier.libelle}}</td>
                                            <td><a href="{{ path('details_salarie', {'id': planningSalarie.salarie.id}) }}">{{ planningSalarie.salarie.nom }} {{ planningSalarie.salarie.prenom }} </a></td>
                                           {#} <td>{{planning.chantier }}</td>#}
                                            <td>{{ planning.dateDebut|date('d/m/Y') }}</td>
                                            <td>{{ planning.dateFin|date('d/m/Y') }}</td>
                                             
                                            
                                        </tr> {% endfor %}
                                            {% endif %}
                                        {% endfor %}
                                        </tbody>
                                           
                                    </table>


                                    <a href="{{ path('planning_nouveau') }}" class="custom-link">Ajouter un planning</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
                                    
{% endblock %}


{% block javascripts %}
 {{parent()}}

   
  {% endblock %}