@props([
    'approval' => null,
    'href' => null,
    'compact' => false,
])

@php
$task = $approval?->task;
$run = $task?->run;
$input = $run?->input ?? [];
$prospect = $input['prospect'] ?? $input['entity'] ?? [];
$icpScore = collect($run?->tasks ?? [])
    ->first(fn ($t) => ($t->skills_applied[0] ?? null) === 'icp-matcher')
    ?->output_payload['score'] ?? null;
$subject = collect($run?->tasks ?? [])
    ->first(fn ($t) => ($t->skills_applied[0] ?? null) === 'subject-optimizer')
    ?->output_payload['subject'] ?? null;
$expiresIn = $approval?->expires_at ? max(0, (int) now()->diffInHours($approval->expires_at, false)) : null;
$content = (string) ($approval?->edited_content ?? $approval?->original_content ?? '');
$initials = strtoupper(substr((string) ($prospect['name'] ?? $prospect['email'] ?? '?'), 0, 1));
@endphp

<article {{ $attributes->merge(['class' => 'bg-surface border border-border rounded-lg p-5']) }}
         aria-label="Approval for {{ $prospect['name'] ?? $prospect['email'] ?? 'recipient' }}">
    <header class="flex items-start justify-between gap-4 mb-3">
        <div class="flex items-start gap-3 min-w-0">
            <div class="h-9 w-9 rounded-md bg-subtle text-content text-small font-medium flex items-center justify-center shrink-0">
                {{ $initials }}
            </div>
            <div class="min-w-0">
                <div class="text-base font-medium text-content truncate">
                    {{ $prospect['name'] ?? $prospect['email'] ?? 'Unknown recipient' }}
                </div>
                <div class="text-small text-muted truncate">
                    {{ $prospect['title'] ?? '' }}
                    @if (! empty($prospect['company']))
                        · {{ $prospect['company'] }}
                    @endif
                    @if (! empty($prospect['country']))
                        · {{ $prospect['country'] }}
                    @endif
                </div>
            </div>
        </div>
        <div class="flex items-center gap-2 shrink-0">
            @if ($icpScore !== null)
                <x-badge status="info" label="ICP {{ $icpScore }}/10" />
            @endif
            <x-badge :status="$approval?->status ?? 'pending'" />
        </div>
    </header>

    @if ($subject)
        <div class="text-small text-faint mb-1">Subject</div>
        <div class="text-base text-content mb-3 font-medium">{{ $subject }}</div>
    @endif

    <div class="bg-subtle rounded-md border-l-2 border-info-border px-4 py-3 text-small text-content whitespace-pre-line"
         style="line-height: 1.6;">{{ $compact ? \Illuminate\Support\Str::limit($content, 240) : $content }}</div>

    <footer class="flex items-center justify-between mt-4">
        <div class="text-micro text-faint">
            @if ($expiresIn !== null)
                Expires in {{ $expiresIn }}h
            @endif
        </div>
        @isset ($actions)
            <div class="flex items-center gap-2">{{ $actions }}</div>
        @endisset
    </footer>
</article>