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

{% block title %}{{parent()}}: Liste des comptes-rendus{% endblock %}

{% block body %}
    {% include 'breadcrumb.html.twig' %}
    <div class="container-fluid">
        <div id="ui-view">
            <div>
                <div class="animated fadeIn">
                    <div class="row">
                        <div class="col">
                            <div class="card">

                                <div class="card-header">
                                    <h4 class="d-inline-block m-0">Détails d'un compte-rendu</h4>

                                    <div class="card-header-actions">
                                        <ul class="d-flex list-unstyled m-0">
                                            {% if est_connecte %}

                                                <li class="">
                                                    <a class="btn btn-primary btn-new mr-2"
                                                       target="_blank"
                                                       href="{{ path('formation_compterendu_pdf', {
                                                           'id': compterendu.id
                                                       }) }}">
                                                        PDF
                                                    </a>
                                                </li>
                                                {% if est_eleve == false %}
                                                    <li class="">
                                                        <a class="btn btn-primary btn-edit mr-2"
                                                           href="{{ path('formation_compterendu_edit', {'id':compterendu.id}) }}">
                                                            Modifier un compte-rendu
                                                        </a>
                                                    </li>
                                                    <li class="">
                                                        {% if compterendu.active %}
                                                        <a class="btn btn-outline-primary btn-delete"
                                                           href="{{ path('formation_compterendu_active', {'id':compterendu.id}) }}">
                                                            Supprimer un compte-rendu
                                                        </a>
                                                        {% else %}

                                                        <a class="btn btn-outline-dark btn-activate"
                                                           href="{{ path('formation_compterendu_active', {'id':compterendu.id}) }}">
                                                            Réactiver un compte-rendu
                                                        </a>
                                                        {% endif %}
                                                    </li>
                                                {% endif %}
                                            {% endif %}
                                        </ul>
                                    </div>
                                </div>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-lg-6">Numéro: {{ compterendu.numero }}</div>
                                        <div class="col-lg-6">{# { compterendu.active } #}</div>

                                        <div class="col-lg-6">Date : {{ compterendu.date|date('d/m/Y') }}</div>
                                        <div class="col-lg-6">Durée : {{ compterendu.duree|date('H:i:s') }}</div>

                                        <div class="col-12">Objectifs pédagogiques: {{ compterendu.objectifspedagogiques|raw }}</div>

                                        <div class="col-12 form-group row">
                                            <table class="table">
                                                <thead>
                                                <tr>
                                                    <th></th>
                                                    <th>Remarques</th>
                                                    <th>Bilan</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                <tr>
                                                    <th>Activités réalisées</th>
                                                    <td>{{ compterendu.activitesrealisees|raw }}</td>
                                                    <td>{{ compterendu.activitesrealiseesbilan|raw }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Grammaire</th>
                                                    <td>{{ compterendu.grammaire|raw }}</td>
                                                    <td>{{ compterendu.grammairebilan|raw }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Vocabulaire</th>
                                                    <td>{{ compterendu.vocabulaire|raw }}</td>
                                                    <td>{{ compterendu.vocabulairebilan|raw }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Phonétique</th>
                                                    <td>{{ compterendu.phonetique|raw }}</td>
                                                    <td>{{ compterendu.phonetiquebilan|raw }}</td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>

                                        <div class="col-lg-6">Suport utilisé: {{ compterendu.supportutilise|raw }}</div>
                                        <div class="col-lg-6">Travail à faire: {{ compterendu.travailafaire|raw }}</div>

                                        <div class="col-lg-6">Commentaire : {{ compterendu.commentaire|raw }}</div>
                                        <div class="col-lg-6">Prochain cours: {{ compterendu.dateprochaincours|date('d/m/Y') }}</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}