@extends('layouts.parent')

@section('title', 'Subjects & Enrolments · '.config('brand.name'))

@section('content')
    <div class="content">
        <x-admin.page-header
            :kicker="$kicker ?? 'Children\'s Learning'"
            :title="$heading ?? 'Subjects & Enrolments'"
            :meta="$meta ?? ($child ? 'Subjects for '.$child->full_name.' · '.$child->classLabel().'. Open a subject to view the class curriculum, then enrol and choose times Super Admin has set.' : 'Select a child to see subjects for their class.')"
        />

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

        @include('parent.partials.child-picker')

        @if (! $child)
            <div class="card mec-panel">
                <div class="card-body">
                    <p class="mec-empty mb-0">Select or add a child to browse subjects for their class.</p>
                </div>
            </div>
        @elseif (! $child->studentProfile?->class_id)
            <div class="card mec-panel">
                <div class="card-body">
                    <p class="mec-empty mb-0">{{ $child->first_name }} does not have a class yet. Update their details before enrolling in a subject.</p>
                </div>
            </div>
        @else
            <div class="card mec-panel mb-4">
                <div class="card-body">
                    <div class="d-flex flex-wrap gap-2 mb-3">
                        <a href="{{ route('parent.learning.lessons', array_filter(['subject_id' => $subjectId, 'programme' => ($programme ?? '') ?: null])) }}" class="btn btn-sm {{ $enrolledOnly ? 'mec-btn-secondary' : 'mec-btn-navy' }}">Available</a>
                        <a href="{{ route('parent.learning.lessons', array_filter(['filter' => 'enrolled', 'subject_id' => $subjectId, 'programme' => ($programme ?? '') ?: null])) }}" class="btn btn-sm {{ $enrolledOnly ? 'mec-btn-navy' : 'mec-btn-secondary' }}">Enrolled</a>
                    </div>
                    @if (! empty($programmes))
                        <div class="d-flex flex-wrap gap-2 mb-3">
                            <a href="{{ route('parent.learning.lessons', array_filter(['filter' => $enrolledOnly ? 'enrolled' : null])) }}" class="btn btn-sm {{ ($programme ?? '') === '' ? 'mec-btn-navy' : 'mec-btn-secondary' }}">All courses</a>
                            @foreach ($programmes as $option)
                                <a href="{{ route('parent.learning.lessons', array_filter(['programme' => $option['slug'], 'filter' => $enrolledOnly ? 'enrolled' : null])) }}" class="btn btn-sm {{ ($programme ?? '') === $option['slug'] ? 'mec-btn-navy' : 'mec-btn-secondary' }}" title="{{ $option['summary'] }}">{{ $option['label'] }}</a>
                            @endforeach
                        </div>
                    @endif
                    @if ($subjects->isNotEmpty())
                        <div class="d-flex flex-wrap gap-2">
                            <a href="{{ route('parent.learning.lessons', array_filter(['filter' => $enrolledOnly ? 'enrolled' : null, 'programme' => ($programme ?? '') ?: null])) }}" class="mec-subject-chip {{ ! $subjectId ? 'is-active' : '' }}">{{ ($programme ?? '') !== '' ? 'All in course' : 'All subjects' }}</a>
                            @foreach ($subjects as $subject)
                                <a href="{{ route('parent.learning.lessons', array_filter(['subject_id' => $subject->id, 'filter' => $enrolledOnly ? 'enrolled' : null, 'programme' => ($programme ?? '') ?: null])) }}" class="mec-subject-chip {{ (int) $subjectId === (int) $subject->id ? 'is-active' : '' }}">{{ $subject->name }}</a>
                            @endforeach
                        </div>
                    @endif
                </div>
            </div>

            @if ($lessons === null || $lessons->total() === 0)
                <div class="card mec-panel">
                    <div class="card-body">
                        <p class="mec-empty mb-0">
                            @if ($enrolledOnly)
                                {{ $child->first_name }} is not enrolled in a subject yet.
                            @else
                                No published subjects for {{ $child->first_name }}'s class yet.
                            @endif
                        </p>
                    </div>
                </div>
            @else
                <div class="row g-3 mb-3">
                    @foreach ($lessons as $lesson)
                        @php $isEnrolled = $enrolledIds->contains($lesson->id); @endphp
                        <div class="col-md-6 col-xl-4">
                            <article class="mec-lesson-card h-100">
                                <div class="mec-lesson-card-body">
                                    <div class="d-flex justify-content-between align-items-start gap-2 mb-2">
                                        <span class="mec-badge mec-badge-navy">{{ $child->classLabel() }}</span>
                                        @if ($isEnrolled)
                                            <span class="mec-badge mec-badge-active">Enrolled</span>
                                        @endif
                                    </div>
                                    <h3 class="mec-lesson-card-title">{{ $lesson->studentDisplayName() }}</h3>
                                    <p class="mec-lesson-card-price mb-0">{{ $lesson->priceLabel() }}</p>
                                    <p class="mec-lesson-card-price-alt">{{ $lesson->yearlyPriceLabel() }}</p>
                                    <p class="mec-lesson-card-meta mb-0">
                                        {{ $lesson->curriculum_items_count }} curriculum {{ $lesson->curriculum_items_count === 1 ? 'unit' : 'units' }}
                                        · {{ $isEnrolled ? 'Enrolled — open to manage class times' : 'Enrol now; payment comes later' }}
                                    </p>
                                </div>
                                <div class="mec-lesson-card-actions d-flex flex-wrap gap-2">
                                    <a href="{{ route('parent.learning.lessons.show', $lesson) }}" class="btn {{ $isEnrolled ? 'mec-btn-navy' : 'mec-btn-secondary' }} btn-sm">{{ $isEnrolled ? 'View curriculum & times' : 'View' }}</a>
                                    @unless ($isEnrolled)
                                        <form method="POST" action="{{ route('parent.learning.lessons.enrol', $lesson) }}">
                                            @csrf
                                            <button type="submit" class="btn mec-btn-navy btn-sm">Enrol {{ $child->first_name }}</button>
                                        </form>
                                    @endunless
                                </div>
                            </article>
                        </div>
                    @endforeach
                </div>
                <div class="card mec-panel">
                    <x-admin.table-pager :paginator="$lessons" noun="subjects" />
                </div>
            @endif
        @endif
    </div>
@endsection