{% set title = "Entrar" %}
{% extends 'layout.html' %}
{% block body %}
<div class="login-container container">
  <div class="panel">
    <div class="panel-body">
      {% if messages.error %}
      <div role="alert" class="alert alert-danger">
        {% for error in messages.error %}
        <div>{{ error.msg }}</div>
        {% endfor %}
      </div>
      {% endif %}
      <form method="POST">
        <legend>Entrar na sua conta</legend>
        <div class="form-group">
          <label for="email">Email</label>
          <input type="email" name="email" id="email" placeholder="Email" class="form-control" autofocus>
        </div>
        <div class="form-group">
          <label for="password">Senha</label>
          <input type="password" name="password" id="password" placeholder="Password" class="form-control">
        </div>
        <div class="form-group"><a href="/forgot"><strong>Esqueceu sua senha?</strong></a></div>
        <button type="submit" class="btn btn-success">Entrar</button><hr>
      </form>

      <div class="text-center">
        <div class="text-center">
          <a href="/auth/facebook"><button type="submit" class="btn btn-fb">Entre com o Facebook</button></a>
          <a href="/auth/twitter"><button type="submit" class="btn btn-tw">Entre com o Twitter</button></a>
        </div>

      </div>
    </div>
  </div>
  <p class="text-center">
    Ainda não tem uma conta? <br><br>
    <a href="/signup"><button type="submit" class="btn btn-danger">Criar Uma Nova Conta</button></a>
  </p>
</div>
{% endblock %}
