@extends('theme::fo.layout')

@section('title')
    {{ $prizesGlobal[1]->gain_view->name }}
@endsection

@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-lot2">
                    <div class="title--txt">
                        <h1 class="post-title">Félicitations&nbsp;!</h1>
                        <p class="info2">Vous avez gagné un {{ $prizesGlobal[1]->label_one }} !<br>
                            Pour recevoir votre cadeau, vous devez envoyer vos preuves d'achat.
                            Voir modalités ci dessous.
                        </p>
                    </div>
                    <div class="bg-opacity"></div>
                </div>
                <div class="play--bloc">
                    <div class="main-btn">
                        <a href="#winproof">>></a>
                    </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-lot2"></div>
                <div class="txt--bloc">
                    <div class="bloc--rotate">
                        <h1 class="post-title">Félicitations&nbsp;!</h1>
                        <p>Vous avez gagné un {{ $prizesGlobal[1]->label_one }} !<br>
                            Pour recevoir votre cadeau, vous devez envoyer vos preuves d'achat.
                            Voir modalités ci dessous.</p>
                        <div class="main-btn">
                            <a href="#winproof">>></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>
    </div>
    <div class="register floating grid">
        <div class="head-bloc"></div>

        <section class="main--bloc container" style="display:none;">

            <div class="title-inscription1">
                <a id="winproof"></a>
                <h1 class="post-title">Envoyez vos preuves de gain</h1>
            </div>
            <div class="form-inscription1">

                <div class="infos">
                    <h2>En ligne @</h3>
                        <p>Renseignez l'adresse à laquelle vous souhaitez recevoir votre gain et téléversez vos preuves d'achat.</p>
                </div>
                <form method="POST" action="{{ route('send-winning-proof') }}" enctype="multipart/form-data">
                    @method('PUT')
                    @csrf
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <div class="coordonnees grid">
                        <h4>Vos coordonnées</h4>
                        <input id="lastname" name="lastname" type="text" value="{{ Auth::user()->lastname ?? '' }}" placeholder="Nom*"
                            required maxlength="150">
                        <input id="firstname" name="firstname" type="text" value="{{ Auth::user()->firstname ?? '' }}" placeholder="Prénom*"
                            required maxlength="150">
                        <input id="addr1" name="address" type="text" value="{{ Auth::user()->address ?? '' }}" placeholder="Adresse*"
                            required maxlength="50">
                        <input id="addr2" name="address2" type="text" value="{{ Auth::user()->address2 ?? '' }}"
                            placeholder="Complément d'adresse" maxlength="50">
                        <div class="locate">
                            <input id="post_number" name="postal_code" type="number" value="{{ Auth::user()->postal_code ?? '' }}"
                                placeholder="Code Postal*" required min="1" max="99999">
                            <input id="town" name="town" type="text" value="{{ Auth::user()->town ?? '' }}" placeholder="Ville*"
                                required maxlength="50">
                        </div>
                        <input id="country" name="country" type="text" value="{{ Auth::user()->country ?? '' }}" placeholder="Pays*"
                            required maxlength="32">
                        <input id="phone" name="phone" type="tel" value="{{ Auth::user()->phone ?? '' }}"
                            placeholder="Numéro de téléphone*" required>
                    </div>
                    <div class="preuves">
                        <h4>Vos preuves d'achat</h4>
                        <div class="barres files-accepted">
                            <p>Code-barres du produit*</p><br><br>
                            <label class="lbl-code upload" for="file-code">Ajouter un fichier</label>
                            <input class="input-file" id="file-code" name="barcode" type="file" accept=".jpg,.jpeg,.png,.pdf" required>
                        </div>
                        <div class="ticket files-accepted">
                            <p>Ticket de caisse avec la date*</p><br><br>
                            <label class="lbl-ticket upload" for="ticket-prod">Ajouter un fichier</label>
                            <input class="input-file" id="ticket-prod" name="ticket" type="file" accept=".jpg,.jpeg,.png,.pdf"
                                required>
                        </div>
                        <div class="sticker files-accepted">
                            <p>Sticker du produit*</p><br><br>
                            <label class="lbl-sticker upload" for="sticker-prod">Ajouter un fichier</label>
                            <input class="input-file" id="sticker-prod" name="sticker" type="file" accept=".jpg,.jpeg,.png,.pdf"
                                required>
                        </div>
                    </div>
                    <div class="btn-form">
                        <input class="btn" id="send" type="submit" value="Envoyer mes preuves d'achat">
                    </div>
                </form>

            </div>
            <div class="legals">
                <p>*Champs obligatoires</p>
            </div>

            <div class="instructions">
                <div class="contain-courrier">
                    <div class="courrier">
                        <div class="infos">
                            <h2>Ou Par courrier</h3>
                                <p>Merci de nous envoyer, sur papier libre (ou en utilisant le formulaire <a
                                        href="{{ Vite::asset('fichiers/pdf/' . $prizesGlobal[1]->pdf_winning_proof) }}"
                                        style="font-size: inherit;line-height:inherit;" target="_pdf"> téléchargeable ici</a>), vos
                                    coordonnées ainsi que vos preuves d'achat originales. Le tout sous pli suffisamment affranchi sous dix jours
                                    à l'adresse suivante :</p>
                        </div>
                        <div class="adress">
                            <p>Service Consommateurs LDC<br>Jeu "Gau'loisirs"<br>CS 50925<br>72302 SABL&Eacute; SUR SARTHE CEDEX</p>
                        </div>
                        <div class="coordonnees">
                            <p>Vos coordonnées<br>Nom, prénom, adresse complète,<br>n° de téléphone et E-mail</p>
                        </div>
                        <div class="preuves">
                            <p>Vos preuves d'achat<br>Code-barres original du produit,<br>ticket de caisse original avec la date,
                                <br>le sticker ou ou la partie de l'emballage contenant le code unique de jeu (code visible)
                            </p>
                        </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 = 1580;
    </script>
@endpush