Beautified the built-in password-reset pages :P

Author: codingEzio

chapter08/README.md

@@ -97,7 +97,7 @@
                 - ```fields = ('username', 'email', 'age', )```
 
 
-# Chapter 09 (still based on Chapter 08) 
+# Chapter 10 (still based on Chapter 08) 
 
 ### Add some styles! 
 - Here comes the **Bootstrap** !
@@ -146,6 +146,9 @@
         - before: ```{{ form.as_p }}```
         - after: ```{{ form | crispy  }}```
 
+    
+# Chapter 11 (still based on Chapter 08) 
+
 ### Now, we're gonna talk about "password change & reset" 
 - "We" will mention both 
     1. the **built-in** 
@@ -178,6 +181,20 @@
         - ya always should provided ur email while registering (debug purposes!)
         - *Django* will NOT mistaken whose password will be changed (even there's an user was online (by cookie))
 - and might add some styles, shall we?
-    
+    - four templates, please! 
+        1. ```templates/registration/```**```password_reset_form.html```**
+        2. ```templates/registration/```**```password_reset_done.html```**
+        3. ```templates/registration/```**```password_reset_confirm.html```**
+        4. ```templates/registration/```**```password_reset_complete.html```**
+    - its exec orders (in users' perspective) 
+        - form => access the reset url (type ur email)
+        - done => notification (we've sent for ya)
+        - confirm => typing new password (**link** provided by Django (**at terminal**))
+        - complete => reset complete (still notification)
+
+
+# Chapter 12 (still based on Chapter 08) 
+
+### Emails! 
+- Third-party service: [SendGrid](https://sendgrid.com/)
 
-- then we'll use a third-party service: [SendGrid](https://sendgrid.com/)

chapter08/templates/registration/password_reset_complete.html

@@ -0,0 +1,15 @@
+{% extends 'base.html' %}
+
+{% load crispy_forms_tags %}
+
+{% block title %} Your password has been reset {% endblock title %}
+
+{% block content %}
+
+    <h1>Your password has been reset!</h1>
+    <p>
+        Alright! Now you can use ur 
+        new password to <a href="{% url 'login' %}">log in 🐶</a> !
+    </p>
+
+{% endblock content %}

chapter08/templates/registration/password_reset_confirm.html

@@ -0,0 +1,16 @@
+{% extends 'base.html' %}
+
+{% load crispy_forms_tags %}
+
+{% block title %} Enter new password {% endblock title %}
+
+{% block content %}
+
+    <h1>Set a new password!</h1>
+
+    <form method="POST"> {% csrf_token %}
+        {{ form | crispy }}
+        <input class="btn btn-success" type="submit" value="Lemme change it!">
+    </form>
+
+{% endblock content %}

chapter08/templates/registration/password_reset_done.html

@@ -0,0 +1,12 @@
+{% extends 'base.html' %}
+
+{% load crispy_forms_tags %}
+
+{% block title %} Email Sent {% endblock title %}
+
+{% block content %}
+
+    <h1>Check ur inbox!</h1>
+    <p>We've send for ya, go check it 😇 !</p>
+
+{% endblock content %}

chapter08/templates/registration/password_reset_form.html

@@ -0,0 +1,17 @@
+{% extends 'base.html' %}
+
+{% load crispy_forms_tags %}
+
+{% block title %} Forget ur password? {% endblock title %}
+
+{% block content %}
+
+    <h1>Forget ur password?</h1>
+    <p>Please enter ur email below, and we'll email detailed instructions for ya.</p>
+
+    <form method="POST"> {% csrf_token %}
+        {{ form | crispy }}
+        <input class="btn btn-success" type="submit" value="Send me one!">
+    </form>
+
+{% endblock content %}