@extends('front.layouts.base')   

@section('content')

<div class="user-area ptb-100">
        <div class="container">
            <div class="user-item">
                <form method="POST" action="{{ route('client.register_post') }}">
                    @csrf
                    <h2>{{ __('S\'inscrire') }}</h2>
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="form-group">
                                <input type="text" id="firstname" name="firstname" class="form-control @error('firstname') is-invalid @enderror" placeholder="{{__('Votre prénom:')}}" value="{{ old('firstname') }}" required autocomplete="firstname" autofocus>
                                @error('firstname')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group"> 
                                <input type="text" id="lastname" name="lastname" class="form-control @error('lastname') is-invalid @enderror" placeholder="{{__('Votre nom de famille:')}}" value="{{ old('lastname') }}" required autocomplete="lastname">
                                @error('lastname')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <input type="date" id="birthdate" name="birthdate" class="form-control @error('birthdate') is-invalid @enderror" placeholder="{{__('Date de naissance:')}}" value="{{ old('birthdate') }}">
                                @error('birthdate')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>
                        <div class="col-lg-12" style="margin-bottom: 1rem;">
                            <div class="form-group">
                                <label>{{__('Situation familiale:')}}</label>
                                <select name="family_situation" class="wide form-control @error('family_situation') is-invalid @enderror" id="family_situation">
                                    <option value='célibataire' {{ old('family_situation') == 'célibataire'? 'selected' : ''  }}>Célibataire</option>
                                    <option value='marié' {{ old('family_situation') == 'marié'? 'selected' : ''  }}>Marié</option>
                                    <option value='divorcé' {{ old('family_situation') == 'divorcé'? 'selected' : ''  }}>Divorcé</option>
                                    <option value='veuve' {{ old('family_situation') == 'veuve'? 'selected' : ''  }}>Veuve</option>
                                </select>
                                @error('family_situation')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <br><br>
                        <div class="col-lg-12" style="margin-bottom: 1rem;">
                            <div class="form-group">
                                <label>{{__('Civilité:')}}</label>
                                <select name="gender" class="wide form-control @error('gender') is-invalid @enderror" id="gender">
                                    <option value='male' {{ old('gender') == 'male'? 'selected' : ''  }}>Monsieur</option>
                                    <option value='female' {{ old('gender') == 'female'? 'selected' : ''  }}>Madame</option>
                                </select>
                                @error('gender')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <br><br>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <input type="text" id="city" name="city" class="form-control @error('city') is-invalid @enderror" placeholder="{{__('Ville:')}}" value="{{ old('city') }}" required>
                                @error('city')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <input type="tel" id="phone" name="phone" class="form-control @error('phone') is-invalid @enderror" placeholder="{{__('Téléphone:')}}" value="{{ old('phone') }}">
                                @error('phone')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" placeholder="{{__('Votre e-mail:')}}" name="email" value="{{ old('email') }}" required autocomplete="email">
                                @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <input id="email_confirmation" type="email" class="form-control @error('email_confirmation') is-invalid @enderror" placeholder="{{__('Confirmation d\'e-mail:')}}" name="email_confirmation" value="{{ old('email_confirmation') }}" required autocomplete="email">
                                @error('email_confirmation')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <input type="text" id="username" name="username" class="form-control @error('username') is-invalid @enderror" placeholder="{{__('Nom d\'utilisateur:')}}" value="{{ old('username') }}" required autocomplete="username">
                                @error('username')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <input type="password" id="password" name="password" class="form-control @error('password') is-invalid @enderror" placeholder="{{__('mot de passe:')}}">
                                @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>
                        <div class="col-lg-12">
                            <div class="form-group">
                                <input type="password" id="password_confirmation" name="password_confirmation" class="form-control @error('password_confirmation') is-invalid @enderror" placeholder="{{__('Confirmez le mot de passe:')}}">
                                @error('password_confirmation')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @endif
                            </div>
                        </div>
                        
                        <div class="col-lg-12" style="margin-bottom: 1rem;">
                            <div class="form-group">
                                <label>{{__('Comment nous avez-vous trouvé:')}}</label>
                                <select name="how_did_you_find_us" id="how_did_you_find_us" class="wide form-control @error('how_did_you_find_us') is-invalid @enderror">
                                    <option value='instagram' {{ old('how_did_you_find_us') == 'instagram'? 'selected' : ''  }}>instagram</option>
                                    <option value='Moteur de recherche' {{ old('how_did_you_find_us') == 'Moteur de recherche'? 'selected' : ''  }}>Moteur de recherche</option>
                                    <option value='Forum de discussion' {{ old('how_did_you_find_us') == 'Forum de discussion'? 'selected' : ''  }}>Forum de discussion</option>
                                    <option value='De bouche à oreille' {{ old('how_did_you_find_us') == 'De bouche à oreille'? 'selected' : ''  }}>De bouche à oreille</option>
                                </select>

                                @error('how_did_you_find_us')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                            </div>
                        </div>
                        <!-- <div class="col-lg-12">
                            <div class="form-group">
                                <div class="form-check">
                                    <input name="terms_and_conditions" id="terms_and_conditions" class="form-check-input" type="checkbox" value="" id="flexCheckDefault1">
                                    <label class="form-check-label" for="flexCheckDefault1">
                                        J'accept les<a href="#">Terms & Conditions</a>
                                    </label>
                                </div>
                            </div>
                        </div> -->
                        <div class="col-lg-12">
                            <button type="submit" class="btn common-btn">{{ __('S\'inscrire') }}</button>
                        </div>
                    </div>
                    <h5>{{ __('Vous avez déjà un compte?') }} <a href="{{ route('client.login') }}">{{ __('Connexion') }}</a></h5>
                </form>
            </div>
        </div>
    </div>

    <script type="text/javascript">
        window.onload = () => {
            const email = document.getElementById('email');
            const email_confirm = document.getElementById('email_confirmation');
            email.onpaste = e => e.preventDefault();
            email_confirm.onpaste = e => e.preventDefault();
        }
    </script>
@endsection