@extends('layouts.app')
@section('title', 'Training Transcript — ' . $user->name)

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <div>
            <h1 class="h3 mb-0">
                <i class="fas fa-file-alt mr-2"></i>Training Transcript
                <small class="text-muted">· {{ $user->name }}</small>
            </h1>
            <p class="text-muted mb-0">
                Generated {{ $generatedAt->format('M d, Y H:i') }}
            </p>
        </div>
        <div>
            <a href="{{ route('training.transcripts.pdf', $user->id) }}" class="btn btn-danger">
                <i class="fas fa-file-pdf mr-1"></i>PDF
            </a>
            <a href="{{ route('training.transcripts.csv', $user->id) }}" class="btn btn-success">
                <i class="fas fa-file-csv mr-1"></i>CSV
            </a>
            <a href="{{ route('training.transcripts.index') }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left mr-1"></i>Back
            </a>
        </div>
    </div>

    @include('training.partials.alerts')

    {{-- Summary cards --}}
    <div class="row mb-4">
        @foreach([
            ['Total',       $summary['total'],       'primary'],
            ['Completed',   $summary['completed'],   'success'],
            ['Scheduled',   $summary['scheduled'],   'info'],
            ['In Progress', $summary['in_progress'], 'warning'],
            ['Overdue',     $summary['overdue'],     'danger'],
        ] as [$label, $count, $color])
            <div class="col">
                <div class="card border-left-{{ $color }} shadow py-2">
                    <div class="card-body">
                        <div class="text-xs font-weight-bold text-{{ $color }} text-uppercase mb-1">{{ $label }}</div>
                        <div class="h5 mb-0 font-weight-bold">{{ $count }}</div>
                    </div>
                </div>
            </div>
        @endforeach
    </div>

    {{-- Trainings --}}
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Training Records ({{ $trainings->count() }})</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead class="thead-light">
                        <tr>
                            <th>Code</th>
                            <th>Topic</th>
                            <th>Category</th>
                            <th>Due</th>
                            <th>Completed</th>
                            <th>Status</th>
                            <th>Score</th>
                            <th>Certificate</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($trainings as $t)
                            <tr>
                                <td>
                                    <a href="{{ route('training.trainings.show', $t->training_id) }}">
                                        <code>{{ $t->training_code }}</code>
                                    </a>
                                </td>
                                <td>{{ $t->topic?->topic_name }}</td>
                                <td>{{ $t->topic?->category?->category_name ?? '—' }}</td>
                                <td>{{ $t->due_date?->format('M d, Y') }}</td>
                                <td>{{ $t->completed_at?->format('M d, Y') ?? '—' }}</td>
                                <td><span class="badge badge-{{ $t->status_badge }}">{{ $t->status }}</span></td>
                                <td>{{ $t->effectiveness_score !== null ? $t->effectiveness_score . '%' : '—' }}</td>
                                <td>{{ $t->certificate_number ?? '—' }}</td>
                            </tr>
                        @empty
                            <tr><td colspan="8" class="text-center py-4 text-muted">No training records</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- Competencies --}}
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Competency Records ({{ $competencies->count() }})</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead class="thead-light">
                        <tr>
                            <th>Topic</th>
                            <th>Level</th>
                            <th>Status</th>
                            <th>Score</th>
                            <th>Completed</th>
                            <th>Expiry</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($competencies as $c)
                            <tr>
                                <td>{{ $c->topic?->topic_name }}</td>
                                <td><span class="badge badge-{{ $c->level_badge }}">{{ $c->competency_level }}</span></td>
                                <td><span class="badge badge-{{ $c->status_badge }}">{{ $c->status }}</span></td>
                                <td>{{ $c->assessment_score !== null ? $c->assessment_score . '%' : '—' }}</td>
                                <td>{{ $c->completed_date?->format('M d, Y') ?? '—' }}</td>
                                <td>
                                    {{ $c->expiry_date?->format('M d, Y') ?? '—' }}
                                    @if($c->is_expired)
                                        <span class="badge badge-danger ml-1">Expired</span>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="6" class="text-center py-4 text-muted">No competency records</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- Certificates --}}
    <div class="card shadow mb-4">
        <div class="card-header py-3">
            <h6 class="m-0 font-weight-bold text-primary">Certificates ({{ $certificates->count() }})</h6>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead class="thead-light">
                        <tr>
                            <th>Certificate #</th>
                            <th>Topic</th>
                            <th>Issued</th>
                            <th>Expires</th>
                            <th>Status</th>
                            <th width="100">Action</th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($certificates as $cert)
                            <tr>
                                <td><code>{{ $cert->certificate_number }}</code></td>
                                <td>{{ $cert->topic?->topic_name }}</td>
                                <td>{{ $cert->issue_date?->format('M d, Y') }}</td>
                                <td>{{ $cert->expiry_date?->format('M d, Y') ?? 'No Expiry' }}</td>
                                <td><span class="badge badge-{{ $cert->status_badge }}">{{ $cert->status }}</span></td>
                                <td>
                                    @if($cert->file_path)
                                        <a href="{{ route('training.certificates.download', $cert->certificate_id) }}"
                                           class="btn btn-sm btn-success"><i class="fas fa-download"></i></a>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="6" class="text-center py-4 text-muted">No certificates</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection