From 4f58595a242ab8e54698c056b75ad66d150bbef6 Mon Sep 17 00:00:00 2001
From: Piyush Dive <71512357+PiyushDive@users.noreply.github.com>
Date: Mon, 4 Oct 2021 21:52:16 +0530
Subject: [PATCH] added message design for displaying messages

added message design for displaying messages & bootstarp classes
---
 .../mysite/blog/templates/registration/login.html | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/Section23_BlogCloneProject/mysite/blog/templates/registration/login.html b/Section23_BlogCloneProject/mysite/blog/templates/registration/login.html
index d892563..2815ae0 100644
--- a/Section23_BlogCloneProject/mysite/blog/templates/registration/login.html
+++ b/Section23_BlogCloneProject/mysite/blog/templates/registration/login.html
@@ -3,12 +3,21 @@
 {% block content %}
   <div class="jumbotron">
 
-    <h2>Please Login: </h2>
-    <h3>(Must be SuperUser, please check admin for issues.)</h3>
+    <h2 class='text-center'>Please Login: </h2>
+    <h3 class='text-warning'>(Must be SuperUser, please check admin for issues.)</h3>
     {% if form.errors %}
-        <p>Your username and password didn't match.Please try again!</p>
+        <p class='text-danger my-3'>Your username and password didn't match.Please try again!</p>
     {% endif %}
 
+                    {% if messages %}
+                    {% for message in messages %}
+                    <p class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">
+                        {{ message }}
+                        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
+                    </p>
+                    {% endfor %}
+                {% endif %}
+    
     <form method="POST" action="{% url 'login' %}">
     {% csrf_token %}
         {{form.as_p}}