{% extends 'base.html.twig' %}
{% import 'navigation/switch_months.html.twig' as navigation %}
{% block title %}Harmonogramy{% endblock %}
{% block body %}
    <div class="row reports-months-all">
        <ul class="nav nav-underline nav-fill">
            <li class="nav-item position-relative">
                <a href="{{ path('app_schedule', {typeId:2}) }}" class="nav-link {% if typeId == 2 %}active{% endif %}">Zaległe</a>
                {% if isOverdue %}
                    <div class="spinner-grow spinner-grow-sm text-danger overdue"></div>
                {% endif %}
            </li>
            <li class="nav-item">
                <a href="{{ path('app_schedule', {typeId:1}) }}" class="nav-link {% if typeId == 1 %}active{% endif %}">Aktualne</a>
            </li>
        </ul>
    </div>
    <div class="row row-cols-auto schedule-all">
        {% for schedule in schedules %}
            <div class="col">
                <div class="card border-{{ schedule.getStatus.borderColor }}">
                    <div class="card-body">
                        <h5 class="card-title">
                            {% if is_granted('clientView') %}
                                <a href="{{ path('app_client',{id: schedule.client.id}) }}">{{ schedule.client.strName }}</a>
                            {% else %}
                                <div class="link-dark">{{ schedule.client.strName }}</div>
                            {% endif %}
                        </h5>
                        {% if enum(schedule.getStatus, 'OVERDUE') %}
                            <h6 class="card-subtitle text-muted text-danger-emphasis">Czas minął: {{ schedule.getTimeLeft }} dni</h6>
                            <div class="spinner-grow spinner-grow-sm text-danger overdue"></div>
                        {% else %}
                            <h6 class="card-subtitle text-muted">Pozostały czas: {{ schedule.getTimeLeft }} dni</h6>
                        {% endif %}
                    </div>
                    <div class="card-footer">
                        <form action="{{ path('app_schedule_status',{id:schedule.id}) }}" method="post">
                            <input type="hidden" name="token" value="{{ csrf_token('schedule-status') }}">
                            <button type="submit" class="btn btn-outline-success w-100">Wysłano</button>
                        </form>
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}