@extends('site.layout')

@section('title', $title . ' | ' . $ui['brand'])

@section('content')
    @php($pageHeroImage = request()->routeIs('admissions') ? 'students-line.jpg' : 'campus.jpg')

    <section class="page-hero">
        <div class="container page-hero__grid">
            <div>
                <span class="section-kicker">{{ $eyebrow }}</span>
                <h1>{{ $title }}</h1>
                <p>{{ $intro }}</p>
            </div>
            <figure class="page-hero__media">
                <img src="{{ asset('images/madrasa/optimized/' . $pageHeroImage) }}" alt="{{ $title }}">
            </figure>
        </div>
    </section>

    <section class="section-pad">
        <div class="container prose-grid">
            @foreach ($sections as $section)
                <article class="prose-block">
                    <span>{{ str_pad($loop->iteration, 2, '0', STR_PAD_LEFT) }}</span>
                    <h2>{{ $section['heading'] }}</h2>
                    <p>{{ $section['body'] }}</p>
                </article>
            @endforeach
        </div>
    </section>
@endsection
