@extends('site.layout')
@section('content')
@php
    use App\Helpers\Site;
    $heroImg = Site::img(Site::get('hero_image'));
    $stats = [];
    foreach ([1, 2, 3, 4] as $i) { if (Site::get("stat{$i}_value")) { $stats[] = [Site::get("stat{$i}_value"), Site::get("stat{$i}_label")]; } }
    $feats = [];
    foreach ([1, 2, 3] as $i) { if (Site::get("feature{$i}_title")) { $feats[] = [Site::get("feature{$i}_title"), Site::get("feature{$i}_text")]; } }
    $welcomeImg = Site::img(Site::get('welcome_image'));
@endphp

{{-- HERO / SLIDER --}}
<section class="hero {{ $sliders->isEmpty() && !$heroImg ? 'plain' : '' }}" data-slider>
    @forelse($sliders as $s)
        <div class="slide" style="background-image:url('{{ Site::img($s->image) }}')">
            <div class="wrap"><div class="copy">
                <span class="tag">{{ Site::name() }}</span>
                <h1>{{ $s->title }}</h1>
                @if($s->subtitle)<p class="lead">{{ $s->subtitle }}</p>@endif
                @if($s->button_text)<a class="btn alt" href="{{ Site::url($s->button_url) }}">{{ $s->button_text }}</a>@endif
            </div></div>
        </div>
    @empty
        <div class="slide on" @if($heroImg) style="background-image:url('{{ $heroImg }}')" @endif>
            <div class="wrap"><div class="copy">
                <span class="tag">{{ Site::name() }}</span>
                <h1>{{ Site::get('hero_title', 'Welcome to '.Site::name()) }}</h1>
                @if(Site::get('hero_subtitle'))<p class="lead">{{ Site::get('hero_subtitle') }}</p>@endif
                <a class="btn alt" href="{{ Site::url(Site::get('hero_button_url'), route('site.admissions')) }}">{{ Site::get('hero_button_text', 'Apply for Admission') }}</a>
                &nbsp; <a class="btn ghost" href="{{ route('login') }}">Portal Login</a>
            </div></div>
        </div>
    @endforelse
    @if($sliders->count() > 1)
        <button class="arrow prev" aria-label="Previous">&#8249;</button><button class="arrow next" aria-label="Next">&#8250;</button>
        <div class="dots">@foreach($sliders as $s)<button aria-label="Slide {{ $loop->iteration }}"></button>@endforeach</div>
    @endif
</section>

{{-- STATS --}}
@if($stats)
<div class="stats"><div class="wrap"><div class="grid">
    @foreach($stats as $st)<div class="stat"><b>{{ $st[0] }}</b><span>{{ $st[1] }}</span></div>@endforeach
</div></div></div>
@endif

{{-- WELCOME --}}
<section class="sec">
    <div class="wrap welcome">
        <div>
            <span class="eyebrow">About our school</span>
            <h2>{{ Site::get('welcome_title', 'Welcome') }}</h2>
            {!! Site::format(Site::get('welcome_text')) !!}
            @if(Site::get('principal_name'))
                <div class="who"><b>{{ Site::get('principal_name') }}</b><small>{{ Site::get('principal_title') }}</small></div>
            @endif
            <p style="margin-top:22px"><a class="btn" href="{{ route('site.about') }}">Learn more about us</a></p>
        </div>
        <div class="pic">@if($welcomeImg)<img src="{{ $welcomeImg }}" alt="" loading="lazy">@endif</div>
    </div>
</section>

{{-- HIGHLIGHTS --}}
@if($feats)
<section class="sec tint">
    <div class="wrap">
        <div class="sec-head"><div><span class="eyebrow">Why choose us</span><h2>A school your child will love</h2></div></div>
        <div class="cards3">
            @foreach($feats as $f)
                <div class="feat"><div class="ic">{{ $loop->iteration }}</div><h3>{{ $f[0] }}</h3><p>{{ $f[1] }}</p></div>
            @endforeach
        </div>
    </div>
</section>
@endif

{{-- PORTAL --}}
<section class="sec">
    <div class="wrap">
        <div class="portal">
            <div>
                <span class="eyebrow" style="color:inherit;opacity:.85">School portal</span>
                <h2>Results, fees, attendance and more &mdash; online</h2>
                <p>Students, parents and staff can log in to the school portal to see results, pay and track fees, check attendance and read school announcements.</p>
            </div>
            <div class="who">
                <a href="{{ route('login') }}"><span>🎓</span>Students</a>
                <a href="{{ route('login') }}"><span>👪</span>Parents</a>
                <a href="{{ route('login') }}"><span>👩‍🏫</span>Staff</a>
            </div>
        </div>
    </div>
</section>

{{-- NEWS + EVENTS --}}
@if($news->count() || $events->count())
<section class="sec tint">
    <div class="wrap">
        @if($news->count())
            <div class="sec-head"><div><span class="eyebrow">Latest news</span><h2>What's happening at school</h2></div><a class="btn sm" href="{{ route('site.news') }}">All news</a></div>
            <div class="posts">@foreach($news as $post)@include('site._card', ['post' => $post])@endforeach</div>
        @endif
        @if($events->count())
            <div class="sec-head" style="margin-top:56px"><div><span class="eyebrow">Mark your calendar</span><h2>Upcoming events</h2></div><a class="btn sm" href="{{ route('site.events') }}">All events</a></div>
            <div class="cols2">
                @foreach($events as $ev)
                    @php $d = \Carbon\Carbon::parse($ev->event_date); @endphp
                    <div class="event"><div class="dt"><b>{{ $d->format('d') }}</b><span>{{ $d->format('M Y') }}</span></div>
                        <div><h3><a href="{{ route('site.events.show', $ev->slug) }}">{{ $ev->title }}</a></h3><small>{{ trim(($ev->event_time ?: '').($ev->event_time && $ev->location ? ' · ' : '').($ev->location ?: '')) }}</small></div></div>
                @endforeach
            </div>
        @endif
    </div>
</section>
@endif

{{-- GALLERY --}}
@if($gallery->count())
<section class="sec">
    <div class="wrap">
        <div class="sec-head"><div><span class="eyebrow">Gallery</span><h2>Life at our school</h2></div><a class="btn sm" href="{{ route('site.gallery') }}">View gallery</a></div>
        <div class="gal">@foreach($gallery as $g)<a href="{{ Site::img($g->image) }}" data-lb><img src="{{ Site::img($g->image) }}" alt="{{ $g->title }}" loading="lazy">@if($g->title)<figcaption>{{ $g->title }}</figcaption>@endif</a>@endforeach</div>
    </div>
</section>
<div class="lb" id="lb"><button aria-label="Close">&times;</button><img alt=""></div>
@endif

{{-- CTA --}}
<section class="sec" style="padding-top:0">
    <div class="wrap">
        <div class="cta">
            <div><h2>{{ Site::on('admissions_open') ? 'Admissions are open' : 'Join our school family' }}</h2><p>{{ Site::on('admissions_open') ? 'Give your child the best start. Apply online in two minutes.' : 'Contact us to find out about future admissions.' }}</p></div>
            <a class="btn" href="{{ route('site.admissions') }}">{{ Site::on('admissions_open') ? 'Apply now' : 'Enquire' }}</a>
        </div>
    </div>
</section>
@endsection