@extends('frontend.inc.layout-front')
@section('title')
    CONNEXION || {{env("APP_NAME")}}
@endsection
@section('container')
    <!-- formulaire de connexion -->
    <section class="services-w3l-block py-5" id="features">
        <div class="container py-md-5 py-4" style=" margin-top: 5rem;">
            <div class="row">
                <div class="col-md-12  d-flexx align-items-stretch">
                    <div class="">

                        <div style="text-align: left;">
                            <div class="row">
                            
                                <div class="col-md-4">
                                    &nbsp;
                                </div>
                                <div class="col-md-4 icon-boxx icon-box-clr-1">
                                    <div class="icon text-center"><i
                                            class="fas fa-user-friendsx fa fa-user-lock text-warning"></i></div>
                                    <h4 class="title text-center mb-3">Authentification</h4>
                                    <form method="POST" action="{{ route('login.custom') }}">
                                        @csrf
                                        <div class="form-row">
                                            <div class="mb-3 form-group">
                                                <label for="exampleInputEmail1" class="form-label"
                                                    style="text-align: ;left;">E-mail <i class="text-danger">*</i></label>
                                                <input type="email" name="email" class="form-control" minlength="3"
                                                    maxlength="100" id="exampleInputEmail1" aria-describedby="emailHelp"
                                                    value="{{ old('email') }}" required autocomplete="email" autofocus>
                                                @error('email')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="mb-3">
                                                <label for="exampleInputPassword1" class="form-label"
                                                    style="text-align: ;left;">Mot de passe <i
                                                        class="text-danger">*</i></label>
                                                <input type="password" name="password"
                                                    class="form-control @error('password') is-invalid @enderror"
                                                    minlength="3" maxlength="100" required autocomplete="current-password"
                                                    id="exampleInputPassword1">
                                                @error('password')
                                                    <span class="invalid-feedback" role="alert">
                                                        <strong>{{ $message }}</strong>
                                                    </span>
                                                @enderror
                                            </div>
                                            <div class="mb-3 form-check">
                                                <input type="checkbox" name="chk" class="form-check-input"
                                                    id="exampleCheck1">
                                                <label class="form-check-label" for="exampleCheck1">Mémoriser</label>
                                            </div>
                                            <div class="row mt-3">
                                                <button type="submit" style="text-align: center;"
                                                    class="btn btn-warning">Valider</button>
                                                @if (Route::has('password.request'))
                                                    <a class="reset_pass text-primary mb-0 text-lg mt-3"
                                                        href="{{ route('forget.password.get') }}"
                                                        style="text-decoration: none; float: right;">
                                                        Mot de passe oublié ?
                                                    </a>
                                                @endif
                                            </div>
                                        </div>
                                    </form>
                                </div>
                                <div class="col-md-4">
                                    &nbsp;
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- formulaire de connexion -->
@endsection