@extends('layouts.app')
@section('title', 'Lecturer Dashboard')
@section('content')

<div class="d-flex flex-wrap align-items-center justify-content-between gap-2 mb-4">
    <div>
        <h4 class="page-title">Lecturer Dashboard</h4>
        <p class="page-subtitle">Cohort overview — {{ now()->format('l, d F Y') }}</p>
    </div>
    <a href="{{ route('lecturer.students.index') }}" class="btn btn-primary">
        <i class="bi bi-people me-1"></i>All students
    </a>
</div>

{{-- ── Key numbers ────────────────────────────────────────────────────── --}}
<div class="row g-3 mb-4">
    <div class="col-6 col-lg-3">
        <div class="stat-tile h-100">
            <div class="stat-value">{{ $stats['students'] }}</div>
            <div class="stat-label mt-1">Students</div>
            <div class="small text-muted mt-1">{{ $stats['active'] }} active</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="stat-tile h-100">
            <div class="d-flex align-items-center gap-3">
                @include('student.logbook._ring', ['percent' => $stats['average'], 'size' => 58])
                <div>
                    <div class="stat-label">Average</div>
                    <div class="small text-muted mt-1">current semester</div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="stat-tile h-100 {{ $stats['retry'] > 0 ? 'stat-alert' : '' }}">
            <div class="stat-value {{ $stats['retry'] > 0 ? 'text-warning' : '' }}">{{ $stats['retry'] }}</div>
            <div class="stat-label mt-1">Procedures to retry</div>
            <div class="small text-muted mt-1">across the cohort</div>
        </div>
    </div>
    <div class="col-6 col-lg-3">
        <div class="stat-tile h-100">
            <div class="stat-value">{{ $stats['this_week'] }}</div>
            <div class="stat-label mt-1">Assessed this week</div>
            <div class="small text-muted mt-1">{{ $stats['reports'] }} reports on file</div>
        </div>
    </div>
</div>

@if($stats['no_semester'] > 0)
<div class="alert alert-warning d-flex align-items-start gap-2">
    <i class="bi bi-exclamation-triangle mt-1"></i>
    <div>
        <strong>{{ $stats['no_semester'] }}</strong> student{{ $stats['no_semester'] === 1 ? ' has' : 's have' }} no current semester set,
        so they are excluded from the figures above.
        <a href="{{ route('lecturer.students.index') }}" class="alert-link">Review students</a>.
    </div>
</div>
@endif

<div class="row g-4">
    {{-- ── Needs attention ────────────────────────────────────────────── --}}
    <div class="col-lg-7">
        <h6 class="proc-section-title"><i class="bi bi-graph-down-arrow text-warning"></i> Students furthest behind</h6>

        <div class="card mb-4">
            <div class="card-body p-0">
                @forelse($needsAttention as $row)
                <a href="{{ route('lecturer.students.show', $row['student']) }}" class="retry-item text-decoration-none">
                    <span class="min-w-0 flex-grow-1">
                        <span class="d-block small fw-semibold text-body text-truncate">{{ $row['student']->name }}</span>
                        <span class="d-block text-muted text-truncate" style="font-size:.74rem">
                            {{ $row['student']->studentProfile?->student_id ?: '—' }} · {{ $row['semester']?->name }}
                        </span>
                        <span class="d-flex align-items-center gap-2 mt-1">
                            <span class="progress progress-xs flex-grow-1">
                                <span class="progress-bar bg-{{ $row['progress']['percent'] >= 76 ? 'success' : ($row['progress']['percent'] >= 26 ? 'primary' : 'warning') }}"
                                      style="width:{{ $row['progress']['percent'] }}%"></span>
                            </span>
                            <span class="text-muted" style="font-size:.7rem">
                                {{ $row['progress']['passed'] }}/{{ $row['progress']['total'] }}
                            </span>
                        </span>
                    </span>
                    <span class="text-end flex-shrink-0">
                        <span class="d-block fw-bold small">{{ $row['progress']['percent'] }}%</span>
                        @if($row['progress']['retry'] > 0)
                        <span class="pill pill-warn pill-sm">{{ $row['progress']['retry'] }} retry</span>
                        @endif
                    </span>
                </a>
                @empty
                <div class="text-center text-muted py-4 px-3">
                    <i class="bi bi-emoji-smile d-block fs-4 mb-2 opacity-50"></i>
                    <div class="small">No progress data yet — students need a current semester and procedures.</div>
                </div>
                @endforelse
            </div>
        </div>

        {{-- ── Cohort spread ──────────────────────────────────────────── --}}
        <h6 class="proc-section-title"><i class="bi bi-bar-chart-line text-primary"></i> Cohort spread</h6>
        <div class="card">
            <div class="card-body">
                @php $max = max(1, max($bands)); @endphp
                @foreach($bands as $label => $count)
                <div class="d-flex align-items-center gap-2 mb-2">
                    <span class="small text-muted" style="min-width:5rem">{{ $label }}</span>
                    <div class="progress progress-xs flex-grow-1">
                        <div class="progress-bar bg-{{ $label === 'Complete' ? 'success' : 'primary' }}"
                             style="width:{{ round($count / $max * 100) }}%"></div>
                    </div>
                    <span class="small fw-bold" style="min-width:2rem;text-align:right">{{ $count }}</span>
                </div>
                @endforeach
                @if(array_sum($bands) === 0)
                <div class="text-muted small text-center py-2">No students with progress to chart yet.</div>
                @endif
            </div>
        </div>
    </div>

    {{-- ── Activity + intakes ─────────────────────────────────────────── --}}
    <div class="col-lg-5">
        <h6 class="proc-section-title"><i class="bi bi-clock-history text-muted"></i> Latest assessments</h6>
        <div class="card mb-4">
            <div class="card-body p-0">
                @forelse($recent as $a)
                <div class="recent-item">
                    <div class="flex-shrink-0">
                        <span class="badge score-{{ $a->is_na ? 'na' : $a->score }}">{{ $a->is_na ? 'NA' : $a->score }}</span>
                    </div>
                    <div class="min-w-0 flex-grow-1">
                        <div class="small fw-semibold text-truncate">{{ $a->student?->name ?? 'Student removed' }}</div>
                        <div class="text-muted text-truncate" style="font-size:.74rem">{{ $a->procedure?->name }}</div>
                        <div class="text-muted" style="font-size:.72rem">
                            {{ $a->assessedBy?->name }} · {{ $a->assessment_date->format('d M Y') }}
                        </div>
                    </div>
                </div>
                @empty
                <div class="text-center text-muted py-4 small">No assessments recorded yet.</div>
                @endforelse
            </div>
        </div>

        @if($intakes->isNotEmpty())
        <h6 class="proc-section-title"><i class="bi bi-calendar3 text-muted"></i> Intakes</h6>
        <div class="card">
            <ul class="list-group list-group-flush small">
                @foreach($intakes as $intake => $count)
                <li class="list-group-item d-flex justify-content-between align-items-center">
                    <a href="{{ route('lecturer.students.index', ['intake' => $intake]) }}" class="text-decoration-none">{{ $intake }}</a>
                    <span class="badge bg-secondary-subtle text-secondary-emphasis">{{ $count }}</span>
                </li>
                @endforeach
            </ul>
        </div>
        @endif
    </div>
</div>
@endsection