@php
    $student = $record['student'];
@endphp
@extends('layouts.parent')

@section('title', $student->full_name.' · Child profile · '.config('brand.name'))

@section('content')
    <div class="content">
        <x-admin.page-header
            kicker="My Family"
            :title="$student->full_name"
            :meta="$student->classLabel().' · Child profile · '.$enrolledCount.' active '.($enrolledCount === 1 ? 'lesson' : 'lessons')"
        >
            <x-slot:actions>
                <a href="{{ route('parent.children.index') }}" class="btn mec-btn-secondary btn-md">All children</a>
                <a href="{{ route('parent.lessons.find') }}" class="btn mec-btn-navy btn-md">Find lessons</a>
            </x-slot:actions>
        </x-admin.page-header>

        @if (session('status'))
            <div class="alert alert-success">{{ session('status') }}</div>
        @endif

        <div class="row g-3 mb-4">
            <div class="col-md-3">
                <div class="card mec-kpi">
                    <div class="card-body">
                        <h3 class="mec-kpi-value">{{ $record['progress']['overall'] }}%</h3>
                        <p class="mec-kpi-label">Overall progress</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card mec-kpi">
                    <div class="card-body">
                        <h3 class="mec-kpi-value">{{ $enrolledCount }}</h3>
                        <p class="mec-kpi-label">Active lessons</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card mec-kpi">
                    <div class="card-body">
                        <h3 class="mec-kpi-value">{{ $record['homework_todo'] + $record['homework_overdue'] }}</h3>
                        <p class="mec-kpi-label">Homework open</p>
                    </div>
                </div>
            </div>
            <div class="col-md-3">
                <div class="card mec-kpi">
                    <div class="card-body">
                        <h3 class="mec-kpi-value">
                            {{ $record['attendance']['total'] ? round(($record['attendance']['present'] / $record['attendance']['total']) * 100) : 0 }}%
                        </h3>
                        <p class="mec-kpi-label">Attendance</p>
                    </div>
                </div>
            </div>
        </div>

        <div class="card mec-panel mb-4">
            <div class="card-header d-flex justify-content-between align-items-center">
                <h5 class="mb-0">Quick actions</h5>
            </div>
            <div class="card-body d-flex flex-wrap gap-2">
                <a href="{{ route('parent.learning.lessons') }}" class="btn mec-btn-navy btn-sm">Subjects & enrolments</a>
                <a href="{{ route('parent.learning.homework') }}" class="btn mec-btn-secondary btn-sm">Homework</a>
                <a href="{{ route('parent.reports.attendance') }}" class="btn mec-btn-secondary btn-sm">Class reports</a>
                @unless ($student->studentAccessIsConfigured())
                    <a href="{{ route('parent.children.create', ['child' => $student->uuid]) }}" class="btn mec-btn-secondary btn-sm">Set sign-in access</a>
                @endunless
            </div>
        </div>

        <div class="card mec-panel">
            <div class="card-body p-0">
                @include('admin.people.students.dossier', ['record' => $record, 'prefix' => 'parent-child-'.$student->id])
            </div>
        </div>
    </div>
@endsection