@extends('layouts.app')

@section('title', $siteSettings['site_name'])

@section('description', $siteSettings['site_description'])

@section('content')
    @if($siteTemplate)
        @include('templates.'.$siteTemplate.'.home')
    @else
    <x-breaking-news :articles="$breaking" />

    <div class="container home-content">
        @php($lead = $featured->first() ?? $latest->first())
        @if($lead)
            <section class="hero-grid" aria-label="أهم الأخبار">
                <x-main-news-card :article="$lead" />
                <div class="secondary-news">
                    @foreach($featured->skip(1)->take(4) as $article)<x-news-card :article="$article" size="secondary" :show-category="false" />@endforeach
                </div>
            </section>
        @else
            <div class="empty-state"><h1>لا توجد أخبار منشورة بعد</h1><p>ستظهر الأخبار هنا بمجرد نشرها من لوحة الإدارة.</p></div>
        @endif

        <x-ad-slot class="home-ad" />

        <div class="content-columns">
            <section class="latest-news" data-paginated-content data-pagination-anchor="latest-news">
                <div class="section-heading"><h2>أحدث الأخبار</h2><span>تغطية مستمرة</span></div>
                <div class="latest-list">
                    @foreach($latest as $article)<x-news-card :article="$article" size="horizontal" :show-description="true" />@endforeach
                </div>
            </section>
            
        </div>

        @foreach($sections as $category)
            <x-category-section :category="$category" />
            @if(in_array($loop->iteration, [2, 4], true))<x-ad-slot class="home-ad" />@endif
        @endforeach
    </div>
    @endif
@endsection