@extends('front.basic.layout')

@section('title', 'Réduction')

@section('content')
<div class="congratulate floating grid">
        <div class="head-bloc"></div>

        <div class="container sc__wrapper">
            <h1 class="post-title">Grattez et<br>découvrez votre gain</h1>
            <!-- scratchcard -->
            <div id="js--sc--container" class="sc__container">
                <img src="{{asset('/images/view-br.jpg')}}" alt="">
                <!-- background image insert here by scratchcard-js -->
                <!-- canvas generate here -->
            </div>
            <!-- infos -->
            <div class="sc__infos">
                <!-- percent -->
            </div>
        </div>

        <section class="main--bloc container">

            <div class="mobile--menu">
                <div class="title--bloc view-br">
                    <div class="title--txt">
                        <h1 class="post-title">Félicitations&nbsp;!</h1>
                        <!-- <br>Votre bon a été envoyé à l'adresse e-mail indiqué lors de votre inscription au jeu (en cas de non réception, vérifiez dans vos courriers indésirables. Attention, le mail peut parfois mettre quelques minutes à vous parvenir). Vous pouvez également y accéder en cliquant sur le bouton ci-dessous. -->
                        <p>Vous avez gagné un bon d'achat de {{ number_format($coupon->face_value,2) }}€<br>{{$coupon->valid_on}}</p>
                        <div class="main-btn">
                            <a href="{{$crmCoupon->link}}" target="_blank">Imprimer ma réduction</a>
                        </div>
                    </div>
                    <div class="bg-opacity"></div>
                </div>
                <div class="play--bloc">
                    <p class="strong">Vous possédez un autre code&nbsp;?</p>
                    <div class="main-btn">
                        <a href="{{route('saisir-code')}}">Je rejoue</a>
                    </div>
                </div>
            </div>

            <div class="desktop--menu">
                <div class="img--bloc view-br"></div>
                <div class="txt--bloc">
                    <div class="bloc--rotate">
                        <h1 class="post-title">Félicitations&nbsp;!</h1>
                        <p>Vous avez gagné un bon d'achat de {{ number_format($coupon->face_value,2) }}€<br>{{$coupon->valid_on}}</p>
                        <div class="main-btn">
                            <a href="{{$crmCoupon->link}}" target="_blank">Imprimer ma réduction</a>
                        </div>
                        <p class="strong">Vous possédez un autre code&nbsp;?</p>
                        <div class="main-btn">
                            <a href="{{route('saisir-code')}}">Je rejoue</a>
                        </div>
                    </div>
                </div>
            </div>

        </section>
        
    </div>
@endsection