sprint_planer_web/views/sprints/show.php

<?php
/** @var \App\Domain\Sprint $sprint */
/** @var \App\Domain\User   $currentUser */
/** @var string             $csrfToken */
/** @var list<\App\Domain\SprintWeek>   $weeks */
/** @var list<\App\Domain\SprintWorker> $sprintWorkers */
/** @var array<int, array<int, float>> $grid        sw_id => week_id => days */
/** @var array<int, array{ressourcen:float, after_reserves:float, committed_prio1:float, available:float}> $capacity */
/** @var list<\App\Domain\Task>        $tasks */
/** @var array<int, array<int, float>> $taskGrid    task_id => sw_id => days */
/** @var list<\App\Domain\Worker>      $ownerChoices */
use App\Domain\SprintWeek;
use function App\Http\e;
$tasks        = $tasks        ?? [];
$taskGrid     = $taskGrid     ?? [];
$ownerChoices = $ownerChoices ?? [];

if (!function_exists('fmt_days')) {
    function fmt_days(float $x): string
    {
        // Show 0 as "0", whole numbers as integer, halves as x.5
        if (abs($x - round($x)) < 1e-9) {
            return (string) (int) round($x);
        }
        return number_format($x, 1);
    }
}
?>
<section class="space-y-6"
         data-sprint-root
         data-sprint-id="<?= (int) $sprint->id ?>"
         data-csrf="<?= e($csrfToken) ?>"
         data-reserve-fraction="<?= e(number_format($sprint->reserveFraction, 4, '.', '')) ?>">

    <header class="flex items-end justify-between gap-4">
        <div>
            <nav class="text-xs text-slate-500">
                <a href="/" class="hover:underline">Sprints</a> /
            </nav>
            <h1 class="text-2xl font-semibold tracking-tight"><?= e($sprint->name) ?></h1>
            <p class="text-slate-600 mt-1 text-sm">
                <?= e($sprint->startDate) ?> – <?= e($sprint->endDate) ?>
                · Reserve <?= e(number_format($sprint->reserveFraction * 100, 0)) ?>%
                <?php if ($sprint->isArchived): ?>
                    · <span class="inline-block px-2 py-0.5 text-xs bg-slate-100 text-slate-600 rounded">archived</span>
                <?php endif; ?>
            </p>
        </div>
        <div class="flex items-center gap-3">
            <div data-status
                 class="text-sm border rounded px-3 py-1 opacity-0 transition-opacity duration-200 border-slate-200 bg-slate-50 text-slate-700">
            </div>
            <?php if ($currentUser->isAdmin): ?>
                <a href="/sprints/<?= (int) $sprint->id ?>/settings"
                   class="inline-flex items-center gap-2 rounded-md border border-slate-300 bg-white text-slate-700 px-3 py-2 text-sm hover:bg-slate-100">
                    Settings
                </a>
            <?php endif; ?>
        </div>
    </header>

    <?php if ($sprintWorkers === [] || $weeks === []): ?>
        <div class="rounded-md border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900">
            <?php if ($weeks === []): ?>
                No weeks yet. <a href="/sprints/<?= (int) $sprint->id ?>/settings" class="underline">Open settings</a> to add some.
            <?php elseif ($sprintWorkers === []): ?>
                No workers on this sprint yet. <a href="/sprints/<?= (int) $sprint->id ?>/settings" class="underline">Open settings</a> to add some.
            <?php endif; ?>
        </div>
    <?php else: ?>

        <!-- Arbeitstage grid -->
        <section class="rounded-lg border bg-white overflow-x-auto">
            <table class="min-w-full text-sm" data-arbeitstage>
                <thead class="bg-slate-50 text-slate-600 text-xs uppercase tracking-wider">
                    <tr>
                        <th class="text-left px-3 py-2 font-semibold sticky left-0 bg-slate-50 z-10">&nbsp;</th>
                        <?php foreach ($weeks as $w): ?>
                            <th class="text-center px-2 py-2 font-semibold whitespace-nowrap">
                                <div class="font-mono">KW<?= (int) $w->isoWeek ?></div>
                                <div class="text-[10px] text-slate-500 font-normal"><?= e($w->startDate) ?></div>
                            </th>
                        <?php endforeach; ?>
                        <th class="text-center px-2 py-2 font-semibold">Σ</th>
                        <th class="text-center px-2 py-2 font-semibold">RTB</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100" data-tbody>
                    <!-- Arbeitstage row — derived from weekday selection in Sprint Settings. -->
                    <tr class="bg-slate-50">
                        <th class="text-left px-3 py-2 font-semibold text-slate-700 sticky left-0 bg-slate-50">
                            Arbeitstage
                            <?php if ($currentUser->isAdmin): ?>
                                <a href="/sprints/<?= (int) $sprint->id ?>/settings"
                                   class="ml-1 text-[10px] font-normal text-slate-500 hover:underline"
                                   title="Pick weekdays in Settings">(edit)</a>
                            <?php endif; ?>
                        </th>
                        <?php $sumMax = 0.0; foreach ($weeks as $w): $sumMax += $w->maxWorkingDays; ?>
                            <td class="px-1 py-1">
                                <div class="flex items-center justify-center gap-1"
                                     data-week-arbeitstage data-week-id="<?= (int) $w->id ?>"
                                     title="<?= e(implode(' ', $w->activeDays())) ?: '—' ?>">
                                    <?php foreach (SprintWeek::DAY_LABELS as $bit => $_label): ?>
                                        <span class="inline-block h-2.5 w-2.5 rounded-full
                                            <?= $w->hasDay($_label) ? 'bg-green-500' : 'bg-slate-300' ?>"></span>
                                    <?php endforeach; ?>
                                </div>
                            </td>
                        <?php endforeach; ?>
                        <td class="px-2 py-1 text-center font-mono font-semibold" data-sum-max>
                            <?= e(fmt_days($sumMax)) ?>
                        </td>
                        <td>&nbsp;</td>
                    </tr>

                    <!-- One row per sprint worker -->
                    <?php foreach ($sprintWorkers as $sw): ?>
                        <?php $rowDays = $grid[$sw->id] ?? []; $rowSum = array_sum($rowDays); ?>
                        <tr data-sw-row data-sw-id="<?= (int) $sw->id ?>">
                            <th class="text-left px-3 py-2 font-medium sticky left-0 bg-white z-10">
                                <span class="flex items-center gap-2">
                                    <?php if ($currentUser->isAdmin): ?>
                                        <span class="handle cursor-grab text-slate-400 select-none">&#8801;</span>
                                    <?php endif; ?>
                                    <?= e($sw->workerName) ?>
                                </span>
                            </th>
                            <?php foreach ($weeks as $w): $v = (float) ($rowDays[$w->id] ?? 0.0); ?>
                                <td class="px-1 py-1 text-center">
                                    <?php if ($currentUser->isAdmin): ?>
                                        <input type="number" min="0" max="5" step="0.5"
                                               value="<?= e(fmt_days($v)) ?>"
                                               data-day data-sw-id="<?= (int) $sw->id ?>"
                                               data-week-id="<?= (int) $w->id ?>"
                                               class="w-14 rounded border border-slate-200 px-1 py-1 text-center font-mono focus:outline-none focus:ring-2 focus:ring-slate-400">
                                    <?php else: ?>
                                        <span class="font-mono"><?= e(fmt_days($v)) ?></span>
                                    <?php endif; ?>
                                </td>
                            <?php endforeach; ?>
                            <td class="px-2 py-1 text-center font-mono font-semibold"
                                data-sum-days data-sw-id="<?= (int) $sw->id ?>">
                                <?= e(fmt_days($rowSum)) ?>
                            </td>
                            <td class="px-1 py-1 text-center">
                                <?php if ($currentUser->isAdmin): ?>
                                    <input type="number" min="0" max="1" step="0.05"
                                           value="<?= e(number_format($sw->rtb, 2, '.', '')) ?>"
                                           data-rtb data-sw-id="<?= (int) $sw->id ?>"
                                           class="w-16 rounded border border-slate-200 px-1 py-1 text-center font-mono focus:outline-none focus:ring-2 focus:ring-slate-400">
                                <?php else: ?>
                                    <span class="font-mono"><?= e(number_format($sw->rtb, 2, '.', '')) ?></span>
                                <?php endif; ?>
                            </td>
                        </tr>
                    <?php endforeach; ?>
                </tbody>
            </table>
        </section>

        <!-- Capacity summary — one column per worker, aligned with task columns in Phase 6 -->
        <section class="rounded-lg border bg-white overflow-x-auto">
            <div class="px-4 py-2 border-b bg-slate-50 text-xs uppercase tracking-wider text-slate-600 font-semibold">
                Capacity
            </div>
            <table class="min-w-full text-sm">
                <thead>
                    <tr class="bg-slate-50 text-slate-600 text-xs">
                        <th class="text-left px-3 py-2 font-semibold sticky left-0 bg-slate-50 z-10">&nbsp;</th>
                        <?php foreach ($sprintWorkers as $sw): ?>
                            <th class="text-center px-2 py-2 font-semibold whitespace-nowrap">
                                <?= e($sw->workerName) ?>
                            </th>
                        <?php endforeach; ?>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100">
                    <tr>
                        <th class="text-left px-3 py-2 text-slate-700 font-medium sticky left-0 bg-white">Ressourcen</th>
                        <?php foreach ($sprintWorkers as $sw): $c = $capacity[$sw->id] ?? null; ?>
                            <td class="px-2 py-2 text-center font-mono"
                                data-cap-ressourcen data-sw-id="<?= (int) $sw->id ?>">
                                <?= e(fmt_days($c['ressourcen'] ?? 0.0)) ?>
                            </td>
                        <?php endforeach; ?>
                    </tr>
                    <tr>
                        <th class="text-left px-3 py-2 text-slate-700 font-medium sticky left-0 bg-white">− Reserven</th>
                        <?php foreach ($sprintWorkers as $sw): $c = $capacity[$sw->id] ?? null; ?>
                            <td class="px-2 py-2 text-center font-mono text-slate-600"
                                data-cap-after-reserves data-sw-id="<?= (int) $sw->id ?>">
                                <?= e(fmt_days($c['after_reserves'] ?? 0.0)) ?>
                            </td>
                        <?php endforeach; ?>
                    </tr>
                    <tr>
                        <th class="text-left px-3 py-2 text-slate-700 font-semibold sticky left-0 bg-white">Available</th>
                        <?php foreach ($sprintWorkers as $sw): $c = $capacity[$sw->id] ?? null; $av = (float) ($c['available'] ?? 0.0); ?>
                            <td class="px-2 py-2 text-center font-mono font-semibold <?= $av < 0 ? 'text-red-700' : 'text-slate-900' ?>"
                                data-cap-available data-sw-id="<?= (int) $sw->id ?>">
                                <?= e(fmt_days($av)) ?>
                            </td>
                        <?php endforeach; ?>
                    </tr>
                </tbody>
            </table>
        </section>

        <p class="text-xs text-slate-500">
            Numeric inputs snap to 0.5 (days) or 0.05 (RTB) on blur. Edits save automatically
            with a 400&nbsp;ms debounce; Available turns red if a worker is overcommitted.
        </p>

    <!-- Section B: Task list -->
    <section class="rounded-lg border bg-white overflow-hidden"
             data-task-section>
        <div class="px-4 py-3 border-b bg-slate-50 flex flex-wrap items-center gap-2">
            <h2 class="text-sm font-semibold text-slate-700 uppercase tracking-wider">Tasks</h2>

            <!-- Toolbar -->
            <div class="ml-auto flex flex-wrap items-center gap-2">
                <!-- Reset (only visible while any filter is active — JS toggles the hidden class) -->
                <button type="button" data-reset-filters
                        class="hidden rounded border border-slate-300 px-2 py-1 text-sm bg-white text-slate-700 hover:bg-slate-50 focus:outline-none focus:ring-2 focus:ring-slate-400">
                    Reset
                </button>

                <input type="search" data-task-search placeholder="Search…"
                       class="rounded border border-slate-300 px-3 py-1 text-sm focus:outline-none focus:ring-2 focus:ring-slate-400">

                <select data-prio-filter
                        class="rounded border border-slate-300 px-2 py-1 text-sm bg-white focus:outline-none focus:ring-2 focus:ring-slate-400">
                    <option value="">All prios</option>
                    <option value="1">Prio 1 only</option>
                    <option value="2">Prio 2 only</option>
                </select>

                <!-- Multi-select owner filter -->
                <div class="relative" data-owner-filter-root>
                    <button type="button" data-owner-filter-trigger
                            class="rounded border border-slate-300 px-2 py-1 text-sm bg-white hover:bg-slate-50 focus:outline-none focus:ring-2 focus:ring-slate-400">
                        Owners <span data-owner-filter-count class="text-slate-500"></span>
                    </button>
                    <div data-owner-filter-dropdown
                         class="hidden absolute right-0 z-20 mt-1 w-56 rounded-md border border-slate-200 bg-white shadow-lg">
                        <div class="px-3 py-2 text-xs text-slate-500 flex items-center justify-between">
                            <span>Owner</span>
                            <button type="button" data-owner-filter-clear
                                    class="text-blue-700 hover:underline">Clear</button>
                        </div>
                        <div class="max-h-64 overflow-y-auto">
                            <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50">
                                <input type="checkbox" data-owner-filter-opt value="__none__"
                                       class="rounded border-slate-300">
                                <span class="text-slate-500 italic">No owner</span>
                            </label>
                            <?php foreach ($ownerChoices as $ow): ?>
                                <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50">
                                    <input type="checkbox" data-owner-filter-opt value="<?= (int) $ow->id ?>"
                                           class="rounded border-slate-300">
                                    <span><?= e($ow->name) ?></span>
                                </label>
                            <?php endforeach; ?>
                        </div>
                    </div>
                </div>

                <!-- Focus filter — one sprint worker; hides rows where their
                     assignment is 0 and collapses worker columns that are
                     all-zero for the remaining rows. -->
                <div class="flex items-center gap-1" data-focus-filter-root>
                    <label for="data-focus-select" class="text-xs uppercase tracking-wider text-slate-500">Focus</label>
                    <select id="data-focus-select" data-focus-select
                            class="rounded border border-slate-300 px-2 py-1 text-sm bg-white focus:outline-none focus:ring-2 focus:ring-slate-400">
                        <option value="">All workers</option>
                        <?php foreach ($sprintWorkers as $sw): ?>
                            <option value="<?= (int) $sw->id ?>"><?= e($sw->workerName) ?></option>
                        <?php endforeach; ?>
                    </select>
                </div>

                <!-- Column visibility -->
                <div class="relative" data-columns-root>
                    <button type="button" data-columns-trigger
                            class="rounded border border-slate-300 px-2 py-1 text-sm bg-white hover:bg-slate-50 focus:outline-none focus:ring-2 focus:ring-slate-400">
                        Columns
                    </button>
                    <div data-columns-dropdown
                         class="hidden absolute right-0 z-20 mt-1 w-56 rounded-md border border-slate-200 bg-white shadow-lg">
                        <div class="px-3 py-2 text-xs text-slate-500">Show columns</div>
                        <div class="max-h-64 overflow-y-auto">
                            <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50">
                                <input type="checkbox" data-column-opt value="owner" checked class="rounded border-slate-300">
                                <span>Owner</span>
                            </label>
                            <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50">
                                <input type="checkbox" data-column-opt value="prio"  checked class="rounded border-slate-300">
                                <span>Prio</span>
                            </label>
                            <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50">
                                <input type="checkbox" data-column-opt value="tot"   checked class="rounded border-slate-300">
                                <span>Tot</span>
                            </label>
                            <?php foreach ($sprintWorkers as $sw): ?>
                                <label class="flex items-center gap-2 px-3 py-1.5 text-sm hover:bg-slate-50">
                                    <input type="checkbox" data-column-opt value="sw-<?= (int) $sw->id ?>" checked class="rounded border-slate-300">
                                    <span><?= e($sw->workerName) ?></span>
                                </label>
                            <?php endforeach; ?>
                        </div>
                    </div>
                </div>

                <?php if ($currentUser->isAdmin): ?>
                    <button type="button" data-add-task
                            class="rounded bg-slate-900 text-white px-3 py-1 text-sm font-medium hover:bg-slate-800">
                        + Add task
                    </button>
                <?php endif; ?>
            </div>
        </div>

        <div class="overflow-x-auto">
            <table class="min-w-full text-sm" data-task-table>
                <thead class="bg-slate-50 text-slate-600 text-xs uppercase tracking-wider">
                    <tr>
                        <th class="w-6 px-2 py-2"></th>
                        <th class="text-left px-2 py-2 font-semibold cursor-pointer select-none"
                            data-sort-col="title">Task <span class="sort-ind opacity-30">↕</span></th>
                        <th class="text-left px-2 py-2 font-semibold cursor-pointer select-none"
                            data-sort-col="owner" data-col="owner">Owner <span class="sort-ind opacity-30">↕</span></th>
                        <th class="text-center px-2 py-2 font-semibold cursor-pointer select-none"
                            data-sort-col="prio" data-col="prio">Prio <span class="sort-ind opacity-30">↕</span></th>
                        <th class="text-center px-2 py-2 font-semibold cursor-pointer select-none"
                            data-sort-col="tot" data-col="tot">Tot <span class="sort-ind opacity-30">↕</span></th>
                        <?php foreach ($sprintWorkers as $sw): ?>
                            <th class="text-center px-2 py-2 font-semibold cursor-pointer select-none whitespace-nowrap"
                                data-sort-col="sw-<?= (int) $sw->id ?>" data-col="sw-<?= (int) $sw->id ?>">
                                <?= e($sw->workerName) ?>
                                <span class="sort-ind opacity-30">↕</span>
                            </th>
                        <?php endforeach; ?>
                        <th class="w-8 px-2 py-2"></th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-slate-100" data-task-tbody>
                    <?php if ($tasks === []): ?>
                        <tr data-empty-tasks>
                            <td colspan="<?= 6 + count($sprintWorkers) ?>" class="px-3 py-8 text-center text-slate-500 text-sm">
                                No tasks yet.
                                <?php if ($currentUser->isAdmin): ?>
                                    Click <b>+ Add task</b> to start.
                                <?php endif; ?>
                            </td>
                        </tr>
                    <?php else: ?>
                        <?php foreach ($tasks as $t): ?>
                            <?php $assign = $taskGrid[$t->id] ?? []; $tot = array_sum($assign); ?>
                            <tr data-task-row
                                data-task-id="<?= (int) $t->id ?>"
                                data-prio="<?= (int) $t->priority ?>"
                                data-owner="<?= $t->ownerWorkerId !== null ? (int) $t->ownerWorkerId : '' ?>"
                                data-sort-order="<?= (int) $t->sortOrder ?>">
                                <td class="px-2 py-1">
                                    <?php if ($currentUser->isAdmin): ?>
                                        <span class="handle cursor-grab text-slate-400 select-none">&#8801;</span>
                                    <?php endif; ?>
                                </td>
                                <td class="px-2 py-1 min-w-[14rem]">
                                    <?php if ($currentUser->isAdmin): ?>
                                        <input type="text" data-title
                                               value="<?= e($t->title) ?>"
                                               class="w-full rounded border border-slate-200 px-2 py-1 focus:outline-none focus:ring-2 focus:ring-slate-400">
                                    <?php else: ?>
                                        <span><?= e($t->title) ?></span>
                                    <?php endif; ?>
                                </td>
                                <td class="px-2 py-1" data-col="owner">
                                    <?php if ($currentUser->isAdmin): ?>
                                        <select data-owner-select
                                                class="w-full rounded border border-slate-200 px-2 py-1 bg-white focus:outline-none focus:ring-2 focus:ring-slate-400">
                                            <option value="">—</option>
                                            <?php foreach ($ownerChoices as $ow): ?>
                                                <option value="<?= (int) $ow->id ?>" <?= $t->ownerWorkerId === $ow->id ? 'selected' : '' ?>>
                                                    <?= e($ow->name) ?>
                                                </option>
                                            <?php endforeach; ?>
                                        </select>
                                    <?php else: ?>
                                        <?php
                                        $ownerName = '—';
                                        foreach ($ownerChoices as $ow) {
                                            if ($ow->id === $t->ownerWorkerId) { $ownerName = $ow->name; break; }
                                        }
                                        echo e($ownerName);
                                        ?>
                                    <?php endif; ?>
                                </td>
                                <td class="px-2 py-1 text-center" data-col="prio">
                                    <?php if ($currentUser->isAdmin): ?>
                                        <select data-prio-select
                                                class="rounded border border-slate-200 px-2 py-1 bg-white font-mono focus:outline-none focus:ring-2 focus:ring-slate-400">
                                            <option value="1" <?= $t->priority === 1 ? 'selected' : '' ?>>1</option>
                                            <option value="2" <?= $t->priority === 2 ? 'selected' : '' ?>>2</option>
                                        </select>
                                    <?php else: ?>
                                        <span class="font-mono"><?= (int) $t->priority ?></span>
                                    <?php endif; ?>
                                </td>
                                <td class="px-2 py-1 text-center font-mono font-semibold"
                                    data-col="tot" data-task-tot>
                                    <?= e(fmt_days($tot)) ?>
                                </td>
                                <?php foreach ($sprintWorkers as $sw): $d = (float) ($assign[$sw->id] ?? 0.0); ?>
                                    <td class="px-1 py-1 text-center"
                                        data-col="sw-<?= (int) $sw->id ?>"
                                        data-sort-value-sw-<?= (int) $sw->id ?>="<?= e(number_format($d, 2, '.', '')) ?>">
                                        <?php if ($currentUser->isAdmin): ?>
                                            <input type="number" min="0" step="0.5"
                                                   value="<?= e(fmt_days($d)) ?>"
                                                   data-assign
                                                   data-sw-id="<?= (int) $sw->id ?>"
                                                   class="w-14 rounded border border-slate-200 px-1 py-1 text-center font-mono focus:outline-none focus:ring-2 focus:ring-slate-400">
                                        <?php else: ?>
                                            <span class="font-mono"><?= e(fmt_days($d)) ?></span>
                                        <?php endif; ?>
                                    </td>
                                <?php endforeach; ?>
                                <td class="px-1 py-1 text-right">
                                    <?php if ($currentUser->isAdmin): ?>
                                        <button type="button" data-delete-task
                                                class="text-sm text-red-600 hover:underline">×</button>
                                    <?php endif; ?>
                                </td>
                            </tr>
                        <?php endforeach; ?>
                    <?php endif; ?>
                </tbody>
            </table>
        </div>
        <div data-task-empty-filter class="hidden p-4 text-center text-slate-500 text-sm">
            No tasks match the current filters.
        </div>
    </section>
    <?php endif; ?>
</section>

<script src="/assets/js/sprint-planner.js" defer></script>