@extends('layouts.app')
@section('head')
    <style>
        .price-inner3 {
            box-shadow: none;
            padding: 18px 25px 8px 25px;
        }

        .blog-meta span.price-xl {
            color: #754d18;
            font-size: 21px;
        }
    </style>
@endsection
@section('content')
    <div class="breadcumb-wrapper" data-bg-src="{{asset('assets/img/breadcumb/breadcumb-bg-2.webp')}}">
        <div class="container z-index-common">
            <div class="breadcumb-content"><h1 class="breadcumb-title"> @lang("PROMO DEALS") </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('deals')}}" itemprop="item"><span itemprop="name"> @lang("PROMO") </span>
                                <meta itemprop="position" content="2"/>
                            </a></li>
                        <li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem"><span itemprop="name">{{ $combination->title }}</span>
                            <meta itemprop="position" content="3"/>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <section class="space">
        <div class="container">
            <div class="row gx-60">
                <div class="col-xl-7 wow fadeInUp" data-wow-delay="0.3s">
                    <div class="row">
                        <div class="col-12 mb-5"><h1 class="h3 mt-n2">{{ $product->title }}</h1> {!! $product->description !!} @if($combination->condition)
                                <p>@lang("Conditions de cette offre") :</p> <p>{!! $combination->condition !!}</p>
                            @endif @if($combination->deal_validity)
                                <p>@lang("Date limite pour réserver avec ce deal"): <b>{{ $combination->deal_validity->format('d-m-Y') }}</b></p>
                            @endif </div>
                    </div>
                </div>
                <div class="col-xl-5 mb-40 mb-xl-0 pb-20 pb-xl-0 wow fadeInUp" data-wow-delay="0.2s">
                    <div class="form-style2 bg-light-3 sticky">
                        <div class="vs-blog blog-single has-post-thumbnail mb-0" id="countdown">
                            <div class="blog-img mb-2" data-fade="true">
                                <img src="{{asset('assets/img/blog/blog-4-1.jpg')}}" class="w-100" alt="{{ $combination->title }}" title="{{ $combination->title }}" width="394" height="361">
                                <span class="discount min">-{{ $combination->getReductionPourcentage() }}%</span>
                                <div class="countd" id="app">
                                    <count-down :deadline="'{{ $combination->deal_expire }}'"></count-down>
                                </div>
                            </div>
                            <div class="blog-content">
                                <div class="price-inner3 wow fadeInUp wow-animated w-100" data-wow-delay="0.3s">
                                    <div class="package-style2 d-block">
                                        <div class="package-body"><h3 class="package-title">{{ $combination->title }}</h3>
                                            <div class="blog-meta d-flex justify-content-between align-items-center">
                                                <p class="mb-0">
                                                    <a><i class="fas fa-user text-theme"></i> {{ $combination->persons }}</a>
                                                    <a><i class="fas fa-hourglass-half text-theme"></i> {{ $combination->human_duration }}</a>
                                                </p>
                                                <p class="mb-0">
                                                    <del>{{ $combination->price }} €</del>
                                                    <span class="price-xl">{{ $combination->price_deal }} € </span>
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <p class="blog-bg">@lang("Révélez votre beauté naturelle avec nos offres de soins esthétiques") <b>@lang("exclusives")</b> !</p></div>
                        </div>
                        <div class="form-group"> @if(/*$combination->promotion->value === \App\Enums\Promotion::deal->value &&*/ $combination->deal_expire > \Carbon\Carbon::now())
                                <a class="vs-btn " href="{{ route("checkout.deal",$combination->slug) }}" promotion="{{ $combination->promotion->value }}">@lang('Acheter')</a>
                            @else
                                <span class="text--lighten-2">@lang('Offre expiré')</span>
                            @endif </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection