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

{% block title %}{{ 'planning'|trans }}{% endblock %}

{% block body %}
<div class="modal fade" id="eventModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
</div>
    <div class="row">
        {% for test in tests %}
        <div class="col-lg-4">
            <div class="card  bg-animation mb-3" style="max-width: 18rem;">
                <div class="card-header">{{ test.type|trans }}</div>
                <div class="card-body">
                    <h5 class="card-title" id="countdown{{ test.id }}" data-start_time="{{ test.startTime|date('Y-m-d H:i:s') }}"></h5>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
<div class="card bg-animation mb-3">
    <div class="card-header">
        <h3 class="card-title">Total des leçons {{ total }}</h3>
    </div>
    <div class="card-body">
    <div id="candidacies" data-candidacies="{{ groupedCandidacy|json_encode|e('html_attr') }}"></div>
        {% for key,candidacies in groupedCandidacy %}
            <h3>{{ key|date('F')|trans }}</h3>
        <div id="calendar_{{ key }}"></div>
        {% endfor %}
    </div>
</div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    {{ encore_entry_script_tags('front') }}
{% endblock %}