{% extends "layout-bare.twig" %}

{% block content %}
<main class="min-h-screen w-screen overflow-hidden beamer-root"
      data-sprint-root
      data-sprint-id="{{ sprint.id }}"
      data-csrf="{{ csrfToken }}"
      data-reserve-fraction="{{ sprint.reserveFraction|number_format(4, '.', '') }}"
      data-beamer="1">

    <header class="flex items-center justify-between gap-4 px-4 py-2 border-b bg-slate-50 dark:bg-slate-800 dark:border-slate-700">
        <div class="flex items-baseline gap-3">
            <h1 class="text-lg font-semibold tracking-tight">{{ sprint.name }}</h1>
            <p class="text-slate-600 text-xs dark:text-slate-400">
                {{ sprint.startDate }} – {{ sprint.endDate }}
                {% if sprint.isArchived %}
                    · <span class="inline-block px-1.5 py-0.5 text-[10px] bg-slate-200 text-slate-600 rounded dark:bg-slate-700 dark:text-slate-300">archived</span>
                {% endif %}
            </p>
        </div>
        <div class="flex items-center gap-3">
            <div data-status
                 class="text-xs border rounded px-2 py-0.5 opacity-0 transition-opacity duration-200 border-slate-200 bg-slate-50 text-slate-700 dark:bg-slate-800 dark:border-slate-700 dark:text-slate-300">
            </div>
            <a href="/sprints/{{ sprint.id }}" data-close-present
               class="inline-flex items-center gap-2 rounded-md border border-slate-300 bg-white text-slate-700 px-3 py-1 text-sm hover:bg-slate-100 dark:bg-slate-800 dark:border-slate-600 dark:text-slate-200 dark:hover:bg-slate-700">
                Close
            </a>
        </div>
    </header>

    {% if sprintWorkers is empty or weeks is empty %}
        <div class="m-4 rounded-md border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900 dark:bg-amber-900 dark:border-amber-800 dark:text-amber-200">
            {% if weeks is empty %}
                No weeks yet. <a href="/sprints/{{ sprint.id }}/settings" class="underline">Open settings</a> to add some.
            {% elseif sprintWorkers is empty %}
                No workers on this sprint yet. <a href="/sprints/{{ sprint.id }}/settings" class="underline">Open settings</a> to add some.
            {% endif %}
        </div>
    {% else %}
        {% include "sprints/_task_list.twig" with { isBeamer: true } %}
    {% endif %}
</main>
{% endblock %}