@extends('theme::layout')

@section('title')
    {{ $prize->gain_view->name }}
@endsection

@section('content')
    <div class="gains col padding container flex">
        <div class="step">&Eacute;TAPE 3/3</div>
        <div class="content-gains">
            <div class="bravo flex">
                <div class="img-bravo">
                    <img src="{{ Vite::asset('resources/theme/mounted/assets/images/gain_lot_01.png') }}" alt="Kit de cuisine">
                </div>
                <div class="txt-bravo flex">
                    <h1>Bravo !</h1>
                    <h2>Vous avez gagné un <strong>kit de cuisine</strong></h2>
                    <p>Pour recevoir votre cadeau, vous devez obligatoirement renseigner le formulaire ci-dessous.</p><br>
                    <p>Renseignez l'adresse à laquelle vous souhaitez recevoir le kit de cuisine.<br>Livraison sous 8 semaines.</p>
                </div>
            </div>
            <div class="instructions flex">
                <div class="contain-courrier">
                    <div class="courrier">
                        <div class="infos">
                            <h3>Par courrier</h3>
                            <p>Merci de nous envoyer sur papier libre 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 flex">
                            <p>JEU MAGIE DE NO&Euml;L 2020<br>LDC - ZI SAINT LAURENT<br>CS 50925<br>72302 SABL&Eacute; SUR SARTHE CEDEX</p>
                        </div>
                        <div class="coordonnees flex">
                            <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 flex">
                            <p>Vos preuves d'achat<br>Code-barres original du produit,<br>ticket de caisse original avec la date,<br>le sticker
                                ou l’arrière de la boite d’œufs avec le code unique de jeu</p>
                        </div>
                    </div>
                </div>
                <div class="inline">
                    <div class="infos">
                        <h3>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('fo.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">
                            <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">
                            <div class="adress flex">
                                <input id="addr2" name="address2" type="text" value="{{ Auth::user()->address2 }}"
                                    placeholder="Complément d'adresse" maxlength="50">
                                <input id="post_number" name="postal_code" type="number" value="{{ Auth::user()->postal_code }}"
                                    placeholder="Code Postal*" required min="1" max="99999">
                            </div>
                            <div class="locate flex">
                                <input id="town" name="town" type="text" value="{{ Auth::user()->town }}" placeholder="Ville*"
                                    required maxlength="50">
                                <input id="country" name="country" type="text" value="{{ Auth::user()->country }}" placeholder="Pays*"
                                    required maxlength="32">
                            </div>
                            <div class="tel">
                                <input id="phone" name="phone" type="tel" value="{{ Auth::user()->phone }}"
                                    placeholder="Numéro de téléphone*" required>
                            </div>
                        </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 class="suppr">+</div>
                            </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 class="suppr">+</div>
                            </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 class="suppr">+</div>
                            </div>
                        </div>
                        <div class="btn">
                            <input id="send" type="submit" value="Envoyer mes preuves d'achat">
                        </div>
                    </form>
                </div>
            </div>
            <div class="legals">
                <p>*Champs obligatoires</p>
            </div>
        </div>
    </div>
@endsection