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

{% block title %}Liste des cours{% endblock %}

{% block body %}

    <div class="example-wrapper">
        <div class="row align-items-center justify-content-between border-bottom pb-4">
            <div class="col-4">
                <h2>Liste des cours</h2>
            </div>
            {% if is_granted('ROLE_ADMIN') %}
            <div class="col-2 text-md-right text-center">
                <a class="btn btn-danger" href="{{ path('lesson_create') }}">Ajouter un cours</a>
            </div>
            {% endif %}
        </div>
        <div class="row justify-content-around">
            {% for lesson in lessons %}
                <div class="card m-3 col-3" id="cour-{{ lesson.id }}">
                    <div class="card-body">
                        <h4 class="card-title">{{ lesson.title }}</h4>
                        <h6 class="card-subtitle mb-2 text-muted">Intervenant : </h6>
                        <ul class="list-unstyled">
                        {% for formateur in lesson.users %}
                          {% if formateur.roles[0] == 'ROLE_FORMATEUR' %}
                            <li class="text-muted text-decoration-none list-style-none">{{ formateur.firstname }} {{ formateur.lastname }}</li>
                          {% endif %}
                        {% endfor %}
                        <p class="card-text"><small>Durée du cours : {{ lesson.duration }}</small></p>
                        <a class="card-link" href="{{ path('lesson_show', {'id':lesson.id}) }}">Lire la suite</a>
                        {% if is_granted('ROLE_ADMIN') %}
                        <a href="{{ path('lesson_edit', {id:lesson.id}) }}" class="card-link">Another link</a>
                        {% endif %}
                    </div>
                </div>
            {% endfor %}
        </div>

    </div>
{% endblock %}