@extends('layouts.login')

@section('content')

<div class="col-12 col-md-6 col-lg-5" id="blocLogin">
	<div>
		<div class="text-center"><img src="{{ asset('storage/assets/charte/'.env('LOGOCLIENT').'') }}" class="img-fluid" /></div>
		<div class = "h-20"></div>
		<form class="form-center" method="post" action="{{ route('login') }}">
		<div class="panel">
		<h3 class="panel-header">{{ __('Connexion') }}</h3>
			<div class="panel-body">

                @csrf

                <div class="input-group mb-3">
					<div class="input-group-append">
						<span class="input-group-text"><i class="fa fa-user"></i></span>
					</div>
					<input id="email" type="text" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus>

						@error('email')
							<span class="invalid-feedback" role="alert">
								<strong>{{ $message }}</strong>
							</span>
						@enderror
				</div>


				<div class="input-group mb-2">
					<div class="input-group-append">
						<span class="input-group-text"><i class="fa fa-key"></i></span>
					</div>
					<input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password">

						@error('password')
							<span class="invalid-feedback" role="alert">
								<strong>{{ $message }}</strong>
							</span>
						@enderror
				</div>


			<div class="custom-control custom-checkbox d-flex justify-content-between">
				<input type="checkbox" id="rememberMe" name="remember-me" value="1" class="custom-control-input">
				<label class="custom-control-label" for="rememberMe"><small>{{ __('Rester connecté') }}</small></label>

			<small><a href="{{ route('mdpperdu') }}">{{ __('Mot de passe oublié') }}</a></small>
			</div>

			<button class="btn btn-lg btn-warning btn-block mt-2" type="submit">{{ __('Connexion') }}</button>
			</div>
			</div>

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

@endsection