@extends('layouts.app')
@section('content')
<div class="login-box">
    <div class="login-logo">
        <a href="#"><h2 style="font-family: Roboto;color:#D7DBDD">== MASROUFI ==</h2></a>
    </div>
    <!-- /.login-logo -->
    <div class="card" style="margin-bottom:0">
        <div class="card-body login-card-body">
            <p class="login-box-msg">Authentification</p>

            <form action="{{ route('login') }}" method="post">
                @csrf
                <div class="input-group mb-3">
                    <input
                        type="email"
                        class="form-control @error('email') is-invalid @enderror" name="email" 
                        value="{{ old('email') }}" required
                        placeholder="Email" autocomplete="email"
                        autofocus
                    />
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="fas fa-envelope"></span>
                        </div>
                    </div>
                    @error('email')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>

                <div class="input-group mb-3">
                    <input
                        type="password"
                        class="form-control @error('password') is-invalid @enderror"
                        placeholder="Mot de passe"
                        name="password" required autocomplete="current-password"
                    />
                    <div class="input-group-append">
                        <div class="input-group-text">
                            <span class="fas fa-lock"></span>
                        </div>
                    </div>
                    @error('password')
                        <span class="invalid-feedback" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                </div>
                <div class="row">
                    <div class="col-12">
                        <div class="icheck-primary">
                            <input type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }} 
                            />
                            <label for="remember">
                                Se souvenir de moi
                            </label>
                        </div>
                    </div>
                    <!-- /.col -->
                    <div class="col-12">
                        <button
                            type="submit"
                            class="btn bg-dark btn-block">
                             Se connecter <i class="fa fa-sign-in" aria-hidden="true"></i>
                        </button>
                    </div>
                    <!-- /.col -->
                </div>
               
            </form>
        
        </div>

        <!-- /.login-card-body -->
    </div>
     <div class="row">
                    <div class="col-12 text-center" style="color:Roboto;color:#D7DBDD"">
                        <small>© 2022 MASROUFI. Tous droits réservés</small>
                         </div>
                    <!-- /.col -->
     </div>
</div>
<!-- /.login-box -->    
@endsection