39 lines
2.0 KiB
PHP
39 lines
2.0 KiB
PHP
<div>
|
|
<header class="flex items-start justify-between gap-4 p-6 border-b border-line">
|
|
<div>
|
|
<div class="text-[11px] uppercase tracking-[0.12em] text-ink-3 font-semibold mb-1">{{ $task['meta'] ?? '' }}</div>
|
|
<div class="font-bold text-lg text-ink-1">{{ $task['title'] ?? '' }}</div>
|
|
</div>
|
|
<button type="button" wire:click="closeModal" aria-label="Schließen" class="text-ink-3 hover:text-ink-1 transition-colors p-1">
|
|
<x-heroicon-o-x-mark class="w-5 h-5" />
|
|
</button>
|
|
</header>
|
|
|
|
<div class="p-6 flex flex-col gap-4">
|
|
<div class="grid grid-cols-3 gap-3">
|
|
<div class="bg-bg-tint rounded-lg p-3 border border-line">
|
|
<div class="text-[10px] uppercase tracking-wider text-ink-3 font-semibold">Punkte</div>
|
|
<div class="text-xl font-bold font-mono tabular-nums text-amber-ink mt-1">+{{ (int) ($task['points'] ?? 0) }}</div>
|
|
</div>
|
|
<div class="bg-bg-tint rounded-lg p-3 border border-line">
|
|
<div class="text-[10px] uppercase tracking-wider text-ink-3 font-semibold">Fällig</div>
|
|
<div class="text-xs font-semibold text-ink-1 mt-1">{{ $task['due'] ?? '—' }}</div>
|
|
</div>
|
|
<div class="bg-bg-tint rounded-lg p-3 border border-line">
|
|
<div class="text-[10px] uppercase tracking-wider text-ink-3 font-semibold">Status</div>
|
|
<div class="text-xs font-semibold mt-1 {{ ($task['status'] ?? 'open') === 'done' ? 'text-green-ink' : 'text-primary-ink' }}">
|
|
{{ ($task['status'] ?? 'open') === 'done' ? 'Erledigt' : 'Offen' }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex gap-2 pt-2">
|
|
<x-btn variant="primary" class="flex-1 justify-center">
|
|
<x-heroicon-s-play class="w-4 h-4" />
|
|
Aufgabe starten
|
|
</x-btn>
|
|
<x-btn wire:click="closeModal" class="flex-1 justify-center">Schließen</x-btn>
|
|
</div>
|
|
</div>
|
|
</div>
|