@extends('frontend.layouts.app')

@section('title', $academicLevel->name_en)

@php
    use App\Helpers\Helper;

    $isEn = app()->getLocale() == 'en';
    $name = $isEn ? $academicLevel->name_en : (isset($academicLevel->name_np) ? $academicLevel->name_np : $academicLevel->name_en);
@endphp

@section('content')
    {{-- Hero Section --}}
    

    {{-- Intro + campus photos (shared with Higher Secondary) --}}
    @include('frontend.partials.academic-level-intro')

    {{-- ============ Classes / programmes ============ --}}
    @if ($academicLevel->classes->isNotEmpty())
        <section class="bg-white section-y">
            <div class="container-page">
                <x-section-heading align="center" :eyebrow="$name" :title="__('pages.our') . ' ' . $name . ' ' . __('pages.programs')" />

                <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 grid-gap items-stretch">
                    @foreach ($academicLevel->classes as $class)
                        <article class="card-ui flex flex-col p-6 md:p-7 gap-4">
                            <div class="flex items-center gap-4">
                                <span
                                    class="shrink-0 w-14 h-14 rounded-2xl bg-primary text-accent flex items-center justify-center text-2xl shadow">
                                    <i class="fa {{ $class->icon ?? 'fa-book' }}" aria-hidden="true"></i>
                                </span>
                                <h3 class="font-extrabold text-xl text-gray-900 leading-tight">
                                    {{ $isEn ? $class->name_en : (isset($class->name_np) ? $class->name_np : $class->name_en) }}
                                </h3>
                            </div>

                            <div class="text-gray-700 leading-7 text-[0.95rem] [&_p]:mb-2 [&_ul]:list-disc [&_ul]:pl-5">
                                {!! Helper::stripInlineStyle(
                                    $isEn ? $class->description_en : $class->description_np ?? $class->description_en,
                                ) !!}
                            </div>
                        </article>
                    @endforeach
                </div>
            </div>
        </section>
    @endif

    {{-- CTA --}}
    @include('frontend.partials.apply-now', ['data' => $academicLevel])

    {{-- Why choose us: same section as the homepage --}}
    @if ($usps->isNotEmpty())
        {{-- same cards as the homepage, on the normal page background --}}
        <section id="WhyChooseUs-cards" class="bg-white section-y">
            <div class="container-page flex flex-col items-center gap-12">
                <x-section-heading align="center" class="w-full max-w-3xl" :eyebrow="Helper::contentText('pages.why_choose_us')"
                    :description="Helper::contentText('pages.why_choose_us_description')" />
                @include('frontend.partials.beyond-academics-card', ['datas' => $usps, 'route' => 'usp-detail'])
                <x-see-all :href="route('usps')" />
            </div>
        </section>
    @endif
@endsection