@extends('layouts.app')

@section('title', setting('site_name', 'Learnify LMS'))

@section('content')
{{-- Sections, their order and their visibility all come from Admin > Homepage. --}}
@foreach($sections as $section)
    @php($set = \App\Support\HomepageBuilder::settings($section))
    @php($d = $data[$section->id] ?? [])
    @includeIf('frontend.home.sections.' . $section->section_type, ['section' => $section, 'set' => $set, 'd' => $d])
@endforeach
@endsection

@push('scripts')
<script>
// Reveal sections as they scroll into view. Anything still hidden when the
// observer is unavailable is shown immediately, so content never gets stuck.
(function () {
    var els = document.querySelectorAll('.lf-reveal');
    if (!els.length) return;
    if (!('IntersectionObserver' in window) || window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
        els.forEach(function (el) { el.classList.add('is-in'); });
        return;
    }
    var io = new IntersectionObserver(function (entries) {
        entries.forEach(function (e) {
            if (!e.isIntersecting) return;
            e.target.classList.add('is-in');
            io.unobserve(e.target);
        });
    }, { threshold: 0.12, rootMargin: '0px 0px -40px 0px' });
    els.forEach(function (el) { io.observe(el); });
})();
</script>
@endpush