{% block title %}Modules{% endblock %}

{% block tab_content %}

<div class="uk-container">

    <div class="uk-animation-slide-bottom">
        <p class="uk-text-center">
            <h1>Liste des modules</h1>
        </p>
    </div>

   

    {% if courses|default %}

    <div class="uk-child-width-1-2@s uk-child-width-1-3@m uk-grid-small uk-grid-match" uk-grid>

        {% for course in courses %}
        <div class="uk-card uk-card-default uk-card-hover">
            <div class="uk-card-body">
                <div class="uk-grid-small" uk-grid>

                    <div class="uk-width-auto">
                        <img width="70" height="70"
                            src="https://upload.wikimedia.org/wikipedia/en/thumb/d/d6/BT_logo.svg/1280px-BT_logo.svg.png">
                    </div>

                    <div class="uk-width-expand">
                        <h3 class="uk-card-title">{{ course.nameCourse}}</h3>
                    </div>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>


    {% else %}
    <h2>Aucune informations en base de données</h2>
    {% endif %}


</div>

{% endblock %}