{% extends "baseEnseignant.html.twig" %}

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


{% block contenu%}
        {% for message in app.flashes('success') %}{# affichera un message de succès si l'action est réussie #}
            <div class="alert alert-success">
                {{ message }}
            </div>
        {% endfor %}
</br>

 <!-- Forms Section-->
<!--section class="forms"--> 
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">

                    <div class="card">
                        <div class="card-header d-flex align-items-center">  
                      <h3 class="h4"> Intitulé  : {{rp.libcourt}}</h3>                     
                        </div>
                    </div>

                <div class="card">
                    <div class="card-header d-flex align-items-center">            
                        
                        <!-- Breadcrumb-->
                        <div class="breadcrumb-holder container-fluid">
                            <ul class="breadcrumb">
                              <li class="breadcrumb-item active"><a  {% if is_granted('ROLE_ENSEIGNANT') %} href="{{ path('showRp', { 'idRp': rp.id  }) }}" {% else %}  href="{{ path('rpShowEditAdd', { 'idRp': rp.id }) }}" {% endif %}>Description</a></li>
                              <li class="breadcrumb-item active"><a href="{{ path('rpActiviteList', { 'idRp': rp.id }) }}">Activités</a></li>
                              <li class="breadcrumb-item active"><a href="{{ path('rpProductionList', { 'idRp': rp.id }) }}">Productions</a></li>                                
                              <li class="breadcrumb-item ">Commentaires</li>
                           </ul>                
                        </div>                                    
                       
                    <!--h3 class="h4">Ajouter ou modifier</h3-->                
                    </div>

                    <div class="card-body"> 
                   
                          {{ form_start(form)}}
 
                            <div class="form-group row">
                                <div class="col-sm-12">
                                    <div class="row">
                                        <div class="col-sm-8">
                                            {{ form_row(form.commentaire, {'attr' : {'class' : 'form-control'}}) }} 
                                        </div>
                                        <div class="col-sm-4">
                                          <button type="submit" class="btn btn-primary">Ajouter</button>
                                        </div>
                                    </div>
                                </div>
                            </div>          
                        {{ form_end(form) }}

                         <div class="line"></div>

                      <div class="table-responsive">   
                        <table class="table table-striped table-sm">
                          <thead>
                            <tr>
                              <th>Commentaires</th>
                              <th>date</th>
                              <th>Enseignant</th>                             
                            </tr>
                          </thead>
                          <tbody>
                          {% for com in rp.commentaires  %}
                            <tr>
                              <td>{{com.commentaire}}</td>
                              <td >{{com.dateCommentaire | date("d/m/Y")}} </td>
                              <td>{{com.enseignant.prenom}} {{com.enseignant.nom}}</td>       
                            </tr>
                           {% endfor %}
                         </tbody>
                        </table>

                      </div>
                                    
                    </div>
                </div>
            </div>
        </div>
    </div>
<!--/section-->

{% endblock %}