@php
    /** @var \Illuminate\Support\Collection<int, \App\Models\User> $participants */
@endphp

<x-app-layout>
    <x-page.header :title="$listTitle">
        <x-slot name="action">
            <x-ui.button type="button" onclick="window.print()">Imprimir</x-ui.button>
        </x-slot>
    </x-page.header>

    <div class="min-w-0 max-w-full space-y-6 print:space-y-4">
        @include('dashboard._report-nav')

        <p class="text-sm text-gray-600">{{ $listDescription }}</p>

        <x-list.datatable
            :items="$participants"
            :columns="[
                ['label' => 'Nome', 'field' => 'name'],
                ['label' => 'E-mail', 'field' => 'email'],
                ['label' => 'Área', 'field' => 'sector.name'],
                ['label' => 'Grupo', 'field' => 'traineeProfile.trainingGroup.name'],
                ['label' => 'Status', 'field' => 'is_active', 'type' => 'status'],
                ['label' => 'Último login', 'field' => 'last_login_at', 'type' => 'datetime'],
            ]"
        />
    </div>
</x-app-layout>