{% 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) }}
    <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 %}
                            <div class="card text-{{ reports.status.textColor }} report-one  {{ reports.status.name | lower }}">
                                <div class="report-number">
                                    <div class="badge bg-{{ reports.status.takeBadgeBg }} text-dark" data-toggle="tooltip" data-placement="bottom" title="Numer sprawozdania">{{ report.number }}</div>
                                </div>
                                {% if enum(reports.status, 'COMPLETE') and false %}
                                    <div class="report-mark-uncompleted">

                                        <form action="{{ path('app_set_status_todo',{id:report.id}) }}" method="post">
                                            <input type="hidden" name="token" value="{{ csrf_token('report-status') }}">
                                            <input type="hidden" name="unDone" value="1">
                                            <button type="submit"  class="badge bg-danger" data-toggle="tooltip" data-placement="bottom" title="Oznacz jako nie zakończone"><i class="fa fa-solid fa-remove"></i></button>
                                        </form>

                                    </div>
                                {% endif %}
                                <div class="card-header">
                                    <h5 class="card-title">
                                        {% if is_granted('clientView') %}
                                            <a href="{{ path('app_client',{id: report.client.id}) }}" >{{ report.client.strName }}</a>
                                        {% else %}
                                            {{ report.client.strName }}
                                        {% endif %}
                                    </h5>
                                </div>
{#                                {% if not enum(reports.status, 'COMPLETE') %}#}
                                    <div class="card-body">
                                        <p class="card-text">{{ sets.statusForm(report, reportToDoList, reports.status) }}</p>
                                    </div>
{#                                {% endif %}#}
                                {% if enum(reports.status, 'WORKING') %}
                                    <div class="card-footer bg-transparent">
                                        {{ sets.progress(report, reportToDoList|length) }}
                                    </div>
                                {% endif %}
                            </div>
                        {% endfor %}
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}