@extends('layouts.app')
@section('content')
    <div class="breadcumb-wrapper" data-bg-src="{{asset('assets/img/breadcumb/breadcumb-bg-1.webp')}}">
        <div class="container z-index-common">
            <div class="breadcumb-content"><h1 class="breadcumb-title"> @lang("Chèque cadeau") </h1>
                <div class="breadcumb-menu-wrap" aria-label="Breadcrumb">
                    <ul class="breadcumb-menu" itemscope itemtype="http://schema.org/BreadcrumbList">
                        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem">
                            <a href="{{route('index')}}" itemprop="item"><span itemprop="name"> @lang("Accueil") </span>
                                <meta itemprop="position" content="1"/>
                            </a>
                        </li>
                        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">@lang("Chèque cadeau")</span>
                            <meta itemprop="position" content="2"/>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <section class="vs-product-wrapper bg-gradient-3">
        <div class="outer-wrap3">
            <div class="container">
                <div class="row gx-60">
                    <div class="col-xl-12 wow fadeInUp" data-wow-delay="0.2s">
                        <div class="row">
                            @foreach($items as $item)
                                <div class="col-md-6 col-xl-4">
                                    <div class="vs-product product-style2">
                                        <div class="product-img"><a href="{{ route("checkout.giftCard",$item->slug) }}"><img src="{{ $item->cover }}" class="w-100" alt="{{ $item->title }}" title="{{ $item->title }}"></a></div>
                                        <div class="product-body">
                                            <div class="product-content"><h3 class="product-title"><a class="text-inherit" href="{{ route("checkout.giftCard",$item->slug) }}">{{ $item->title }}</a></h3> {{--<div class="product-category"><a>{{ $item->human_duration }}</a></div>--}} </div>
                                            <span class="product-price"><span class="currency">&euro;</span>{{ number_format($item->price,2) }}</span>
                                        </div>
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection