@extends('layouts.app',['ver' => 1])

@section('content')

<main class="connexion-main" >
            <div class="signup-area">
                 <br> <br><br>
                <div class="logo text-center" >
                  
       
                </div>
                <form  action="{{ route('public.register.store') }}" method="POST">
                        @csrf
                      <div class="text-center" >
                          @if(session()->has('message'))
                    <div class="alert alert-primary" role="alert">
                         {{ __(session('message')) }}
                    </div>
                    @endif
                    @if(session()->has('error'))
                    <div class="alert alert-danger" role="alert">
                         {{ session('error') }}
                    </div>
                    @endif

                     @if (isset($errors) && $errors->any())
                                <div class="alert alert-danger" role="alert">
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{  $error }}</li>
                                        @endforeach
                                    </ul>
                                    {{ session('status') }}
                                </div>
                            @endif
                     <h3 >Inscription</h3>
                     <p >Avez-vous déjà un compte? <a href="{{ route('login') }}" class="text-info">{{ __('Login') }}</a></p>
                      </div>
                    <div class="nom-box input-items">
                        <label for="nom">Nom</label>
                        <input type="nom" name="first_name"
                                    value="{{ old('nom') }}"  autocomplete="nom">
                    </div>

                    <div class="prenom-box input-items">
                        <label for="prenom">Prénom</label>
                        <input type="prenom" name="last_name"
                                    value="{{ old('prenom') }}"  autocomplete="prenom">
                    </div>
                    <div class="email-box input-items">
                        <label for="email">E-mail</label>
                        <input type="email" name="email"
                                    value="{{ old('email') }}"  autocomplete="email">
                    </div>
                    <div class="password-box mt-4 input-items">
                        <label for="password">Mot de passe</label>
                        <div class="password-wapper d-flex align-items-center">
                            <input type="password"  name="password"
                                    autocomplete="current-password">
                            <div class="toggle-password">
                                <i class="bi active bi-eye"></i> 
                                <i class="bi bi-eye-slash"></i> 
                            </div>
                        </div>
                    </div>

                     <div class="checkbox-connexion mt-3 d-flex align-items-center justify-content-between gap-2">
                        <button type="submit">Créer un compte</button>
                    </div>
                    
                   
                </form>

                <div class="tarms-sigup text-white text-center">
                    <small>En cliquant sur le bouton « Login »,vous acceptez les conditions d'utilisation.<a
                                href="{{ route('conditions') }}"> {{ __('Termes et conditions') }}</a> &amp; <a href="{{ route('securite') }}">{{ __('Politique de confidentialité') }}.</a></small>
                </div>
                
            </div>
        </main>
@endsection