@php
    $status = $progress['status'];
    $statusLabel = match ($status) {
        'active' => 'Cron ativo',
        'scheduled' => 'Próximo ciclo agendado',
        'completed' => 'Lote concluído',
        'quota' => 'Cota diária atingida',
        'delayed' => 'Cron sem atividade recente',
        'error' => 'Falha no último ciclo',
        default => 'Nenhum lote em verificação',
    };
    $progressColor = match ($status) {
        'completed' => 'success',
        'quota' => 'warning',
        'delayed', 'error' => 'danger',
        'idle' => 'gray',
        default => 'primary',
    };
@endphp

<x-filament-widgets::widget>
    <section
        wire:poll.10s.visible="$refresh"
        aria-labelledby="mailbox-progress-title"
        class="overflow-hidden rounded-xl bg-white shadow-sm ring-1 ring-gray-950/5 dark:bg-gray-900 dark:ring-white/10"
    >
        <div class="overflow-x-auto px-4 py-3 sm:px-5">
            <div class="flex min-w-max items-center gap-4 whitespace-nowrap">
                <div class="flex min-w-0 items-center gap-2">
                    <span @class([
                        'h-2 w-2 shrink-0 rounded-full',
                        'bg-primary-500' => in_array($status, ['active', 'scheduled'], true),
                        'bg-success-500' => $status === 'completed',
                        'bg-warning-500' => $status === 'quota',
                        'bg-danger-500' => in_array($status, ['delayed', 'error'], true),
                        'bg-gray-400' => $status === 'idle',
                        'animate-pulse motion-reduce:animate-none' => $progress['processing'] > 0,
                    ]) aria-hidden="true"></span>

                    <h2 id="mailbox-progress-title" class="text-sm font-semibold text-gray-950 dark:text-white">
                        Verificação Reoon
                    </h2>

                    <span class="text-xs text-gray-400 dark:text-gray-500">·</span>
                    <span class="max-w-56 truncate text-xs text-gray-600 dark:text-gray-300" title="{{ $progress['scope_label'] }}">
                        {{ $progress['scope_label'] }}
                    </span>
                    <span @class([
                        'text-xs font-medium',
                        'text-primary-600 dark:text-primary-400' => in_array($status, ['active', 'scheduled'], true),
                        'text-success-600 dark:text-success-400' => $status === 'completed',
                        'text-warning-600 dark:text-warning-400' => $status === 'quota',
                        'text-danger-600 dark:text-danger-400' => in_array($status, ['delayed', 'error'], true),
                        'text-gray-500 dark:text-gray-400' => $status === 'idle',
                    ])>
                        {{ $statusLabel }}
                    </span>
                </div>

                <span class="h-5 w-px bg-gray-200 dark:bg-white/10" aria-hidden="true"></span>

                <div class="flex w-48 items-center gap-2.5">
                    <div
                        class="h-1.5 flex-1 overflow-hidden rounded-full bg-gray-200 dark:bg-white/10"
                        role="progressbar"
                        aria-label="Progresso da verificação do lote"
                        aria-valuemin="0"
                        aria-valuemax="100"
                        aria-valuenow="{{ $progress['percentage'] }}"
                    >
                        <div
                            @class([
                                'h-full rounded-full transition-[width] duration-500',
                                'bg-primary-500' => $progressColor === 'primary',
                                'bg-success-500' => $progressColor === 'success',
                                'bg-warning-500' => $progressColor === 'warning',
                                'bg-danger-500' => $progressColor === 'danger',
                                'bg-gray-400' => $progressColor === 'gray',
                            ])
                            style="width: {{ max(0, min(100, $progress['percentage'])) }}%"
                        ></div>
                    </div>

                    <span class="w-9 text-end text-sm font-semibold tabular-nums text-gray-950 dark:text-white">
                        {{ $progress['percentage'] }}%
                    </span>
                </div>

                <span class="h-5 w-px bg-gray-200 dark:bg-white/10" aria-hidden="true"></span>

                <dl class="flex items-center gap-4 text-xs text-gray-500 dark:text-gray-400">
                    <div class="flex items-baseline gap-1">
                        <dt class="sr-only">Verificadas</dt>
                        <dd>
                            <span class="font-semibold tabular-nums text-gray-950 dark:text-white">
                                {{ number_format($progress['completed'], 0, ',', '.') }}
                            </span>
                            verificadas
                        </dd>
                    </div>

                    <div class="flex items-baseline gap-1">
                        <dt class="sr-only">Verificando</dt>
                        <dd>
                            <span @class([
                                'font-semibold tabular-nums',
                                'text-primary-600 dark:text-primary-400' => $progress['processing'] > 0,
                                'text-gray-950 dark:text-white' => $progress['processing'] < 1,
                            ])>
                                {{ number_format($progress['processing'], 0, ',', '.') }}
                            </span>
                            verificando
                        </dd>
                    </div>

                    <div class="flex items-baseline gap-1">
                        <dt class="sr-only">Faltam</dt>
                        <dd>
                            <span class="font-semibold tabular-nums text-gray-950 dark:text-white">
                                {{ number_format($progress['remaining'], 0, ',', '.') }}
                            </span>
                            faltam
                        </dd>
                    </div>
                </dl>

                <span class="h-5 w-px bg-gray-200 dark:bg-white/10" aria-hidden="true"></span>

                <div
                    class="flex items-center gap-1.5 text-[11px] text-gray-400 dark:text-gray-500"
                    title="Cron a cada {{ $intervalMinutes }} minutos, processando até {{ $batchSize }} endereços por ciclo"
                >
                    <x-filament::icon
                        icon="heroicon-o-arrow-path"
                        class="h-3.5 w-3.5 motion-reduce:animate-none"
                        wire:loading.class="animate-spin"
                        aria-hidden="true"
                    />
                    <span>Auto 10s · cron {{ $intervalMinutes }} min · {{ $batchSize }}/ciclo</span>
                    @if ($progress['last_activity_at'] !== null)
                        <span>· {{ $progress['last_activity_at']->locale('pt_BR')->diffForHumans() }}</span>
                    @endif
                </div>
            </div>
        </div>

        @if (in_array($status, ['quota', 'delayed', 'error'], true))
            <p @class([
                'border-t px-4 py-2 text-xs sm:px-5',
                'border-warning-200 bg-warning-50/60 text-warning-700 dark:border-warning-500/20 dark:bg-warning-400/5 dark:text-warning-400' => $status === 'quota',
                'border-danger-200 bg-danger-50/60 text-danger-700 dark:border-danger-500/20 dark:bg-danger-400/5 dark:text-danger-400' => in_array($status, ['delayed', 'error'], true),
            ])>
                @if ($status === 'quota')
                    O processamento continuará automaticamente quando a cota for renovada. Uso de hoje: {{ number_format($progress['quota_used'], 0, ',', '.') }}/{{ number_format($progress['quota_limit'], 0, ',', '.') }}.
                @elseif ($status === 'error')
                    O último ciclo não terminou corretamente. O cron tentará novamente em até {{ $intervalMinutes }} minutos.
                @else
                    Nenhum ciclo foi registrado nos últimos 12 minutos. Verifique o agendador se o aviso continuar.
                @endif
            </p>
        @endif
    </section>
</x-filament-widgets::widget>