{{-- resources/views/probation/training/index.blade.php — course list + training calendar (5.4) --}}
@extends('layouts.app')
@section('title', 'Staff Training - ICMIS')
@push('styles')
<style>
    .tcal{table-layout:fixed}
    .tcal td{height:110px;vertical-align:top;padding:4px;font-size:.78rem}
    .tcal td.out{background:#f7f8fa;color:#aab}
    .tcal .d{font-weight:600}
    .tcal .ev{display:block;border-radius:4px;padding:1px 4px;margin-top:2px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}
</style>
@endpush
@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
        <h2 class="fw-bold mb-0">{{ request('audience') === 'crtc' ? 'Community Resource & Training Centre' : 'Training' }}</h2>
        <div class="d-flex gap-2 flex-wrap">
            <div class="btn-group">
                <a href="{{ request()->fullUrlWithQuery(['audience' => null]) }}" class="btn btn-outline-dark {{ !request('audience') ? 'active' : '' }}">All</a>
                <a href="{{ request()->fullUrlWithQuery(['audience' => 'staff']) }}" class="btn btn-outline-dark {{ request('audience') === 'staff' ? 'active' : '' }}">Staff</a>
                <a href="{{ request()->fullUrlWithQuery(['audience' => 'crtc']) }}" class="btn btn-outline-dark {{ request('audience') === 'crtc' ? 'active' : '' }}">CRTC</a>
            </div>
            <div class="btn-group">
                <a href="{{ route('probation.training.index') }}" class="btn btn-outline-secondary {{ $view !== 'calendar' ? 'active' : '' }}"><i class="fas fa-list"></i> List</a>
                <a href="{{ route('probation.training.index', ['view' => 'calendar']) }}" class="btn btn-outline-secondary {{ $view === 'calendar' ? 'active' : '' }}"><i class="fas fa-calendar-days"></i> Calendar</a>
            </div>
            <a href="{{ route('probation.training.trainers') }}" class="btn btn-outline-primary"><i class="fas fa-chalkboard-user"></i> Trainers</a>
            @can('probation.training.add')<a href="{{ route('probation.training.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> New Course</a>@endcan
        </div>
    </div>

    @if($view === 'calendar')
        @php
            $palette = ['#2c7be5', '#16a085', '#8e44ad', '#d35400', '#c0392b', '#2c3e50', '#27ae60', '#e67e22'];
            $prev = $month->copy()->subMonthNoOverflow()->format('Y-m');
            $next = $month->copy()->addMonthNoOverflow()->format('Y-m');
        @endphp
        <div class="card"><div class="card-body">
            <div class="d-flex justify-content-between align-items-center mb-2">
                <a class="btn btn-sm btn-outline-secondary" href="{{ route('probation.training.index', ['view' => 'calendar', 'month' => $prev]) }}"><i class="fas fa-chevron-left"></i></a>
                <h5 class="mb-0">{{ $month->format('F Y') }}</h5>
                <a class="btn btn-sm btn-outline-secondary" href="{{ route('probation.training.index', ['view' => 'calendar', 'month' => $next]) }}"><i class="fas fa-chevron-right"></i></a>
            </div>
            <div class="table-responsive">
            <table class="table table-bordered tcal mb-2">
                <thead class="table-light"><tr>@foreach(['Mon','Tue','Wed','Thu','Fri','Sat','Sun'] as $d)<th class="text-center small">{{ $d }}</th>@endforeach</tr></thead>
                <tbody>
                @for($day = $start->copy(); $day->lte($end); $day->addWeek())
                    <tr>
                    @for($i = 0; $i < 7; $i++)
                        @php $cur = $day->copy()->addDays($i); @endphp
                        <td class="{{ $cur->month !== $month->month ? 'out' : '' }}">
                            <div class="d">{{ $cur->day }}</div>
                            @foreach($courses as $c)
                                @if($c->starts_on && $cur->between($c->starts_on->copy()->startOfDay(), ($c->ends_on ?? $c->starts_on)->copy()->endOfDay()))
                                    <a class="ev" style="background:{{ $palette[$c->id % count($palette)] }}" href="{{ route('probation.training.show', $c->id) }}" title="{{ $c->title }}">{{ $c->title }}</a>
                                @endif
                            @endforeach
                        </td>
                    @endfor
                    </tr>
                @endfor
                </tbody>
            </table>
            </div>
            @php
                $overlaps = collect();
                foreach ($courses as $a) foreach ($courses as $b)
                    if ($a->id < $b->id && $a->starts_on && $b->starts_on
                        && $a->starts_on->lte($b->ends_on ?? $b->starts_on) && $b->starts_on->lte($a->ends_on ?? $a->starts_on))
                        $overlaps->push($a->title . ' ↔ ' . $b->title);
            @endphp
            @if($overlaps->count())
                <div class="alert alert-warning small mb-0"><i class="fas fa-triangle-exclamation"></i> Overlapping courses this month: {{ $overlaps->implode('; ') }}</div>
            @endif
        </div></div>
    @else
        <div class="card"><div class="card-body"><div class="table-responsive">
            <table class="table table-hover align-middle">
                <thead><tr><th>Title</th><th>Trainer</th><th>Mode / Venue</th><th>Dates</th><th>Applications</th><th>Enrolled</th><th></th></tr></thead>
                <tbody>
                @forelse($courses as $c)
                    <tr>
                        <td><strong>{{ $c->title }}</strong>@if($c->target_cadre)<br><small class="text-muted">{{ $c->target_cadre }}</small>@endif</td>
                        <td>{{ $c->trainer_label ?? '—' }}</td>
                        <td>{{ \App\Models\TrainingCourse::MODES[$c->mode] ?? '—' }}@if($c->venue)<br><small class="text-muted">{{ $c->venue }}</small>@endif</td>
                        <td>{{ optional($c->starts_on)->format('d M Y') }} – {{ optional($c->ends_on)->format('d M Y') }}</td>
                        <td>{{ $c->applications_count }}</td>
                        <td>{{ $c->enrolled_count }}@if($c->capacity) / {{ $c->capacity }}@endif</td>
                        <td><a href="{{ route('probation.training.show', $c->id) }}" class="btn btn-sm btn-info"><i class="fas fa-eye"></i></a></td>
                    </tr>
                @empty<tr><td colspan="7" class="text-center text-muted py-4">No courses yet.</td></tr>@endforelse
                </tbody>
            </table>
        </div>{{ $courses->links() }}</div></div>
    @endif
</div>
@endsection