@extends('layouts.app')

@section('content')
    <!-- Page Title -->
    <div class="page-title accent-background">
        <div class="container d-lg-flex justify-content-between align-items-center">
            <h1 class="mb-2 mb-lg-0">Scopri tutte le promozioni</h1>
            <nav class="breadcrumbs">
                <ol>
                    <li><a href="index.html">Home</a></li>
                    <li class="current">Promozioni</li>
                </ol>
            </nav>
        </div>
    </div><!-- End Page Title -->

    <!-- Services Section -->
    <section id="services" class="services section light-background">

        <div class="container">

            <div class="row gy-4">
                @foreach ($promotions as $item)
                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
                        <div class="service-item item-cyan position-relative">
                            <div class="icon">
                                <img src="/storage/{{ $item->image }}" width="200" class="" alt="">

                                <i class="bi bi-activity"></i>
                            </div>
                            <a href="{{ route('promozioni.promodetail', $item->id) }}" class="stretched-link">
                                <h3>{{ $item->title }}</h3>
                            </a>
                            <p>{{ $item->description }}</p>
                        </div>
                    </div><!-- End Service Item -->
                @endforeach

            </div>

        </div>

    </section><!-- /Services Section -->

    <!-- Features Section -->
    <section id="features" class="features section">

        <!-- Section Title -->
        <div class="container section-title" data-aos="fade-up">
            <h2>Recenti</h2>
            <p>Necessitatibus eius consequatur ex aliquid fuga eum quidem sint consectetur velit</p>
        </div><!-- End Section Title -->

        <div class="container">

            <div class="row gy-4">
                @foreach ($promotions as $item)
                    <div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
                        <div class="service-item item-cyan position-relative">
                            <div class="icon">
                                <img src="/storage/{{ $item->image }}" width="200" class="" alt="">

                                <i class="bi bi-activity"></i>
                            </div>
                            <a href="{{ route('promozioni.promodetail', $item->id) }}" class="stretched-link">
                                <h3>{{ $item->title }}</h3>
                            </a>
                            <p>{{ $item->description }}</p>
                        </div>
                    </div><!-- End Service Item -->
                @endforeach

            </div>

        </div>

    </section><!-- /Features Section -->
@endsection
