{% extends "layout.twig" %}

{% block title %}{{ page_title }} | {{ app_name }}{% endblock %}

{% block content %}
    <section class="card">
        <div class="section-head">
            <div>
                <h2>{{ week.title }}</h2>
                <p>KW {{ week.week_number }} / {{ week.year }}</p>
            </div>
            <a class="btn" href="{{ base_url }}/entry_new.php?week_id={{ week.id }}">Neuer Eintrag</a>
        </div>

        {% if entries_by_date is empty %}
            <p>Noch keine Einträge vorhanden.</p>
        {% else %}
            {% for date, entries in entries_by_date %}
                <div class="date-group">
                    <h3>{{ date|date("d.m.Y") }}</h3>

                    <div class="entry-list">
                        {% for entry in entries %}
                            <article class="entry-card">
                                <div class="entry-meta">
                                    <strong>
                                        {{ entry.entry_time|slice(0, 5) }} Uhr - {{ entry.duration_minutes }} Minute{% if entry.duration_minutes != 1 %}n{% endif %}
                                    </strong>
                                </div>

                                <div class="entry-note">
                                    {{ entry.note|nl2br }}
                                </div>

                                <div class="entry-actions">
                                    <a class="btn btn-small btn-secondary" href="{{ base_url }}/entry_edit.php?id={{ entry.id }}">
                                        Bearbeiten
                                    </a>

                                    <form method="post" action="{{ base_url }}/entry_delete.php" onsubmit="return confirm('Eintrag wirklich löschen?');">
                                        <input type="hidden" name="id" value="{{ entry.id }}">
                                        <button type="submit" class="btn btn-small btn-danger">Löschen</button>
                                    </form>
                                </div>
                            </article>
                        {% endfor %}
                    </div>
                </div>
            {% endfor %}
        {% endif %}
    </section>
{% endblock %}