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

@section('title', 'Saisie du code')

@section('content')
    <div class="code connect floating grid">
        <div class="head-bloc"></div>
        <section class="main--bloc container">
            <div class="edit-code grid">
                <h1 class="post-title">Saisissez votre code</h1>
                <p class="pre--text">Pour participer au jeu, munissez-vous du sticker présent sur les produits Le Gaulois participant à
                    l'opération.</p>
                <p class="post--text"><span class="underlined">Attention :</span>&nbsp;<strong>en cas de gain du coffret Wonderbox,</strong>
                    gardez précieusement <strong>le sticker utilisé ainsi que votre ticket de caisse.</strong> Ils vous seront demandés comme
                    preuves de gain pour valider votre lot.</p>
                <div class="code--img">
                    <img src="{{ Vite::asset('resources/theme/mounted/assets/images/br.png') }}" alt="Sticker jeu 100% gagnant">
                </div>
                <form class="flex" id="code--form" method="POST" action="{{ route('participate') }}">
                    <div class="code--edit flex">
                        @csrf
                        <input name="code" type="text" maxlength="9" size="9" placeholder="Code unique (9 caractères)*" required>
                        <input name="code_ean" type="text" maxlength="13" size="13" placeholder="Code Barre (13 caractères)*" required>
                        <div class="rules">
                            <input id="accept_rules" name="accept_rules" type="checkbox" required>
                            <label for="accept_rules">J'ai lu et j'accepte le <a href="{{ route('reglement') }}">règlement</a> du jeu*</label>
                        </div>

                        <span>* Champs obligatoires</span>
                    </div>
                    <input class="btn btn-success" type="submit" value="Je valide">
                </form>
                @if ($errors->any())
                    <div class="alert alert-danger">
                        <ul>
                            @foreach ($errors->all() as $error)
                                <li>{{ $error }}</li>
                            @endforeach
                        </ul>
                    </div>
                @endif
            </div>
        </section>

    </div>
@endsection