Página de login customizada

Neste vídeo será criado uma página de login customizada com o próprio layout, que será utilizada pelos usuários finais para acessar o sistema de pedidos

Passos de execução

Criar nova página com o nome Login
- Adicionar "Todos os usuários" no controle de acesso
Instanciar serviço de login e interface de login na página
- Adicionar "Todos os usuários" no controle de acesso da instancia de serviço
Criar estilo para a interface acima com o seguinte código:


<section class="main__container container">
    <h1 class="main__title">Login</h1>
    <form class="form" method="post" action="#">
        <div class="form-group">
            <label class="form__input-container">
                <input type="text" name="login" id="login" placeholder="Usuário" class="form__input" minlength="3">
                <span class="form__label">Usuário</span>
            </label>
        </div>

        <div class="form-group">
            <label class="form__input-container">
                <input type="password" name="password" id="password" placeholder="Senha" class="form__input" minlength="3">
                <span class="form__label">Senha</span>
            </label>
        </div>

        <button class="form__submit">Entrar</button>
    </form>
</section>

Para o estilo acima, no action do formulário utilizar a opção "Form Action-submitLogin"
Criar página padrão de login
Realizar login