@php
    $fmt = fn (?array $v): ?string => $v ? implode(', ', array_map('strval', array_values($v))) : null;
@endphp

<x-admin.layout title="Approvals" active="approvals">
    <x-admin.view-head
        icon="fa-light fa-stamp"
        eyebrow="Governance"
        title="Approvals"
        :lede="auth()->user()->isSuperAdmin()
            ? 'Pending change requests awaiting your counter-sign. You cannot approve your own requests.'
            : 'Your requests and their status. High-risk changes need a super admin to counter-sign.'">
        <x-slot:actions>
            <x-admin.pill variant="amber">{{ $pendingCount }} pending</x-admin.pill>
        </x-slot:actions>
    </x-admin.view-head>

    @if (session('status'))
        <x-admin.skel-note icon="fa-light fa-circle-check">{{ session('status') }}</x-admin.skel-note>
    @endif

    <x-admin.toolbar>
        <form method="GET" class="tb-search">
            <i class="fa-light fa-magnifying-glass"></i>
            <input type="text" name="q" value="{{ $search }}" placeholder="Search request, fundraiser, reason&hellip;">
            <input type="hidden" name="filter" value="{{ $filter }}">
        </form>
        @foreach (['pending' => 'Pending', 'decided' => 'Decided', 'all' => 'All'] as $key => $label)
            <a class="fchip {{ $filter === $key ? 'on' : '' }}"
               href="{{ route('admin.approvals', ['filter' => $key, 'q' => $search ?: null]) }}">{{ $label }}</a>
        @endforeach
    </x-admin.toolbar>

    <x-admin.panel>
        <x-admin.table :headers="['Request', 'Affected fundraiser', 'Requested by', 'Risk', 'Change', 'Requested']">
            @forelse ($requests as $r)
                <tr class="click" onclick="window.location='{{ route('admin.approvals.show', $r) }}'">
                    <td>
                        <div class="nm">{{ $r->action->label() }}</div>
                        <div class="sub">REQ-{{ $r->id }} @if ($r->entity_type)&middot; {{ $r->entity_type }}@endif</div>
                    </td>
                    <td>
                        @if ($r->affectedUser && (int) $r->affectedUser->role_id === 3)
                            <a href="{{ route('admin.users.show', $r->affectedUser) }}" onclick="event.stopPropagation()">{{ $r->affectedUser->full_name }}</a>
                        @else
                            {{ $r->affectedUser?->full_name ?: '—' }}
                        @endif
                    </td>
                    <td>
                        {{ $r->requester?->full_name ?: '—' }}
                        @if ((int) $r->requested_by === (int) auth()->id())
                            <x-admin.pill variant="neutral">You</x-admin.pill>
                        @endif
                    </td>
                    <td>
                        <x-admin.pill :variant="$r->risk->pill()">{{ $r->risk->label() }}</x-admin.pill>
                        @unless ($r->isPending())
                            <x-admin.pill :variant="$r->statusPill()">{{ ucfirst($r->status) }}</x-admin.pill>
                        @endunless
                    </td>
                    <td><x-admin.diff :old="$fmt($r->old_value)" :new="$fmt($r->new_value)" /></td>
                    <td class="sub" style="white-space:nowrap;">{{ $r->requested_at?->diffForHumans() }}</td>
                </tr>
            @empty
                <tr>
                    <td colspan="6">
                        <x-admin.skel-note>No requests{{ $filter === 'pending' ? ' awaiting a decision' : '' }}.</x-admin.skel-note>
                    </td>
                </tr>
            @endforelse
        </x-admin.table>
    </x-admin.panel>

    <x-admin.pagination :paginator="$requests" />
</x-admin.layout>