@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">{{ __('Login') }}</h4>
                     <p>Une prise &agrave; changer ? Une serrure &agrave; remplacer ? Un WC &agrave; changer ? Ne vous inqui&eacute;tez pas, Djo vous trouve une solution pour vos petits travaux &agrave; r&eacute;aliser &agrave; votre domicile. Pour effectuer votre demande rien de plus simple:</p>

                     <p class="mt-4">Vous &ecirc;tes un nouvel utillisateur?</p>
                     <a href="{{route('register')}}">
                     <button class="btn-color">Inscrivez-vous
                     </button>
</a>

                     <p class="mt-3">Vous avez d&eacute;j&agrave; un compte</p>

                     <form method="POST" action="{{ route('login') }}">
                        @csrf
                       <div class="form-group email-overlay">
                                <input id="email" type="email" class="form-text-field form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus 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="password" type="password" class=" form-text-field form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password" placeholder="{{ __('Password') }}">
                         <i class="fas fa-lock"></i>
                         @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror
                       </div>
                       <div class="form-group">
                         <input class="form-check-input" type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>

                                    <label class="form-check-label" for="remember">
                                        {{ __('Remember Me') }}
                                    </label>
                       </div>
                     <button type="submit" class="btn-color">
                                    {{ __('Login') }}
                                </button>
                                @if (Route::has('password.request'))
                                    <a class="" href="{{ route('password.request') }}">
                                        <p class="mt-3"><span class="oc1"><strong>  {{ __('Forgot Your Password?') }}</strong></span></p>
                                    </a>
                                @endif
                              
            
                            @if (Route::has('register'))
                     <p class="mt-3"><a href="{{ route('register') }}"><span class="oc1"><strong>Cr&eacute;ez un compte</strong></span></a></p>
                     @endif
                     
                     </form>
                  </div>
               </div>
            </div>
         </div>

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

@endsection