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

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

{% block body %}
  <div class="auth-page">
    <div class="auth-card">
      <h2 class="auth-title">Reset Password</h2>
      <p class="auth-sub">Choose a new password for your account</p>

      <form class="auth-form" method="post">

        <div class="auth-field">
          <label for="password" class="auth-label">New Password</label>
          <div class="auth-input-wrap">
            <i class="fa fa-lock auth-input-icon"></i>
            <input
              type="password"
              id="password"
              name="_password"
              class="auth-input{% if errors.password is defined %} auth-input--error{% endif %}"
              autocomplete="new-password"
              autofocus
              required
              minlength="6"
            />
          </div>
          {% if errors.password is defined %}
            <p class="auth-field-error"><i class="fa fa-exclamation-circle"></i> {{ errors.password }}</p>
          {% endif %}
        </div>

        <div class="auth-field">
          <label for="password_confirm" class="auth-label">Confirm New Password</label>
          <div class="auth-input-wrap">
            <i class="fa fa-lock auth-input-icon"></i>
            <input
              type="password"
              id="password_confirm"
              name="_password_confirm"
              class="auth-input{% if errors.password_confirm is defined %} auth-input--error{% endif %}"
              autocomplete="new-password"
              required
            />
          </div>
          {% if errors.password_confirm is defined %}
            <p class="auth-field-error"><i class="fa fa-exclamation-circle"></i> {{ errors.password_confirm }}</p>
          {% endif %}
        </div>

        <button type="submit" class="auth-submit">
          <i class="fa fa-key"></i> Set New Password
        </button>
      </form>
    </div>
  </div>
{% endblock %}