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

{% block body %}
    <div id="training">
        {% for training in trainings %}
        <div class="card" onclick="window.location='{{ path('training_show', { 'id' : training.id }) }}'">
            <div class="card_thumb">
                <img src="{{ vich_uploader_asset(training, 'imageFile') | imagine_filter('card_thumbnail') }}" alt="{{ training.title }}">
            </div>
            <div class="card_body">
                <div class="card_title">
                    {{ training.title | truncate(20, true)}}
                </div>
                <div class="card_subtitle">
                    {{ training.subTitle | truncate(30, true)}}
                </div>
                <div class="card_description">
                    {{ training.description | truncate(100, true) }}
                </div>
                <div class="card_footer">
                    <i class="far fa-calendar-alt"> </i>{{ training.createdAt | date }}
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
{% endblock %}