{% extends templateTwigParent %}

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


{% block contenu%}
</br>
 <!-- Forms Section-->
<!--section class="forms"--> 
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-12">

               <!-- Menu des rp qui diffère en fonction de l'user, si c'est un étudiant ou un enseignant -->
                 <div class="card">                 
                    <div class="card-header d-flex align-items-center">    
                        {% if is_granted('ROLE_ENSEIGNANT') %}
                        <div class="breadcrumb-holder container-fluid">
                            <ul class="breadcrumb">
                                <li class="breadcrumb-item "><a href="{{ path('rpShow', { 'idRp': rp.id  }) }}">Description</a></li>
                                <li class="breadcrumb-item"><a href="{{ path('rpActiviteList', { 'idRp': rp.id }) }}">Tâches</a></li>
                                <li class="breadcrumb-item active">Productions</li> 
                                <li class="breadcrumb-item "><a href="{{ path('commentaireRpAdd', { 'idRp': rp.id  }) }}">Commentaires</a></li> 
                                <li class="breadcrumb-item "><a   href="{{ path('rpValider', { 'idRp': rp.id  }) }}"  >Viser</a></li>        
                            </ul> 
                        </div>
                    {% else %}
                        <div class="breadcrumb-holder container-fluid">
                            <ul class="breadcrumb">
                                <li class="breadcrumb-item active"><a href="{{ path('rpShowEditAdd', { 'idRp': rp.id }) }}">Description</a></li>
                                <li class="breadcrumb-item" ><a href="{{ path('rpActiviteList', { 'idRp': rp.id }) }}">Tâches</a></li>
                                <li class="breadcrumb-item active">Productions</li>                                
                                <li class="breadcrumb-item"><a href="{{ path('rpCommentaireNotifierEnseignant', { 'idRp': rp.id }) }}">Commentaires</a></li>
                            </ul> 
                        </div>
                         <button class="btn btn-primary" type="submit" onclick="window.location.href='{{ path('rpProductionAdd', { 'idRp': rp.id  })  }}'">Nouvelle production</button>           
                    {% endif %}
                    </div>            
                </div>


                <div class="card">  
                    <div class="card-body">  
                      <div class="table-responsive">  
                        <table class="table table-striped table-sm">
                          <thead>
                            <tr>
                              <th>Description</th>
                              <th>Url</th> 
                               {% if is_granted('ROLE_ENSEIGNANT') %}{% else %}                          
                                <th>supprimer</th>
                                {% endif %}
                            </tr>
                          </thead>
                          <tbody>
                          {% for prod in rp.productions  %}
                            <tr>
                              <td><a {% if is_granted('ROLE_ENSEIGNANT') %}{% else %} href="{{ path('rpProductionEdit', {'idProduction': prod.id }) }}" {% endif %}>{{prod.designation}}</a></td>
                              <td>{{prod.url}}</td>
                              {% if is_granted('ROLE_ENSEIGNANT') %}{% else %} 
                                <td> <a class="text" href="{{ path('rpProductionRemove', { 'idProduction': prod.id }) }}"  onclick="return confirm('Confirmer la suppression ?')" ><span title="Cliquer pour supprimer"><img src="{{ asset('images/bin.png' | trans)}}" class="mr-2"></span> </a></td>
                              {% endif %}
                            </tr>
                           {% endfor %}
                         </tbody>
                        </table>

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

{% endblock %}