@extends('layouts.app')
@section('title', 'My Logbook')
@section('content')

@php
    $currentSort = $currentSemester?->sort_order;
@endphp

<div class="mb-4">
    <h4 class="page-title">My Logbook</h4>
    <p class="page-subtitle">Your clinical procedure record across the whole programme.</p>
</div>

{{-- ── Programme summary ──────────────────────────────────────────────── --}}
<div class="card mb-4">
    <div class="card-body">
        <div class="row g-4 align-items-center">
            <div class="col-auto">
                @include('student.logbook._ring', ['percent' => $overall['percent'], 'size' => 104])
            </div>

            <div class="col">
                <div class="fw-semibold mb-1">Overall progress</div>
                <p class="text-muted small mb-3">
                    <strong class="text-body">{{ $overall['passed'] }}</strong> of {{ $overall['total'] }}
                    procedures passed across {{ $semesters->count() }} semesters.
                </p>

                <div class="d-flex flex-wrap gap-2">
                    <span class="pill pill-success">
                        <i class="bi bi-check2-circle"></i> {{ $overall['passed'] }} passed
                    </span>
                    @if($overall['retry'] > 0)
                    <span class="pill pill-warn">
                        <i class="bi bi-arrow-repeat"></i> {{ $overall['retry'] }} need a retry
                    </span>
                    @endif
                    <span class="pill pill-muted">
                        <i class="bi bi-circle"></i> {{ $overall['not_assessed'] }} not assessed
                    </span>
                </div>
            </div>

            @if($currentSemester)
            <div class="col-12 col-lg-auto">
                @php $cp = $progress[$currentSemester->id] ?? null; @endphp
                <div class="current-callout">
                    <div class="small text-uppercase fw-bold" style="letter-spacing:.08em;opacity:.75">You are here</div>
                    <div class="fw-bold mt-1">{{ $currentSemester->name }}</div>
                    @if($cp)
                    <div class="small mt-1" style="opacity:.85">
                        {{ $cp['passed'] }}/{{ $cp['total'] }} passed
                        @if($cp['retry'] > 0) · {{ $cp['retry'] }} to retry @endif
                    </div>
                    @endif
                    <a href="{{ route('student.logbook.semester', $currentSemester) }}"
                       class="btn btn-sm btn-light fw-semibold mt-2">
                        Continue <i class="bi bi-arrow-right ms-1"></i>
                    </a>
                </div>
            </div>
            @endif
        </div>
    </div>
</div>

