@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header">Inscription</div>

                <div class="card-body">
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul>
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    @if (\Session::has('success'))
                        <div class="alert alert-success">
                            <ul>
                                <li>{!! \Session::get('success') !!}</li>
                            </ul>
                        </div>
                    @endif
                    <form action="{{ route('accueil.store') }}" method="POST">
    @csrf
                    <div class="row">
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">
                                <strong>Nom et Prénom:</strong>
                                <input type="text" name="nom" class="form-control" placeholder="Nom et Prénom">
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">
                                <strong>Téléphone:</strong>
                                <input type="tel" id="phone" name="phone" class="form-control" placeholder="Téléphone" pattern="[0-9]{8}">
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">
                                <label for="jeux"><strong>Séléctionnée jeux</strong></label>
                                <select class="form-control" id="jeux" name="jeux">
                                  <option value="1">Jeux de lancé cerceau</option>
                                  <option value="2">Jeux puissance4</option>
                                  <option value="3">Tir au but</option>
                                </select>
                            </div>
                        </div>

                        <div class="col-xs-12 col-sm-12 col-md-12 text-center">
                                <button type="submit" class="btn btn-primary">Submit</button>
                        </div>

                    </div>
                    </form>
                </div>
        </div>
    </div>
</div>
@endsection