@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"><span>{{ $gift->title }}</span></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">
                            <a href="{{route('chequecadeau')}}" itemprop="item"><span itemprop="name"> @lang("Chèque cadeau") </span>
                                <meta itemprop="position" content="2"/>
                            </a>
                        </li>
                        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">{{ $gift->title }}</span>
                            <meta itemprop="position" content="3"/>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="app">
        <checkout-gift :routes="{{ $routes }}" :gift="{{ $gift }}"></checkout-gift>
    </div>
@endsection