@extends('layouts.app')

@section('content')
<div class="container-fluid py-4" style="background-color: rgba(14,243,14,0.05);">

    {{-- Page Header --}}
    <h3 class="text-success mb-3">{{ $center->name ?? 'Center' }} - Trainees</h3>

    {{-- Search Form --}}
    <form method="GET" class="mb-3">
        <div class="input-group w-50">
            <input type="text" name="search" class="form-control" placeholder="Search trainee..." value="{{ request('search') }}">
            <button class="btn btn-success" type="submit">Search</button>
        </div>
    </form>

    {{-- Trainees Table --}}
    <div class="table-responsive">
        <table class="table table-hover shadow-sm rounded-2" style="background-color: rgba(14,243,14,0.1);">
            <thead class="table-success">
                <tr>
                    <th>#</th>
                    <th>Name</th>
                    <th>Mentor</th>
                    <th>Average Score</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($trainees as $trainee)
                <tr>
                    <td>{{ $loop->iteration + ($trainees->currentPage() - 1) * $trainees->perPage() }}</td>
                    <td>{{ $trainee->name }}</td>
                    <td>{{ optional($trainee->mentor)->name ?? '-' }}</td>
                    <td>{{ round(optional($trainee->performances)->avg('score') ?? 0, 1) }}%</td>
                    <td>
                        @if(optional($trainee->performances)->where('status', 'completed')->count() > 0)
                            <span class="badge bg-success">Active</span>
                        @else
                            <span class="badge bg-warning text-dark">Pending</span>
                        @endif
                    </td>
                    <td>
                        <a href="{{ route('reports.user', $trainee->id) }}" class="btn btn-sm btn-success">View Report</a>
                        <a href="{{ route('reports.user.pdf', $trainee->id) }}" class="btn btn-sm btn-outline-success">PDF</a>
                        <a href="{{ route('reports.user.excel', $trainee->id) }}" class="btn btn-sm btn-outline-success">Excel</a>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="6" class="text-center text-muted py-4">No trainees found</td>
                </tr>
                @endforelse
            </tbody>
        </table>

        {{-- Pagination --}}
        <div class="mt-3">
            {{ $trainees->links() }}
        </div>
    </div>
</div>
@endsection