@extends('layouts.teacher')

@section('title', $snapshot['student']->full_name.' · '.config('brand.name'))

@section('content')
    @php $student = $snapshot['student']; @endphp
    <div class="content">
        <x-admin.page-header
            kicker="Student profile"
            :title="$student->full_name"
            :meta="$student->classLabel().' · Only learning on lessons you teach is shown here.'"
        >
            <x-slot:actions>
                <a href="{{ route('teacher.students.index') }}" class="btn mec-btn-secondary btn-md">Back to students</a>
                <a href="{{ route('teacher.safeguarding.report', ['student' => $student->uuid]) }}" class="btn mec-btn-secondary btn-md">Report a concern</a>
                <a href="{{ route('teacher.progress.individual') }}" class="btn mec-btn-navy btn-md">Progress</a>
            </x-slot:actions>
        </x-admin.page-header>

        <div class="row g-3 mb-4">
            <div class="col-md-4">
                <div class="card mec-kpi">
                    <div class="card-body">
                        <h3 class="mec-kpi-value">{{ $snapshot['progress'] }}%</h3>
                        <p class="mec-kpi-label">Progress on your lessons</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card mec-kpi">
                    <div class="card-body">
                        <h3 class="mec-kpi-value">{{ $snapshot['homework_marked'] }}/{{ $snapshot['homework']->count() }}</h3>
                        <p class="mec-kpi-label">Homework marked</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card mec-kpi">
                    <div class="card-body">
                        <h3 class="mec-kpi-value">
                            {{ $snapshot['attendance']['total'] ? round(($snapshot['attendance']['present'] / $snapshot['attendance']['total']) * 100) : 0 }}%
                        </h3>
                        <p class="mec-kpi-label">Attendance on your sessions</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="row g-3 mb-4">
            <div class="col-lg-6">
                <div class="card mec-panel h-100">
                    <div class="card-header"><h6 class="mb-0">Profile</h6></div>
                    <div class="card-body">
                        <p class="mb-2"><strong>Class:</strong> {{ $student->classLabel() }}</p>
                        <p class="mb-2"><strong>Lessons with you:</strong> {{ $snapshot['lesson_labels']->join(', ') ?: '—' }}</p>
                        <p class="mb-0"><strong>Parent:</strong> {{ $snapshot['parents']->join(', ') ?: '—' }}</p>
                    </div>
                </div>
            </div>
            <div class="col-lg-6">
                <div class="card mec-panel h-100">
                    <div class="card-header"><h6 class="mb-0">Student progress</h6></div>
                    <div class="card-body">
                        @forelse ($snapshot['subjects'] as $row)
                            <div class="mb-3">
                                <div class="d-flex justify-content-between"><span>{{ $row['label'] }}</span><span>{{ $row['percent'] }}%</span></div>
                                @include('student.partials.progress-bar', ['percent' => $row['percent']])
                            </div>
                        @empty
                            <p class="mec-empty mb-0">Progress appears as they learn on your lessons.</p>
                        @endforelse
                    </div>
                </div>
            </div>
        </div>

        @if ($snapshot['reasons'] !== [])
            <div class="card mec-panel mb-4">
                <div class="card-header"><h6 class="mb-0">Needs attention</h6></div>
                <div class="card-body">
                    @foreach ($snapshot['reasons'] as $reason)
                        <p class="mb-{{ $loop->last ? '0' : '2' }}"><strong>{{ $reason['label'] }}:</strong> {{ $reason['detail'] }}</p>
                    @endforeach
                </div>
            </div>
        @endif

        <div class="card mec-panel mb-4">
            <div class="card-header"><h6 class="mb-0">Homework</h6></div>
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table mb-0">
                        <thead>
                            <tr>
                                <th>Homework</th>
                                <th>Due</th>
                                <th>Status</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($snapshot['homework'] as $item)
                                @php
                                    $submission = $item['submission'];
                                    $status = match ($item['status']) {
                                        'overdue' => 'Overdue',
                                        'to_do' => 'To do',
                                        'submitted' => $submission?->isResubmission() ? 'Resubmitted' : 'Submitted',
                                        'marked' => 'Marked'.($submission?->score !== null ? ' · '.$submission->score.'/'.$submission->total_marks : ''),
                                        default => ucfirst($item['status']),
                                    };
                                @endphp
                                <tr>
                                    <td><strong>{{ $item['homework']->title }}</strong></td>
                                    <td>{{ $item['homework']->dueLabel() }}</td>
                                    <td>{{ $status }}</td>
                                    <td class="text-end">
                                        @if ($submission)
                                            <a href="{{ route('teacher.submissions.show', $submission) }}" class="btn mec-btn-navy btn-sm">
                                                {{ $submission->isAwaitingMark() ? 'Mark' : 'View mark' }}
                                            </a>
                                        @else
                                            <a href="{{ route('teacher.homework.show', $item['homework']) }}" class="btn mec-btn-secondary btn-sm">Assignment</a>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" class="p-4">No homework on the lessons you teach this student.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="card mec-panel">
            <div class="card-header"><h6 class="mb-0">Attendance</h6></div>
            <div class="card-body">
                <p>Present or late: {{ $snapshot['attendance']['present'] }}</p>
                <p>Late: {{ $snapshot['attendance']['late'] }}</p>
                <p class="mb-0">Missed: {{ $snapshot['attendance']['missed'] }}</p>
            </div>
        </div>
    </div>
@endsection