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

{% block title %}Arbeitszeitnachweis prüfen{% endblock %}

{% block content %}
    {{ form_start(form, { 'attr': { 'hx-post': app.request.uri, 'hx-target': '#htmx-modal', 'hx-swap': 'outerHTML' } }) }}
    <div class="pb-4">
        <div class="font-bold">
            {{ workMonth.teamer }} &middot; {{ workMonth.periodLabel }}
        </div>
        <div class="text-sm text-gray-500">
            {{ workMonth.totalMinutes|duration_hm }} Stunden an {{ workMonth.workedDays }} Tagen,
            eingereicht am {{ workMonth.submittedAt|date('d.m.Y') }}
        </div>
        {% if workMonth.hasMismatch %}
            <div class="text-sm text-red-600 pt-2">
                Achtung: die SaaS meldet für diesen Monat inzwischen
                {{ workMonth.mismatchTotalMinutes|duration_hm }} Stunden.
            </div>
        {% endif %}
    </div>

    <div class="flex flex-col space-y-1 pb-4">
        {% if workMonth.currentDocument %}
            <a href="{{ path('app_common_download', { 'uuid': workMonth.currentDocument.uuid }) }}"
               class="flex items-center space-x-1">
                {{ icon('download') }}
                <span class="shrink-0">Hochgeladenen Nachweis ansehen</span>
            </a>
        {% endif %}
        <a href="{{ path('app_admin_work_month_pdf', { 'uuid': workMonth.uuid }) }}"
           class="flex items-center space-x-1"
           target="_blank">
            {{ icon('pdf') }}
            <span class="shrink-0">Nachweis aus den Daten erzeugen</span>
        </a>
    </div>

    <div class="flex flex-col space-y-2 pb-4">
        {{ form_row(form.status) }}
        {{ form_row(form.comment) }}
    </div>

    <button type="submit" class="btn">
        Speichern
    </button>
    {{ form_rest(form) }}
    {{ form_end(form) }}
{% endblock %}