@extends('theme::layout')

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

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

        <div class="sc__wrapper container">
            <h1 class="post-title raleway">Lancez la roue et<br>découvrez votre gain</h1>
            <!-- spinwheel --->
            <div id="wrapper">

                <div id="wheel">
                    <div id="inner-wheel">
                        <div class="sec"><span class="fab fa-bell-o"></span></div>
                        <div class="sec"><span class="fab fa-comment-o"></span></div>
                        <div class="sec"><span class="fab fa-smile-o"></span></div>
                        <div class="sec"><span class="fab fa-heart-o"></span></div>
                    </div>

                    <div id="spin">
                        <div id="inner-spin"></div>
                    </div>

                    <div id="shine"></div>
                </div>

                <div id="txt"></div>
            </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('fo.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('fo.saisir-code') }}">Je rejoue</a>
                        </div>
                    </div>
                </div>
            </div>

        </section>

    </div>
@endsection

@push('scripts')
    <script>
        //set default degree (360*5)
        var degree = 1800;
        //number of clicks = 0
        var clicks = 0;

        var thisWinAngle = 1490;
    </script>
@endpush