@extends('layouts.app')

@section('content')

<div class="container mt-5 mb-5">
            <div class="row">
               <div class="col-lg-5 col-sm-12 col-12">
                  <div class="mendas-data text-center">
                    <img src="image/logo.png" height="200">
                     <h4 class="text-center mb-3">{{ __('Register') }}</h4>

                     <p class="mt-3 text-color"><strong>COORDONN&Eacute;ES</strong></p>
                    
                     <form method="POST" action="{{ route('register') }}">
                     @csrf
                       <div class="form-group">
                         <input type="text" id="name" name="name"  value="{{ old('name') }}" class="form-control form-text-field @error('name') is-invalid @enderror" placeholder="{{ __('Name') }}" required autocomplete="name" autofocus>
                         @error('name')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
    @enderror
                       </div>

                       <div class="form-group">
                         <input type="text" id="surname" name="surname" class="form-control form-text-field @error('surname') is-invalid @enderror" value="{{ old('surname') }}" required autocomplete="surname" autofocus placeholder="{{ __('Surname') }}">
                         @error('surname')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                       </div>

                       <div class="form-group email-overlay">
                         <input type="email" id="email" class="form-control @error('email') is-invalid @enderror form-text-field" name="email" value="{{ old('email') }}" required autocomplete="email" placeholder="{{ __('E-Mail Address') }}">
                         <i class="fas fa-envelope"></i>
                         @error('email')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                       </div>

                       <div class="form-group email-overlay">
                       <input id="telephone" type="text" class="form-text-field form-control @error('telephone') is-invalid @enderror" name="telephone" value="{{ old('telephone') }}" required autocomplete="telephone" autofocus  placeholder="{{ __('Téléphone') }}">
                         <i class="fas fa-phone"></i>
                         @error('telephone')
                                        <span class="invalid-feedback" role="alert">
                                            <strong>{{ $message }}</strong>
                                        </span>
                                    @enderror
                       </div>

                       <p class="mt-2 text-color"><strong>Sécurité</strong></p>

                       <div class="form-group email-overlay">
                       <input id="password" type="password" class=" form-text-field form-control @error('password') is-invalid @enderror" name="password" required autocomplete="new-password" placeholder="{{ __('Password') }}">
    
    @error('password')
        <span class="invalid-feedback" role="alert">
            <strong>{{ $message }}</strong>
        </span>
    @enderror 
                         <i class="fas fa-lock"></i>
                       </div>
                       <div class="form-group">
                       <input id="password-confirm" type="password" class="form-control form-text-field" name="password_confirmation" required autocomplete="new-password"  placeholder="{{ __('Confirm Password') }}">
                       </div>

                       <button type="submit"  class="btn-color">
                     {{ __('Register') }}
                     </button>
                     </form>

                  </div>
               </div>
            </div>
         </div>

         <img src="{{asset('image/PersonnageMecanicien.png')}}" class="comman-image-all5">
      </div>
      

@endsection