{% extends templateTwigParent %}

{% block titreContenu %} {{ include ('./stage/titre.html.twig') }}{% endblock %}

{% block contenu%}
 {{ include ('./stage/menu.html.twig') }}

    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">  
                <div class="table-responsive"> 
                    
                    <!-- Bouton pointer pour l'étudiant seulement -->
                    {% if is_granted('ROLE_ENSEIGNANT') %} 
                    {% elseif is_granted('ROLE_ETUDIANT') %}                                       
                        <div class="form-group">                         
                            <form action="{{ path('pointageStage', { 'idStage': stage.id, 'action':99} ) }}"><input type="submit" value="Pointer" onClick="{{ path('pointageStage', { 'idStage': stage.id, 'action':99} ) }}" class="btn btn-primary"></form>                     
                        </div>
                    {% endif %}

                    <table class="table table-striped table-sm">
                        <thead>
                            <tr>
                              <th>Date</th>
                              <th>Heure</th>
                              <th>Ip</th>         
                              <th>Supprimer</th>                                                     
                            </tr>
                        </thead>
                        <tbody>
                            {% for pointage in stage.pointages  %}        
                            <tr>
                                <td scope="row">{{pointage.datePoint |date('D d/m/Y', "Europe/Paris")}} </a></td>
                                <td>{{pointage.heurePoint |date('H:i:s',"Europe/Paris")}}  </td>
                                <td>{{pointage.ipPoint}}</td>
                                 <td><a class="text" href="{{ path('pointageRemove', { 'idPointage': pointage.id }) }}"><span title="Cliquer pour supprimer"><img src="{{ asset('images/bin.png' | trans)}}" class="mr-2"  onclick="return confirm('Confirmer la suppression ?')"></span> </a></td>  
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>

                </div>
            </div>
        </div>
    </div>

   

{% endblock %}