@extends('access.access_theme')

@section('content')
<p class="text-center">Seu programa de fidelidade</p>
<form method="POST" action="{{route('login.validate')}}" enctype="multipart/form-data" id="login-form">
    @csrf
    <div class="mb-3">
        <label for="email" class="form-label">Email</label>
        <input type="email" class="form-control" id="email" name="email" required>
    </div>
    <div class="mb-4">
        <label for="password" class="form-label">Senha</label>
        <input type="password" class="form-control" id="password" name="password" required>
    </div>
    <div class="d-flex align-items-center justify-content-between mb-4">
        <div class="form-check">
            <input class="form-check-input primary" type="checkbox" value="" id="remember" checked>
            <label class="form-check-label text-dark" for="remember">
                Lembrar-me
            </label>
        </div>
        <a class="text-primary fw-bold" href="{{route("forgot_password")}}">Esqueceu a senha?</a>
    </div>
    <button type="submit" class="btn btn-primary w-100 py-8 fs-4 mb-4 rounded-2 submit-forms">Acessar</button>
    <div class="d-flex align-items-center justify-content-center">
        <p class="fs-4 mb-0 fw-bold">Primeiro acesso?</p>
        <a class="text-primary fw-bold ms-2" href="{{route("register")}}">Crie sua conta</a>
    </div>
</form>
@endsection
@section('customJS')
    <script src="{{asset("assets/js/access/login.js")}}"></script>
@endsection