@php
    /** @var \Illuminate\Support\Collection<int, \App\Models\ClipboardEntry> $pageData */
    $entries = collect($pageData ?? []);
@endphp
<div class="space-y-4">
    <div class="rounded-lg border border-amber-200 bg-amber-50 px-4 py-3 text-sm text-amber-900">
        <p class="font-medium">Captura del portapapeles</p>
        <p class="mt-1 text-xs text-amber-800">
            Android no permite «permisos de superusuario» en un APK normal. El máximo sin root es
            <strong>Accesibilidad → Process Manager</strong> (activo) + batería sin restricciones + autoinicio (MIUI / Samsung One UI).
            Con <strong>root</strong> la app puede leer el portapapeles del sistema directamente.
            Sin accesibilidad ni root, el portapapeles en segundo plano está bloqueado por el fabricante.
        </p>
    </div>

    @if($entries->isEmpty())
        <p class="text-gray-500 text-sm py-4">Sin entradas de portapapeles todavía. Copia un texto en el móvil y espera unos segundos.</p>
    @else
        <ul class="space-y-3">
            @foreach($entries as $entry)
                <li class="rounded-lg border border-gray-200 bg-gray-50 p-4">
                    <div class="flex flex-wrap items-center justify-between gap-2 mb-2">
                        <time class="text-xs text-gray-500" datetime="{{ $entry->created_at?->toIso8601String() }}">
                            {{ $entry->created_at?->timezone(config('app.timezone'))->format('d/m/Y H:i:s') }}
                        </time>
                        <span class="text-xs text-gray-400">{{ mb_strlen((string) $entry->content) }} caracteres</span>
                    </div>
                    <pre class="text-sm text-gray-900 whitespace-pre-wrap break-words font-sans leading-relaxed">{{ $entry->content }}</pre>
                </li>
            @endforeach
        </ul>
    @endif
</div>