<div class="row g-4">
    {{-- ── Semester cards ─────────────────────────────────────────────── --}}
    <div class="col-lg-8">
        <h6 class="proc-section-title">Semesters</h6>

        <div class="row g-3">
            @foreach($semesters as $sem)
            @php
                $p         = $progress[$sem->id] ?? ['total' => 0, 'passed' => 0, 'retry' => 0, 'percent' => 0,
                                                     'compulsory_total' => 0, 'compulsory_passed' => 0,
                                                     'optional_total' => 0, 'optional_passed' => 0];
                $pct       = $p['percent'];
                $isCurrent = $currentSemester && $currentSemester->id === $sem->id;
                $isFuture  = $currentSort !== null && $sem->sort_order > $currentSort;
                $isDone    = $p['total'] > 0 && $pct === 100;
                $hasReport = $reports->has($sem->id);
            @endphp

            <div class="col-md-6">
                <a href="{{ route('student.logbook.semester', $sem) }}"
                   class="text-decoration-none sem-card {{ $isCurrent ? 'is-current' : '' }} {{ $isFuture ? 'is-future' : '' }}">
                    <div class="card card-hover h-100">
                        <div class="card-body">
                            <div class="d-flex justify-content-between align-items-start mb-2">
                                <span class="badge bg-secondary-subtle text-secondary-emphasis">
                                    Y{{ $sem->year }}S{{ $sem->semester_number }}
                                </span>

                                <div class="d-flex align-items-center gap-1">
                                    @if($hasReport)
                                    <span class="badge bg-info-subtle text-info-emphasis" title="Clinical report available">
                                        <i class="bi bi-file-earmark-text"></i>
                                    </span>
                                    @endif
                                    @if($isCurrent)
                                    <span class="badge bg-primary">Current</span>
                                    @elseif($isDone)
                                    <span class="badge bg-success-subtle text-success-emphasis">Complete</span>
                                    @elseif($isFuture)
                                    <span class="badge bg-secondary-subtle text-secondary-emphasis">Upcoming</span>
                                    @endif
                                </div>
                            </div>

                            <h6 class="fw-semibold mb-1">{{ $sem->name }}</h6>

                            <div class="d-flex align-items-center gap-2 mb-2">
                                <div class="progress progress-xs flex-grow-1">
                                    <div class="progress-bar bg-{{ $isDone ? 'success' : 'primary' }}"
                                         style="width:{{ $pct }}%"></div>
                                </div>
                                <span class="small fw-bold {{ $isDone ? 'text-success' : 'text-muted' }}"
                                      style="min-width:2.6rem;text-align:right">{{ $pct }}%</span>
                            </div>

                            <div class="d-flex flex-wrap gap-1 small">
                                <span class="text-muted">
                                    <strong class="text-body">{{ $p['compulsory_passed'] }}/{{ $p['compulsory_total'] }}</strong> compulsory
                                </span>
                                @if($p['optional_total'] > 0)
                                <span class="text-muted">·
                                    <strong class="text-body">{{ $p['optional_passed'] }}/{{ $p['optional_total'] }}</strong> optional
                                </span>
                                @endif
                            </div>

                            @if($p['retry'] > 0)
                            <div class="mt-2">
                                <span class="pill pill-warn pill-sm">
                                    <i class="bi bi-arrow-repeat"></i> {{ $p['retry'] }} to retry
                                </span>
                            </div>
                            @endif
                        </div>
                    </div>
                </a>
            </div>
            @endforeach
        </div>
    </div>

    {{-- ── Recent activity ────────────────────────────────────────────── --}}
    <div class="col-lg-4">
        <h6 class="proc-section-title">Recent assessments</h6>

        <div class="card">
            <div class="card-body p-0">
                @forelse($recent as $a)
                <div class="recent-item">
                    <div class="flex-shrink-0">
                        @if($a->is_na)
                        <span class="badge score-na">NA</span>
                        @else
                        <span class="badge score-{{ $a->score }}">{{ $a->score }}</span>
                        @endif
                    </div>
                    <div class="min-w-0 flex-grow-1">
                        <div class="small fw-semibold text-truncate">{{ $a->procedure?->name ?? 'Procedure removed' }}</div>
                        <div class="text-muted text-truncate" style="font-size:.74rem">
                            @if($a->procedure?->parent){{ $a->procedure->parent->name }} · @endif
                            {{ $a->assessment_date->format('d M Y') }}
                        </div>
                        @if($a->assessedBy)
                        <div class="text-muted text-truncate" style="font-size:.72rem">
                            <i class="bi bi-person-check me-1"></i>{{ $a->assessedBy->name }}
                        </div>
                        @endif
                    </div>
                </div>
                @empty
                <div class="text-center text-muted py-4 px-3">
                    <i class="bi bi-clipboard-x d-block fs-4 mb-2 opacity-50"></i>
                    <div class="small">No assessments recorded yet.</div>
                    <div class="small">Show your QR card to a clinical instructor to get started.</div>
                </div>
                @endforelse
            </div>
            @if($recent->isNotEmpty())
            <div class="card-footer bg-transparent text-center">
                <a href="{{ route('student.qr-card') }}" class="small text-decoration-none">
                    <i class="bi bi-qr-code me-1"></i>My QR card
                </a>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection