From bce5a489d0ee0a9c12f9edc299568439af5a9c90 Mon Sep 17 00:00:00 2001
From: Santiago Lamora <slamora@users.noreply.github.com>
Date: Tue, 10 Dec 2019 11:57:40 +0100
Subject: [PATCH] Add modal with recover password instructions.

---
 musician/templates/auth/login.html | 27 +++++++++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/musician/templates/auth/login.html b/musician/templates/auth/login.html
index bd08781..a0f96ae 100644
--- a/musician/templates/auth/login.html
+++ b/musician/templates/auth/login.html
@@ -64,9 +64,32 @@
             </div>
             <!--/#login-content-->
             <div id="login-footer">
-                <a href="#password_reset">{% trans "Forgot your password? Click here to recover" %}</a>
+                <a href="#password_reset" data-toggle="modal" data-target="#forgotPasswordModal">{% trans "Forgot your password? Click here to recover" %}</a>
             </div>
         </div><!-- /#login-wrapper -->
-    </div><!-- /.container-fluid -->
+    </div><!-- /.jumbotron -->
+
+  <!-- Modal -->
+  <div class="modal fade" id="forgotPasswordModal" tabindex="-1" role="dialog" aria-labelledby="forgotPasswordModalLabel" aria-hidden="true">
+    <div class="modal-dialog modal-dialog-centered" role="document">
+      <div class="modal-content">
+        <div class="modal-header">
+          <h5 class="modal-title" id="forgotPasswordModalLabel">{% trans "Forgot your password?" %}</h5>
+          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </div>
+        <div class="modal-body">
+            {% blocktrans trimmed with support_email="suport@pangea.org" %}
+            Send an email to <a href="mailto:{{ support_email }}">{{ support_email }}</a> including your username and we will provide instructions.
+            {% endblocktrans %}
+        </div>
+      </div>
+    </div>
+  </div>
+
+  {% block script %}
+  {{ block.super }}
+  {% endblock %}
 </body>
 {% endblock %}