@extends('front.basic.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>Pour participer au jeu, munissez-vous du sticker présent sur les produits Réghalal participants à l’opération.</p>
                <div class="code--img">
                    <img src="{{asset('/images/logo-br.png')}}" alt="Sticker jeu 100% gagnant">
                </div>
                <form id="code--form" class="flex" method="POST" action="{{route('participate')}}">
                    <div class="code--edit flex">
                        @csrf
                        <input type="text" name="code" maxlength="8" size="8" placeholder="Code unique (8 caractères)*" required>
                        <div class="rules">
                            <input type="checkbox" name="accept_rules" id="accept_rules" value="0" 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>
            </div>
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        </section>
        
    </div>
@endsection