@extends('layouts.app')
@section('title', 'Compliance Drill-Down — ' . $label)

@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-search mr-2"></i>{{ ucfirst($type) }}: {{ $label }}
            </h1>
            <p class="text-muted mb-0">Drill-down to underlying training records</p>
        </div>
        <a href="{{ route('training.compliance.dashboard') }}" class="btn btn-secondary">
            <i class="fas fa-arrow-left mr-1"></i>Back to Dashboard
        </a>
    </div>

    <div class="card shadow mb-4">
        <div class="card-body">
            <form method="GET" class="form-inline">
                <select name="status" class="form-control mr-2">
                    <option value="">All Status</option>
                    @foreach(['Draft','Scheduled','In Progress','Completed','Cancelled','Deferred'] as $st)
                        <option value="{{ $st }}" {{ request('status') == $st ? 'selected' : '' }}>{{ $st }}</option>
                    @endforeach
                </select>
                <div class="form-check mr-2">
                    <input type="checkbox" name="overdue" value="1" class="form-check-input" id="od"
                           {{ request('overdue') ? 'checked' : '' }}>
                    <label for="od" class="form-check-label">Overdue only</label>
                </div>
                <button class="btn btn-primary"><i class="fas fa-filter"></i> Filter</button>
            </form>
        </div>
    </div>

    <div class="card shadow">
        <div class="card-body">
            @include('training.partials.alerts')
            <div class="table-responsive">
                <table class="table table-bordered table-hover">
                    <thead class="thead-light">
                        <tr>
                            <th>Code</th>
                            <th>Employee</th>
                            <th>Topic</th>
                            <th>Due</th>
                            <th>Completed</th>
                            <th>Status</th>
                            <th>Score</th>
                            <th></th>
                        </tr>
                    </thead>
                    <tbody>
                        @forelse($trainings as $t)
                            <tr class="{{ $t->is_overdue ? 'table-warning' : '' }}">
                                <td><code>{{ $t->training_code }}</code></td>
                                <td>{{ $t->employee?->name }}</td>
                                <td>{{ $t->topic?->topic_name }}</td>
                                <td>
                                    {{ $t->due_date?->format('M d, Y') }}
                                    @if($t->is_overdue)
                                        <span class="badge badge-danger ml-1">{{ $t->days_overdue }}d</span>
                                    @endif
                                </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>
                                    <a href="{{ route('training.trainings.show', $t->training_id) }}"
                                       class="btn btn-sm btn-primary">
                                        <i class="fas fa-eye"></i>
                                    </a>
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="8" class="text-center py-4 text-muted">No matching records</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
            {{ $trainings->links() }}
        </div>
    </div>
</div>
@endsection