@extends('layouts.authentication')
@section('title', 'Login')
@section('content')
<div class="row">
    <div class="col-lg-4 col-sm-12">
            <form class="card auth_form" method="POST" action="{{ route('login') }}">
                        @csrf
            <div class="header">
                <img class="logo" src="{{asset('assets/images/logo_itra.bmp')}}" alt="">
                <h5><strong>PARC AUTO</strong></h5>
            </div>
            <div class="body">
                <label>Adresse email</label>
                <div class="input-group mb-3">
                    <input type="email" class="form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" autofocus placeholder="Adresse email">
                    <div class="input-group-append">
                        <span class="input-group-text"><i class="zmdi zmdi-account-circle"></i></span>
                    </div>
                    @error('email')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>Les identifiants incorectes</strong>
                                    </span>
                                @enderror
                </div>
                <label>Mot de passe</label>
                <div class="input-group mb-3">
                    <input type="password" class="form-control @error('password') is-invalid @enderror" name="password" required autocomplete="current-password" placeholder="Mot de passe">
                    <div class="input-group-append">                                
                        <span class="input-group-text"><i class="zmdi zmdi-lock"></i></span>
                    </div> 
                    @error('password')
                                    <span class="invalid-feedback" role="alert">
                                        <strong>{{ $message }}</strong>
                                    </span>
                                @enderror                           
                </div>
                <button type="submit" class="btn btn-primary btn-block waves-effect waves-light">
                                    {{ __('Se connecter') }}
                                </button>
            </div>
        </form>
        <div class="copyright text-center">
            &copy;
            <script>document.write(new Date().getFullYear())</script>,
            <span> <a href="https://itracom.bi/" target="_blank">ITRACOM</a></span>
        </div>
    </div>
    <div class="col-lg-8 col-sm-12">
        <div class="card">
            <img src="{{asset('assets/images/logo_itra.bmp')}}" width="700" height="400" alt="Sign In"/>
        </div>
    </div>
</div>
@stop