@extends('front.basic.layout')

@section('title', 'Connexion')

@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
                        <form method="POST" action="{{ route('register') }}">
                            @csrf
                            <div class="form-group row">
                                <label class="col-md-6 col-form-label">Civilité <span class="required-asterisk">*</span></label>
                                <select name="civility" class="custom-select col-md-6">
                                    <option value="1" @if (old('civility') == 1)selected @endif>Mr</option>
                                    <option value="2" @if (old('civility') == 2)selected @endif>Mme</option>
                                    <option value="3" @if (old('civility') == 3)selected @endif>Mlle</option>
                                </select>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-6 col-form-label">Nom <span class="required-asterisk">*</span></label>
                                <input type="text" name="lastname" class="form-control col-md-6" placeholder="Nom" value="{{ old('lastname') }}" required>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-6 col-form-label">Prénom <span class="required-asterisk">*</span></label>
                                <input type="text" name="firstname" class="form-control col-md-6" placeholder="Prénom" value="{{ old('firstname') }}" required>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-6 col-form-label">Date de naissance (JJ/MM/AAAA) <span class="required-asterisk">*</span></label>
                                <input type="date" name="birth_date" class="form-control col-md-6" placeholder="Date de naissance" value="{{ old('birth_date') }}" required>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-6 col-form-label">Email <span class="required-asterisk">*</span></label>
                                <input type="text" name="email" class="form-control col-md-6" placeholder="Email" value="{{ old('email') }}" required>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-6 col-form-label">Confirmer l'email <span class="required-asterisk">*</span></label>
                                <input type="text" id="password-confirm" name="email_confirmation" class="form-control col-md-6" placeholder="Confirmer votre email" required>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-6 col-form-label">Mot de passe <span class="required-asterisk">*</span></label>
                                <input type="password" name="password" class="form-control col-md-6" placeholder="Mot de passe" required>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-6 col-form-label">Confirmer le mot de passe <span class="required-asterisk">*</span></label>
                                <input id="password-confirm" type="password" class="form-control col-md-6"
                                    name="password_confirmation" required autocomplete="new-password" placeholder="Confirmer le mot de passe">
                            </div>
                            <div class="form-group row">
                                <label class="col-md-6 col-form-label">Adresse <span class="required-asterisk">*</span></label>
                                <input type="text" name="address" class="form-control col-md-6" placeholder="Adresse" value="{{ old('address') }}" required>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-6 col-form-label">Adresse complémentaire</label>
                                <input type="text" name="address2" class="form-control col-md-6" placeholder="Adresse complémentaire" value="{{ old('address2') }}">
                            </div>
                            <div class="form-group row">
                                <label class="col-md-6 col-form-label">Ville <span class="required-asterisk">*</span></label>
                                <input type="text" name="town" class="form-control col-md-6" placeholder="Ville" value="{{ old('town') }}" required>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-6 col-form-label">Code postal <span class="required-asterisk">*</span></label>
                                <input type="text" name="postal_code" class="form-control col-md-6" placeholder="Code postal" value="{{ old('postal_code') }}" required>
                            </div>
                            <div class="form-group row">
                                <label class="col-md-6 col-form-label">Pays <span class="required-asterisk">*</span></label>
                                <input type="text" name="country" class="form-control col-md-6" placeholder="Pays" value="{{ old('country') }}" required>
                            </div>
                            <div class="form-group text-center">
                                <label class="col-form-label">
                                    <input type="checkbox" name="news" class="form-checkbox">
                                    Je souhaitre m'inscrire à la newsletter {{$settingsGlobal->name}}
                                </label><br/>
                                <label class="col-form-label">
                                    <input type="checkbox" name="reglement" class="form-checkbox" required>
                                    J'ai lu et j'accepte le <a href="{{route('reglement')}}">règlement</a>
                                </label>
                            </div>
                            <div class="text-center">
                                <input type="submit" class="btn btn-primary" value="Valider">
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection