@extends('layouts.shop')

@section('title', __('shop.meta.default_title'))

@section('content')
@include('shop.partials.hero-slider')

@include('shop.partials.category-circles')

@if($popular->count())
<section class="section-block">
    <div class="page-container">
        @include('shop.partials.section-header', [
            'title' => __('shop.home.most_searched'),
            'moreUrl' => route('catalog', ['populares' => 1]),
            'moreLabel' => __('shop.home.see_more'),
        ])
        <div class="product-grid">
            @foreach($popular as $product)
                @include('shop.partials.product-card', ['product' => $product])
            @endforeach
        </div>
    </div>
</section>
@endif

@if($promotions->count())
<section class="section-block">
    <div class="page-container">
        @include('shop.partials.section-header', [
            'title' => __('shop.home.promotions'),
            'moreUrl' => route('catalog', ['promocao' => 1]),
            'moreLabel' => __('shop.home.see_more'),
        ])
        <div class="product-grid">
            @foreach($promotions as $product)
                @include('shop.partials.product-card', ['product' => $product])
            @endforeach
        </div>
    </div>
</section>
@endif

@if($latest->count())
<section class="section-block section-alt">
    <div class="page-container">
        @include('shop.partials.section-header', [
            'title' => __('shop.home.new_arrivals'),
            'moreUrl' => route('catalog'),
            'moreLabel' => __('shop.home.see_more'),
        ])
        <div class="product-grid">
            @foreach($latest as $product)
                @include('shop.partials.product-card', ['product' => $product, 'badge' => __('shop.badges.new')])
            @endforeach
        </div>
    </div>
</section>
@endif

@if($featured->count())
<section class="section-block">
    <div class="page-container">
        @include('shop.partials.section-header', [
            'title' => __('shop.home.featured'),
            'moreUrl' => route('catalog'),
            'moreLabel' => __('shop.home.see_more'),
        ])
        <div class="product-grid">
            @foreach($featured as $product)
                @include('shop.partials.product-card', ['product' => $product])
            @endforeach
        </div>
    </div>
</section>
@endif

<section class="section-block">
    <div class="page-container">
        <div class="promo-strip">
            <div>
                <h3>{{ __('shop.home.events_title') }}</h3>
                <p>{{ __('shop.home.events_text') }}</p>
            </div>
            <a href="{{ route('events.index') }}" class="btn btn-primary shrink-0">{{ __('shop.home.events_button') }}</a>
        </div>
    </div>
</section>
@endsection