chg: usr: add forgot password functionality #4

templates/Security/forgot_password.html.twig

@@ -0,0 +1,60 @@
+{% 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 %}