@extends('layouts.site')

@section('meta_title')
    {{ brand_name() }} — {{ site_profile()->label('hero_title', __('site.hero_home_title')) }}
@endsection

@section('title', __('site.nav_home'))

@push('meta')
    <meta name="description" content="{{ site_profile()->label('hero_subtitle', __('site.hero_home_subtitle')) }}">
@endpush

@php
    $useCchpNewsStage = brand_slider_variant() === 'cchp'
        && site_profile()->shows('news')
        && site_feature_enabled('news');

    $heroPreloadUrl = null;
    $heroPreloadSrcset = null;
    $heroPreloadSizes = null;

    if ($useCchpNewsStage) {
        $firstFeatured = collect($featuredNews ?? [])->first();
        if ($firstFeatured) {
            $heroPreloadUrl = site_media_url($firstFeatured->image ?? null);
        }
    } else {
        $heroPreload = collect($bannerGroups['home_top'] ?? [])
            ->first(fn ($row) => filled($row['image_url'] ?? null));
        $heroPreloadUrl = is_array($heroPreload) ? ($heroPreload['image_url'] ?? null) : null;
        $heroPreloadSrcset = is_array($heroPreload) ? ($heroPreload['srcset'] ?? null) : null;
        $heroPreloadSizes = is_array($heroPreload) ? ($heroPreload['sizes'] ?? null) : null;
    }
@endphp
@push('head')
    @if ($heroPreloadUrl)
        <link
            rel="preload"
            as="image"
            href="{{ $heroPreloadUrl }}"
            @if ($heroPreloadSrcset) imagesrcset="{{ $heroPreloadSrcset }}" @endif
            @if ($heroPreloadSizes) imagesizes="{{ $heroPreloadSizes }}" @endif
            fetchpriority="high"
        >
    @endif
@endpush

@section('content')

    @if ($useCchpNewsStage)
        <x-site.cchp-news-stage :featured="$featuredNews ?? collect()" :rail="$latestNewsRail ?? collect()" />
    @else
        <x-site.top-banner-slider :slides="$bannerGroups['home_top'] ?? []" />
    @endif

    @if (site_profile()->shows('trust_strip'))
        <x-site.home-trust-strip />
    @endif

    @if (site_shows_services() && $servicesHighlight->isNotEmpty())
        <section class="  py-8 px-2">
            <div class="site-container">
                <div class="eca-section-heading">
                    <h2>{{ __('site.section_services') }}</h2>
                    <a href="{{ route('site.services.index', ['locale' => app()->getLocale()]) }}">{{ __('site.view_all') }}</a>
                </div>
                <ul class="eca-card-grid eca-card-grid--services eca-card-grid--home mt-4">
                    @foreach ($servicesHighlight as $service)
                        <x-site.cards.service :service="$service" />
                    @endforeach
                </ul>
            </div>
        </section>
    @endif

    @if (site_profile()->shows('brands'))
        <x-site.home-brand-marquee />
    @endif

    @if (site_profile()->shows('specialty_grid'))
        <x-site.home-specialty-grid />
    @endif

    @if (site_profile()->shows('gallery'))
        <x-site.slider :slides="$gallerySlides" />
    @endif

    @if (site_shows_products())
            @if ($featuredProducts->isNotEmpty())
                <section class="py-8 px-2">
                    <div class="site-container">
                        <div class="eca-section-heading">
                            <h2>{{ __('site.section_products') }}</h2>
                            <a href="{{ route('site.products.index', ['locale' => app()->getLocale()]) }}">{{ __('site.view_all') }}</a>
                        </div>
                        <div class="eca-card-grid eca-card-grid--home mt-4">
                            @foreach ($featuredProducts as $product)
                                <x-site.cards.product :product="$product" compact :show-inquiry="false" />
                            @endforeach
                        </div>
                    </div>
                </section>
            @endif
    @endif

    @if (site_profile()->shows('articles'))
        @feature('articles_blog')
            <section class="  py-8 px-2">
                <div class="site-container">
                    <div class="eca-section-heading">
                        <h2>{{ __('site.section_blog') }}</h2>
                        <a href="{{ route('site.blog.index', ['locale' => app()->getLocale()]) }}">{{ __('site.view_all') }}</a>
                    </div>
                    @if ($articles->isEmpty())
                        <p class="text-brand-muted">{{ __('site.empty_articles') }}</p>
                    @else
                        <ul class="eca-card-grid eca-card-grid--home mt-4">
                            @foreach ($articles as $article)
                                <x-site.cards.article :article="$article" />
                            @endforeach
                        </ul>
                    @endif
                </div>
            </section>
        @endfeature
    @endif

    @if (site_profile()->shows('news'))
        @feature('news')
            <section class="py-8 px-2">
                <div class="site-container">
                    <div class="eca-section-heading">
                        <h2>{{ __('site.section_news') }}</h2>
                        <a href="{{ route('site.news.index', ['locale' => app()->getLocale()]) }}">{{ __('site.view_all') }}</a>
                    </div>
                    @if ($newsItems->isEmpty())
                        <p class="text-brand-muted">{{ __('site.empty_news') }}</p>
                    @else
                        <ul class="news-list news-list--home mt-4" data-reveal-group>
                            @foreach ($newsItems as $newsItem)
                                <x-site.cards.news :news="$newsItem" />
                            @endforeach
                        </ul>
                    @endif
                </div>
            </section>
        @endfeature
    @endif

    @if (site_profile()->shows('activities'))
        @feature('activities')
            <section class="py-8 px-2">
                <div class="site-container">
                    <div class="eca-section-heading">
                        <h2>{{ __('site.section_activities') }}</h2>
                        <a href="{{ route('site.activities.index', ['locale' => app()->getLocale()]) }}">{{ __('site.view_all') }}</a>
                    </div>
                    @if (($activities ?? collect())->isEmpty())
                        <p class="text-brand-muted">{{ __('site.empty_activities') }}</p>
                    @else
                        <ul class="news-list news-list--home mt-4" data-reveal-group>
                            @foreach ($activities as $activityItem)
                                <x-site.cards.activity :activity="$activityItem" />
                            @endforeach
                        </ul>
                    @endif
                </div>
            </section>
        @endfeature
    @endif

    @if (site_profile()->shows('repair_process'))
        <x-site.home-repair-process />
    @endif
@endsection