@extends('layouts.parent')

@section('title', $title.' · '.config('brand.name'))

@section('content')
    <div class="content">
        <x-admin.page-header
            :kicker="$section"
            :title="$title"
            :meta="$summary"
        >
            <x-slot:actions>
                <a href="{{ route('parent.learning.lessons') }}" class="btn mec-btn-secondary btn-md">Subjects & enrolments</a>
            </x-slot:actions>
        </x-admin.page-header>

        <div class="row g-3 mec-actions">
            @foreach ([
                ['href' => '/parent/lessons', 'icon' => 'ti ti-search', 'title' => 'Find Lessons', 'body' => 'Start from the lessons available for the selected child.'],
                ['href' => '/parent/lessons/browse', 'icon' => 'ti ti-layout-grid', 'title' => 'Browse Lessons', 'body' => 'See lessons available for the selected child.'],
                ['href' => '/parent/exam-prep/bece', 'icon' => 'ti ti-certificate', 'title' => 'BECE Preparation', 'body' => 'Junior high exam preparation.'],
                ['href' => '/parent/exam-prep/wassce', 'icon' => 'ti ti-award', 'title' => 'WASSCE Preparation', 'body' => 'Senior high exam preparation.'],
                ['href' => '/parent/lessons/subjects', 'icon' => 'ti ti-book', 'title' => 'Subject Lessons', 'body' => 'Core and elective subject lessons.'],
                ['href' => '/parent/lessons/mocks', 'icon' => 'ti ti-clipboard-check', 'title' => 'Mock Exams', 'body' => 'Timed practice before the real exam.'],
                ['href' => '/parent/learning/lessons', 'icon' => 'ti ti-list-check', 'title' => 'Subjects & Enrolments', 'body' => 'Enrol in a subject for the selected child, view curriculum, and choose class times.'],
            ] as $action)
                <div class="col-md-6 col-xl-4">
                    <a href="{{ url($action['href']) }}" class="mec-action">
                        <span class="mec-action-icon"><i class="{{ $action['icon'] }}"></i></span>
                        <span>
                            <strong>{{ $action['title'] }}</strong>
                            <span>{{ $action['body'] }}</span>
                        </span>
                    </a>
                </div>
            @endforeach
        </div>
    </div>
@endsection