@include('layouts.head')

@section('title', 'LOGIN | AEC WEBSITE')

@section('styleSheets')
    <link rel="stylesheet" type="text/css" 
        href="{{ URL::to('users/styles/courses.css') }}">
    <link rel="stylesheet" type="text/css" 
        href="{{ URL::to('users/styles/courses_responsive.css') }}">

    <style type="text/css">
        .formationsCat{
            background: linear-gradient(270deg, rgba(132,66,182,1) 0%, rgba(97,49,133,1) 100%); 
            border-radius: 5px; padding: 5px 0 5px 0;
            box-shadow: 0 0 2px #000;
            border: 1px solid #8442B6;
        }

        .formationsCat:hover{
            cursor: pointer;
            box-shadow: 0 0 5px #000;
            background:  linear-gradient(270deg, rgba(97,49,133,1) 0%, rgba(132,66,182,1) 100%) !important
        }

        .formationsCat a{
            color: #FFF;
            text-decoration: none; 
            text-transform: uppercase; 
        }
    </style>
@endsection



<div class="container" style="padding-top: 200px; padding-bottom: 100px; " >
    <div class="row justify-content-center"> 
        <div class="col-md-6" style="background-color: #36115c">
            <div class="card">
                <div class="card-header" style="background-color: #53178f; color: white">{{ __('EDUCATIVE') }}</div>

                <div class="card-body">
                    <form method="POST" action="{{ route('login') }}">
                        @csrf

                        <div class="form-group row">
                            <label for="email" class="col-md-4 col-form-label text-md-right">{{ __('E-Mail') }}</label>

                            <div class="col-md-6">
                                <input id="email" type="email" 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>

                        <div class="form-group row">
                            <label for="password" class="col-md-4 col-form-label text-md-right">{{ __('Mot de passe') }}</label>

                            <div class="col-md-6">
                                <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>


                        <div class="form-group row">
                            <div class="col-md-6 offset-md-6">
                                <button style="background-color: blue" type="submit" class="btn btn-primary">
                                    {{__('Se connecter') }}
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>