{% extends 'Game/index.html.twig' %}

{% block title %} - Forgot Password{% endblock %}

{% block body %}
  <div class="auth-page">

    {% for email in app.flashes('reset_sent') %}
      <div class="auth-card auth-card--sent">
        <div class="auth-sent-icon"><i class="fa fa-envelope-o"></i></div>
        <h2 class="auth-title">Check your inbox</h2>
        <p class="auth-sub">If an account exists for that address, we sent a reset link to</p>
        <p class="auth-sent-email">{{ email }}</p>
        <p class="auth-sent-note">
          Click the link in the email to reset your password.<br>
          The link expires in <strong>1 hour</strong>.
        </p>
        <a href="{{ path('MineSeekerBundle_login') }}" class="auth-submit"
           style="text-decoration:none; margin-top:16px;">
          Go to Sign In
        </a>
      </div>
    {% else %}

      <div class="auth-card">
        <h2 class="auth-title">Forgot Password</h2>
        <p class="auth-sub">Enter your email and we'll send you a reset link</p>

        <form class="auth-form" method="post" action="{{ path('MineSeekerBundle_forgot_password') }}">

          <div class="auth-field">
            <label for="email" class="auth-label">Email</label>
            <div class="auth-input-wrap">
              <i class="fa fa-envelope auth-input-icon"></i>
              <input
                type="email"
                id="email"
                name="_email"
                class="auth-input"
                autocomplete="email"
                autofocus
                required
              />
            </div>
          </div>

          <button type="submit" class="auth-submit">
            <i class="fa fa-paper-plane"></i> Send Reset Link
          </button>
        </form>

        <p class="auth-switch">
          Remembered it?
          <a href="{{ path('MineSeekerBundle_login') }}">Sign in</a>
        </p>
      </div>

    {% endfor %}
  </div>
{% endblock %}