@extends('layouts.master')

@section('title', 'Auth')

@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">Recupere a sua conta!</h4>  
                    <p>Atribua uma nova palavra-passa à sua conta e 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" action="">
                        <label for="password">Nova palavra-passe<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>
                        <label for="repeat_password">Repita a palavra-passe<i>*</i></label>
                        <input type="password" id="repeat_password" name="repeat_password" required>
                        <button class="btn btn-solid-black">Submeter</button>
                    </form>
                </div>    
            </div>  
        </div>
    </section> 
</div>

@endsection