@extends('layouts.auth')

@section('content') 

    <div class="col-lg-6 mx-auto">
        <div class="auth-form-light text-left p-5"  >
            <div class="brand-logo text-center">
                <img src="{{ asset('images/logo.png') }}" style="width: 271px;">
            </div>

            <h4 class="text-center">Portal do Corrector</h4>
            <h6 class="font-weight-light text-center">Registrado? Clique <a href="{{url('register')}}">aqui.</a></h6> 
            <form method="POST" class="pt-3" action="{{ route('login') }}">
                @csrf

                <div class="form-group">
                    <input type="email" id="email" type="email" class="form-control-lg form-control @error('email') is-invalid @enderror" name="email" value="{{ old('email') }}" required autocomplete="email" placeholder="Introduza o E-mail" autofocus>
                </div>

                <div class="form-group">
                    <input type="password" id="password" type="password" class="form-control form-control-lg @error('password') is-invalid @enderror" name="password" required placeholder="Introduza a Senha" autocomplete="current-password">
                </div>

                <div class="mt-3">
                    <button type="submit" class="btn btn-block btn-gradient-primary btn-lg font-weight-medium auth-form-btn">
                        {{ __('Login') }}
                    </button>
                </div> <br>
                
                <div class="my-2 d-flex justify-content-between align-items-center">

                    @if (Route::has('password.request'))
                        <a class="auth-link text-black" href="{{ route('password.request') }}">
                            {{ __('Esqueceu sua senha?') }}
                        </a>
                    @endif 

                </div>
 
            </form>
        </div>
    </div>

@endsection