<!DOCTYPE html>
<html lang="pt-BR">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="robots" content="noindex, nofollow">
  <title><%= title %> | <%= settings.nomeLoja %></title>
  <meta name="theme-color" content="#073b33">
  <link rel="icon" type="image/png" href="<%= url('/favicon.png') %>">
  <link rel="apple-touch-icon" href="<%= url('/apple-touch-icon.png') %>">
  <link rel="preload" href="<%= url('/fonts/fraunces-normal-latin.woff2') %>" as="font" type="font/woff2" crossorigin>
  <link rel="preload" href="<%= url('/fonts/manrope-normal-latin.woff2') %>" as="font" type="font/woff2" crossorigin>
  <link rel="stylesheet" href="<%= url('/fonts/fonts.css') %>">
  <link rel="stylesheet" href="<%= url('/css/main.css') %>?v=<%= assetVersion %>">
</head>
<body class="admin-login-page">
  <main class="login-card">
    <div class="login-card__brand">
      <%- include('../partials/brand', { theme: 'dark' }) %>
    </div>

    <h1>Acesso restrito</h1>
    <p class="login-card__lead">Entre para gerenciar produtos, categorias, banners e as informações da loja.</p>

    <% if (error) { %>
    <div class="login-card__error" role="alert">
      <%- icon('alert') %>
      <span><%= error %></span>
    </div>
    <% } %>

    <form action="<%= url('/admin/login') %>" method="post" autocomplete="on">
      <input type="hidden" name="_csrf" value="<%= csrfToken %>">
      <input type="hidden" name="returnTo" value="<%= returnTo %>">

      <div class="field">
        <label for="usuario">Usuário</label>
        <input id="usuario" name="usuario" type="text" value="<%= user || '' %>" autocomplete="username" placeholder="Seu usuário" required autofocus>
      </div>

      <div class="field">
        <label for="senha">Senha</label>
        <input id="senha" name="senha" type="password" autocomplete="current-password" placeholder="Sua senha" required>
      </div>

      <button class="btn btn--green btn--full" type="submit">
        Entrar no painel
        <%- icon('arrow-right') %>
      </button>
    </form>

    <% if (usingDefaultAdminPassword) { %>
    <p class="login-card__hint">
      O painel ainda está com a senha padrão. Depois de entrar, configure <strong>ADMIN_PASSWORD</strong> no ambiente do servidor.
    </p>
    <% } %>

    <div class="login-card__foot">
      <a href="<%= url('/') %>">← Voltar para a loja</a>
    </div>
  </main>
</body>
</html>
