@extends('layouts.app')

@section('content')
{{--<div class="container">--}}
{{--    <div class="d-flex justify-content-center h-100">--}}
{{--        <div class="card">--}}
{{--            <div class="card-header">--}}
{{--                <h3>Sign In</h3>--}}
{{--            </div>--}}
{{--            <div class="card-body">--}}
{{--                <form class="needs-validation" novalidate method="POST" action="{{ route('login') }}">--}}
{{--                    @csrf--}}

{{--                    <div class="input-group form-group mb-4">--}}
{{--                        <div class="input-group-prepend">--}}
{{--                            <span class="input-group-text" id="inputGroupPrepend">--}}
{{--                                <img src="{{asset('mail.svg')  }}" alt="" style="height: 18pt;">--}}
{{--                            </span>--}}
{{--                        </div>--}}
{{--                        <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" placeholder="E-Mail" 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 form-group mb-4">--}}
{{--                        <div class="input-group-prepend">--}}
{{--                            <span class="input-group-text" id="inputGroupPrepend">--}}
{{--                                <img src="{{asset('smart-key.svg')  }}" alt="" style="height: 18pt;">--}}

{{--                            </span>--}}
{{--                        </div>--}}
{{--                        <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" placeholder="" required autocomplete="current-password">--}}
{{--                        @error('password')--}}
{{--                            <span class="invalid-feedback" role="alert">--}}
{{--                                <strong>{{ $message }}</strong>--}}
{{--                            </span>--}}
{{--                        @enderror--}}
{{--                    </div>--}}
{{--                    <div class="row text-center remember mb-4">--}}
{{--                        <input type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }} >Remember Me--}}
{{--                    </div>--}}
{{--                    <div class="form-group text-center">--}}
{{--                        <input type="submit" value="Login" class="btn login_btn">--}}
{{--                    </div>--}}
{{--                </form>--}}
{{--            </div>--}}
{{--            <div class="card-footer">--}}
{{--                @if (Route::has('password.request'))--}}
{{--                    <div class="d-flex justify-content-center links">--}}
{{--                        Don't have an account?<a href="{{ route('register') }}">Sign Up</a>--}}
{{--                    </div>--}}
{{--                --}}{{--                                            <a class="btn btn-link" href="{{ route('password.request') }}">--}}
{{--                --}}{{--                                                {{ __('Forgot Your Password?') }}--}}
{{--                --}}{{--                                            </a>--}}
{{--                                                        @endif--}}

{{--                <div class="d-flex justify-content-center">--}}
{{--                    <a href="#">Forgot your password?</a>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--    <script>--}}
{{--        // Example starter JavaScript for disabling form submissions if there are invalid fields--}}
{{--        (function() {--}}
{{--            'use strict';--}}
{{--            window.addEventListener('load', function() {--}}
{{--                // Fetch all the forms we want to apply custom Bootstrap validation styles to--}}
{{--                var forms = document.getElementsByClassName('needs-validation');--}}
{{--                // Loop over them and prevent submission--}}
{{--                var validation = Array.prototype.filter.call(forms, function(form) {--}}
{{--                    form.addEventListener('submit', function(event) {--}}
{{--                        if (form.checkValidity() === false) {--}}
{{--                            event.preventDefault();--}}
{{--                            event.stopPropagation();--}}
{{--                        }--}}
{{--                        form.classList.add('was-validated');--}}
{{--                    }, false);--}}
{{--                });--}}
{{--            }, false);--}}
{{--        })();--}}
{{--    </script>--}}
{{--</div>--}}

<section class="login-area p-t-100" >
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6 col-md-8 col-sm-10 col-xs-12">
                <div class="login-form text-center" style="border: 1px solid #ebebeb; padding: 40px 50px 33px !important;" >
                    <h4 class="title" >Login to Your Account</h4>
                    <form novalidate class="form-auth-small" method="POST"  action="{{ route('login') }}">
                        @csrf
                        <div class="single-form">
                                <label for="email" class="control-label sr-only">E-mail</label>
                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" placeholder="E-Mail" value="{{old('email') }}" required autocomplete="email" autofocus>
                                @error('email')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                        </div>
                        <div class="single-form">
                                <label for="password" class="control-label sr-only">Mot de passe</label>
                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" placeholder="Mot de passe" required autocomplete="current-password">
                                @error('password')
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ $message }}</strong>
                                </span>
                                @enderror
                        </div>

{{--                        <div class="single-form">--}}

{{--                            <label for="remember" class="fancy-checkbox">--}}
{{--                                <input type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }} ><span>Remember Me</span></label>--}}
{{--                        </div>--}}
                        <div class="single-form">
                            <button class="main-btn" type="submit">S'identifier</button>
                        </div>

                        @if(Route::has('register'))
                            <div class="single-form">
{{--                                <span class="helper-text m-b-10"><i class="fa fa-lock"></i> <a href="page-forgot-password.html">Forgot password?</a></span>--}}
                                <p>Pas de compte?<a href="{{route('register')}}">Créez-en un ici.</a></p>
                            </div>
                        @endif

                        <div class="single-form">
                            <ul class="remember-forgot d-flex justify-content-between">
                                <li>
                                    <input type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }}>
                                    <label for="remember"><span></span>Souviens-toi de moi</label>
                                </li>
                                <li>
                                    <p class="helper-text m-b-10"><i class="fa fa-lock"></i> <a href="page-forgot-password.html">Forgot password?</a></p>
                                </li>
{{--                                <li>--}}
{{--                                    <p class="helper-text m-b-10"><i class="fa fa-lock"></i> <a href="page-forgot-password.html">Forgot password?</a></p>--}}
{{--                                </li>--}}
                            </ul>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>


{{--<div id="wrapper">--}}
{{--    <div class="vertical-align-wrap">--}}
{{--        <div class="vertical-align-middle auth-main">--}}
{{--            <div class="auth-box">--}}
{{--                <div class="top">--}}
{{--                    <img src="{{asset('assets/admin_styles/images/logo-white.svg')}}" alt="Lucid">--}}
{{--                </div>--}}
{{--                <div class="card">--}}
{{--                    <div class="header">--}}
{{--                        <p class="lead">Login to your account</p>--}}
{{--                    </div>--}}
{{--                    <div class="body">--}}
{{--                        <form novalidate class="form-auth-small" method="POST"  action="{{ route('login') }}">--}}
{{--                            @csrf--}}
{{--                            <div class="form-group mb-2">--}}
{{--                                <label for="email" class="control-label sr-only">Email</label>--}}
{{--                                <input id="email" type="email" class="form-control @error('email') is-invalid @enderror" name="email" placeholder="E-Mail" value="{{ old('email') }}" required autocomplete="email" autofocus>--}}
{{--                                @error('email')--}}
{{--                                <span class="invalid-feedback" role="alert">--}}
{{--                                    <strong>{{ $message }}</strong>--}}
{{--                                </span>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                            <div class="form-group mb-2">--}}
{{--                                <label for="password" class="control-label sr-only">Password</label>--}}
{{--                                <input id="password" type="password" class="form-control @error('password') is-invalid @enderror" name="password" placeholder="" required autocomplete="current-password">--}}
{{--                                @error('password')--}}
{{--                                <span class="invalid-feedback" role="alert">--}}
{{--                                    <strong>{{ $message }}</strong>--}}
{{--                                </span>--}}
{{--                                @enderror--}}
{{--                            </div>--}}
{{--                            <div class="form-group clearfix mb-2">--}}

{{--                                <label for="remember" class="fancy-checkbox">--}}
{{--                                    <input type="checkbox" name="remember" id="remember" {{ old('remember') ? 'checked' : '' }} ><span>Remember Me</span></label>--}}
{{--                            </div>--}}
{{--                            <button type="submit" class="btn btn-primary btn-lg btn-block">LOGIN</button>--}}
{{--                            @if(Route::has('register'))--}}
{{--                            <div class="bottom">--}}
{{--                                <span class="helper-text m-b-10"><i class="fa fa-lock"></i> <a href="page-forgot-password.html">Forgot password?</a></span>--}}
{{--                                <span>Don't have an account? <a href="{{route('register')}}">Register</a></span>--}}
{{--                            </div>--}}
{{--                            @endif--}}
{{--                        </form>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
{{--    </div>--}}
{{--</div>--}}
    <script>
        // Example starter JavaScript for disabling form submissions if there are invalid fields
        (function() {
            'use strict';
            window.addEventListener('load', function() {
                // Fetch all the forms we want to apply custom Bootstrap validation styles to
                var forms = document.getElementsByClassName('needs-validation');
                // Loop over them and prevent submission
                var validation = Array.prototype.filter.call(forms, function(form) {
                    form.addEventListener('submit', function(event) {
                        if (form.checkValidity() === false) {
                            event.preventDefault();
                            event.stopPropagation();
                        }
                        form.classList.add('was-validated');
                    }, false);
                });
            }, false);
        })();
    </script>
@endsection