@php
    use App\Models\AdminTask;
    $today = now()->startOfDay();
    $initials = function ($u) {
        if (! $u) return '—';
        return strtoupper(mb_substr((string) $u->first_name, 0, 1).mb_substr((string) $u->last_name, 0, 1)) ?: 'A';
    };
    // Due pill renderer (matches the design's taskDuePill).
    $duePill = function (AdminTask $t) use ($today) {
        if ($t->isDone()) return ['success', '<i class="fa-light fa-circle-check"></i> Done'];
        if ($t->due_at === null) return ['neutral', 'No date'];
        $d = $t->due_at->copy()->startOfDay();
        $time = $t->has_time ? ' '.$t->due_at->format('H:i') : '';
        $clk = $t->has_time ? '<i class="fa-light fa-clock"></i> ' : '';
        if ($d->lt($today)) return ['coral', '<i class="fa-solid fa-circle-exclamation"></i> '.$t->due_at->format('D j M').$time];
        if ($d->eq($today)) return ['amber', $clk.'Today'.$time];
        if ($d->eq($today->copy()->addDay())) return ['sky', $clk.'Tomorrow'.$time];
        return ['neutral', $clk.$t->due_at->format('D j M').$time];
    };
@endphp

<div>
    {{-- Header --}}
    <div class="view-head">
        <div style="min-width:0;">
            <x-admin.eyebrow icon="fa-light fa-square-check">Operations</x-admin.eyebrow>
            <h2 style="margin-top:.2rem;">Tasks</h2>
            <p class="lede">Your task board and reminders — {{ now()->format('D, j F Y') }}.</p>
        </div>
        <button class="btn btn-navy btn-sm" wire:click="$dispatch('open-task-editor')"><i class="fa-light fa-plus"></i> New task</button>
    </div>

    {{-- Stat tiles --}}
    <div class="stat-grid mb-1">
        <div class="stat-tile"><span class="ico"><i class="fa-light fa-list-check"></i></span>
            <span class="v">{{ $stat['open'] }}</span><span class="k">Open tasks</span></div>
        <div class="stat-tile"><span class="ico"><i class="fa-light fa-calendar-day"></i></span>
            <span class="v">{{ $stat['today'] }}</span><span class="k">Due today</span></div>
        <div class="stat-tile"><span class="ico" style="{{ $stat['overdue'] ? 'background:var(--coral-soft);color:#cf5430;' : '' }}"><i class="fa-light fa-triangle-exclamation"></i></span>
            <span class="v" style="{{ $stat['overdue'] ? 'color:#cf5430;' : '' }}">{{ $stat['overdue'] }}</span><span class="k">Overdue</span></div>
        <div class="stat-tile"><span class="ico" style="{{ $stat['ringing'] ? 'background:var(--coral-soft);color:#cf5430;' : '' }}"><i class="fa-light fa-bell"></i></span>
            <span class="v">{{ $stat['reminders'] }}@if ($stat['ringing']) <span class="up" style="color:#cf5430;">{{ $stat['ringing'] }} due</span>@endif</span><span class="k">Reminders</span></div>
    </div>

    <x-admin.panel pad style="padding-top:.65rem;">
        {{-- Toolbar --}}
        <x-admin.toolbar>
            <div class="tb-search">
                <i class="fa-light fa-magnifying-glass"></i>
                <input type="text" wire:model.live.debounce.300ms="search" placeholder="Search tasks&hellip;" autocomplete="off">
            </div>
            @foreach (['all' => 'All', 'mine' => 'Mine', 'high' => 'High', 'alarm' => 'Alarms'] as $key => $label)
                <button type="button" class="fchip {{ $filter === $key ? 'on' : '' }}" wire:click="setFilter('{{ $key }}')">{{ $label }}</button>
            @endforeach
        </x-admin.toolbar>

        {{-- Quick add --}}
        <div class="qadd">
            <input type="text" wire:model="quickTitle" wire:keydown.enter="quickAdd" placeholder="Quick-add a task for today… (press Enter)">
            <button class="btn btn-navy btn-sm" wire:click="quickAdd"><i class="fa-light fa-plus"></i> Add</button>
        </div>

        {{-- Grouped list --}}
        @forelse ($groups as $group)
            <div class="tgroup-block">
                <div class="tgroup {{ $group['cls'] }}"><span class="lbl">{{ $group['label'] }}</span><span class="ct">{{ $group['items']->count() }}</span><span class="line"></span></div>
                @foreach ($group['items'] as $t)
                    @php [$pillVariant, $pillHtml] = $duePill($t); $a = $t->assigneeUser; @endphp
                    <div class="task-row {{ $t->priorityClass() }} {{ $t->isDone() ? 'done' : '' }}" wire:key="t-{{ $t->id }}" wire:click="$dispatch('open-task-editor', { id: {{ $t->id }} })">
                        <span class="accent"></span>
                        <button class="check" wire:click.stop="toggleDone({{ $t->id }})" title="Mark {{ $t->isDone() ? 'not done' : 'done' }}"><i class="fa-solid fa-check"></i></button>
                        <div class="body">
                            <div class="ttl">{{ $t->title }}
                                @if ($t->isInProgress())<x-admin.pill variant="sky">In progress</x-admin.pill>@endif
                                @if ($t->recur !== 'none')<x-admin.pill variant="navy"><i class="fa-light fa-repeat"></i> {{ ucfirst($t->recur) }}</x-admin.pill>@endif
                            </div>
                            <div class="meta">
                                <span title="Assigned to {{ $a?->full_name ?: 'unassigned' }}"><span class="mini-av">{{ $initials($a) }}</span> {{ $a ? \Illuminate\Support\Str::of($a->full_name)->explode(' ')->first() : 'Unassigned' }}</span>
                                @if ($t->link_label && $t->linkUrl())
                                    <a href="{{ $t->linkUrl() }}" wire:navigate onclick="event.stopPropagation()"><i class="fa-light fa-link"></i> {{ $t->link_label }}</a>
                                @elseif ($t->link_label)
                                    <span><i class="fa-light fa-link"></i> {{ $t->link_label }}</span>
                                @endif
                            </div>
                        </div>
                        <div class="right">
                            @if ($t->reminders)
                                <span class="rem-chip {{ $t->alarm ? 'alarm' : '' }}" title="{{ collect($t->reminders)->map(fn ($k) => AdminTask::REMINDER_LABELS[$k] ?? $k)->join(', ') }}"><i class="fa-light {{ $t->alarm ? 'fa-bell-on' : 'fa-bell' }}"></i> {{ count($t->reminders) }}</span>
                            @endif
                            <x-admin.pill :variant="$pillVariant">{!! $pillHtml !!}</x-admin.pill>
                        </div>
                    </div>
                @endforeach
            </div>
        @empty
            <div class="task-empty"><i class="fa-light fa-inbox" style="font-size:1.4rem;color:var(--ink-soft);display:block;margin-bottom:.5rem;"></i>No tasks match. Add one above or with “New task”.</div>
        @endforelse
    </x-admin.panel>

    {{-- Shared editor modal (opened via the open-task-editor event) --}}
    <livewire:admin.task-editor />
</div>