{% extends 'base.html.twig' %}
{% import 'navigation/switch_months.html.twig' as navigation %}
{% import 'reports/listInclude.html.twig' as sets %}
{% block body %}
    {{ navigation.month_menu('app_base',months,currentMonth,countOverdueLeft,clientId,client) }}
    <div class="
        row
        d-flex
        row-cols-sm-1
        row-cols-lg-3
        justify-content-center
        reports-all"
    >
        {% for id,reports in reportsGroup %}
            <div class="status-row" style="{% if isOverdue and enum(reports.status, 'COMPLETE') %}display:none{% endif %}">
                <div class="card border-{{ reports.status.backgroundColor }}">
                    <h3 class="card-header">{{ reports.status.takeLang }}</h3>
                    <div class="card-body">
                        {% for report in reports.reports %}
                            {{ sets.cardView(report, reports.status, reportToDoList) }}
                        {% endfor %}
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}