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

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

{% set formation = compterenduformation.formation %}
{% 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_prof or est_sousprof %}

                                                <li class="">
                                                    <a class="btn btn-primary btn-new mr-2"
                                                       target="_blank"
                                                       href="{{ path('formation_compterenduformation_pdf', {
                                                           'id': compterenduformation.id
                                                       }) }}">
                                                        PDF
                                                    </a>
                                                </li>

                                                {% if (est_admin or est_proprietaire) %}
                                                <li class="">
                                                    <a class="btn btn-primary btn-edit mr-2"
                                                       href="{{ path('formation_compterenduformation_edit', {'id':compterenduformation.id}) }}">
                                                        Modifier un compte-rendu
                                                    </a>
                                                </li>
                                                <li class="">
                                                    {% if compterenduformation.active %}
                                                    <a class="btn btn-outline-primary btn-delete"
                                                       href="{{ path('formation_compterenduformation_active', {'id':compterenduformation.id}) }}">
                                                        Supprimer un compte-rendu
                                                    </a>
                                                    {% else %}

                                                    <a class="btn btn-outline-dark btn-activate"
                                                       href="{{ path('formation_compterenduformation_active', {'id':compterenduformation.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">Id: {{ compterenduformation.id }}</div>
                                        <div class="col-lg-6">{# { compterenduformation.active } #}</div>

                                        <div class="col-lg-6">Date : {{ compterenduformation.date|date('d/m/Y') }}</div>
                                        <div class="col-lg-6">Type de formation : {% if compterenduformation.type %}{{ compterenduformation.type.libelle }}{% endif %}</div>

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

                                        <div class="col-12">Objectifs pédagogiques: {{ compterenduformation.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>{{ compterenduformation.activitesrealisees|raw }}</td>
                                                    <td>{{ compterenduformation.activitesrealiseesbilan|raw }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Grammaire</th>
                                                    <td>{{ compterenduformation.grammaire|raw }}</td>
                                                    <td>{{ compterenduformation.grammairebilan|raw }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Vocabulaire</th>
                                                    <td>{{ compterenduformation.vocabulaire|raw }}</td>
                                                    <td>{{ compterenduformation.vocabulairebilan|raw }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Phonétique</th>
                                                    <td>{{ compterenduformation.phonetique|raw }}</td>
                                                    <td>{{ compterenduformation.phonetiquebilan|raw }}</td>
                                                </tr>
                                                </tbody>
                                            </table>
                                        </div>

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

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