@extends('layouts.master')

@section('title', 'Entrar')

@section('content')

<div class="bg-beige">
    <section class="section pb-0">
        <div class="container-custom">
            <div class="row justify-content-center">
                <div class="col-md-6 col-lg-4 text-center">
                    <h4 class="font-kaftan-serif title-sm">Iniciar sessão</h4>  
                    <p>Torne-se membro - não perca as promoções e cupões bónus.</p>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-md-6 col-lg-4">
                    <form class="form" method="POST" action="{{ Helper::route('login') }}">
                        @csrf
                        <label for="email">E-mail<i>*</i></label>
                        <input type="email" id="email" name="email" required>

                        <label for="password">Password<i>*</i></label>
                        <div class="p-relative">
                            <input type="password" id="password" name="password" required>
                            <i class="bi bi-eye-slash" id="togglePassword"></i>
                        </div>

                        @if ($errors->any())
                            @foreach ($errors->all() as $message)
                                <span class="invalid-feedback" role="alert">
                                    <strong>{{ Lang::get('validation.' . $message) }}</strong>
                                </span>
                            @endforeach
                        @endif

                        <label for="remember" class="mt-4">
                            <input type="checkbox" id="remember" name="remember" value="1" checked>
                            <span>Lembrar-me</span>
                        </label>

                        <a href="{{ Helper::route('recovery_password') }}" class="link mb-4">Esqueceu-se da palavra-passe?</a>

                        <button class="btn btn-block btn-solid-black">Iniciar sessão</button>

                        <a href="{{ Helper::route('register') }}" class="btn btn-black text-center">Tornar-se membro</a>
                    </form>
                </div>    
            </div>  
        </div>
    </section> 
</div>

@endsection