{{--
    Manager's view of a direct report's workload — donut + project totals,
    then every task ordered by due date. A project chip is always clickable
    (Apercu\ProjectDetail is open to any authenticated user, see
    HasApercu::openApercuProject()'s own docblock); a task title only opens
    if the viewing manager themselves has project access to it
    ($canOpenElement), otherwise it renders as plain, muted text — same
    convention as disabled/secondary text elsewhere in this app
    (text-gray-400/text-gray-500), not a special "denied" style.
--}}
@php
    $person = $this->person();
    $projects = $this->projectBreakdown();
    $tasks = $this->tasks();
    $total = $this->totalHours();
    $cumulative = 0;
@endphp

<div>
    <div class="mb-4 flex items-center gap-3">
        <span
            class="flex h-10 w-10 shrink-0 items-center justify-center rounded-full text-sm font-bold text-white"
            style="background-color: {{ $person->avatar_color ?? '#9CA3AF' }}"
        >
            {{ $person->initials }}
        </span>
        <div class="min-w-0">
            <div class="truncate text-sm font-semibold text-gray-950 dark:text-white">{{ $person->full_name }}</div>
            <div class="text-xs text-gray-400 dark:text-gray-500">{{ $this->periodLabel() }}</div>
        </div>
    </div>

    @if ($tasks->isEmpty())
        <div class="rounded-lg border border-dashed border-gray-200 px-3 py-10 text-center text-sm text-gray-400 dark:border-white/10 dark:text-gray-500">
            Aucune tâche sur cette période.
        </div>
    @else
        {{-- Donut par projet — même technique SVG que l'onglet Charge du projet, groupée par projet au lieu de par personne. --}}
        <div class="mb-4 flex items-center justify-center">
            <svg viewBox="0 0 42 42" width="140" height="140">
                <circle cx="21" cy="21" r="15.9" fill="transparent" class="stroke-gray-100 dark:stroke-white/5" stroke-width="6"></circle>
                @foreach ($projects as $row)
                    @php
                        $pct = $total > 0 ? $row['hours'] / $total * 100 : 0;
                        $offset = 25 - $cumulative;
                        $cumulative += $pct;
                    @endphp
                    <circle
                        cx="21" cy="21" r="15.9" fill="transparent"
                        stroke="{{ $row['project']->color ?? '#9CA3AF' }}"
                        stroke-width="6"
                        stroke-dasharray="{{ $pct }} {{ 100 - $pct }}"
                        stroke-dashoffset="{{ $offset }}"
                        transform="rotate(-90 21 21)"
                    ></circle>
                @endforeach
                <text x="21" y="19" text-anchor="middle" class="fill-gray-950 dark:fill-white" style="font-size: 6.5px; font-weight: 800;">{{ rtrim(rtrim(number_format($total, 1), '0'), '.') }}h</text>
                <text x="21" y="25.5" text-anchor="middle" class="fill-gray-400 dark:fill-gray-500" style="font-size: 3.6px;">estimées</text>
            </svg>
        </div>

        <div class="mb-2.5 text-xs font-bold tracking-wide text-gray-500 uppercase dark:text-gray-400">Par projet</div>
        <div class="mb-4 flex flex-col gap-1.5">
            @foreach ($projects as $row)
                <button
                    type="button"
                    wire:click="navigateToProject({{ $row['project']->id }})"
                    class="flex items-center gap-2 rounded-lg px-1.5 py-1 text-left text-xs hover:bg-gray-50 dark:hover:bg-white/5"
                >
                    <span class="h-2.5 w-2.5 shrink-0 rounded-sm" style="background-color: {{ $row['project']->color ?? '#9CA3AF' }}"></span>
                    <span class="min-w-0 flex-1 truncate text-gray-700 dark:text-gray-200">{{ $row['project']->name }}</span>
                    <span class="shrink-0 font-semibold tabular-nums text-gray-950 dark:text-white">{{ rtrim(rtrim(number_format($row['hours'], 1), '0'), '.') }}h</span>
                </button>
            @endforeach
        </div>

        <div class="mb-2.5 text-xs font-bold tracking-wide text-gray-500 uppercase dark:text-gray-400">Tâches, par échéance</div>
        <div class="max-h-[320px] space-y-0.5 overflow-y-auto rounded-lg border border-gray-100 p-1 dark:border-white/5">
            @foreach ($tasks as $task)
                @php
                    $isDone = $task->status->category === 'done';
                    $isEstimated = $task->estimated_effort_hours !== null;
                    $canOpen = $this->canOpenElement($task);
                @endphp
                <div class="flex items-center gap-2 rounded-lg px-2 py-1.5 {{ $canOpen ? 'hover:bg-gray-50 dark:hover:bg-white/5' : '' }}">
                    <button
                        type="button"
                        wire:click="navigateToProject({{ $task->project_id }})"
                        class="shrink-0 rounded-md px-2 py-0.5 text-[10.5px] font-bold hover:opacity-75"
                        style="background-color: {{ $task->projectColorOrNeutral().'1a' }}; color: {{ $task->projectColorOrNeutral() }}"
                    >
                        {{ $task->projectCodeOrUnfiled() }}
                    </button>

                    @if ($canOpen)
                        <button
                            type="button"
                            wire:click="navigateToElement({{ $task->id }})"
                            @class([
                                'min-w-0 flex-1 truncate text-left text-[13px]',
                                'text-gray-400 line-through decoration-gray-300 dark:text-gray-600' => $isDone,
                                'text-gray-950 dark:text-white' => ! $isDone,
                            ])
                        >
                            {{ $task->title }}
                        </button>
                    @else
                        {{-- No project access for the viewing manager — visible (the totals above stay accurate) but not openable, same muted convention as disabled text elsewhere in the app. --}}
                        <span class="min-w-0 flex-1 truncate text-[13px] text-gray-400 dark:text-gray-500" title="Tu n'as pas accès à ce projet">
                            {{ $task->title }}
                        </span>
                    @endif

                    <span class="w-14 shrink-0 text-right text-[11px] tabular-nums text-gray-400 dark:text-gray-500">
                        {{ $this->relativeDateLabel($task->due_date) ?? '—' }}
                    </span>

                    @if ($isEstimated)
                        <span class="w-10 shrink-0 text-right text-xs font-semibold tabular-nums text-gray-700 dark:text-gray-200">
                            {{ rtrim(rtrim(number_format($task->estimated_effort_hours, 1), '0'), '.') }}h
                        </span>
                    @else
                        <span class="w-10 shrink-0 text-right text-[11px] text-warning-600 italic dark:text-warning-400">n.c.</span>
                    @endif
                </div>
            @endforeach
        </div>
    @endif
</div>