Second updates

templates/accounts/login.html

@@ -1,17 +1,54 @@
 {% extends 'base.html' %}
 {% block content %}
-<div class="row justify-content-center">
+
+<div class="row justify-content-center mt-5">
   <div class="col-md-4">
-    <div class="card p-4 shadow-sm">
-      <h3 class="text-center mb-3">Login</h3>
-      <form method="post" novalidate>
-        {% csrf_token %}
-        {{ form.non_field_errors }}
-        <div class="mb-3">{{ form.username.label_tag }}{{ form.username }}</div>
-        <div class="mb-3">{{ form.password.label_tag }}{{ form.password }}</div>
-        <button class="btn btn-primary w-100">Login</button>
-      </form>
+
+    <div class="card shadow-sm border-0 rounded-3">
+      <div class="card-body p-4">
+
+        <h3 class="text-center mb-4">Login</h3>
+
+        <form method="post" novalidate>
+          {% csrf_token %}
+          {{ form.non_field_errors }}
+
+          <!-- Username field -->
+          <div class="mb-3">
+            <label class="form-label">{{ form.username.label }}</label>
+            <input
+              type="text"
+              name="{{ form.username.name }}"
+              value="{{ form.username.value|default:'' }}"
+              class="form-control"
+              placeholder="Enter username"
+              required
+            >
+            {{ form.username.errors }}
+          </div>
+
+          <!-- Password field -->
+          <div class="mb-3">
+            <label class="form-label">{{ form.password.label }}</label>
+            <input
+              type="password"
+              name="{{ form.password.name }}"
+              class="form-control"
+              placeholder="Enter password"
+              required
+            >
+            {{ form.password.errors }}
+          </div>
+
+          <button type="submit" class="btn btn-primary w-100">
+            Login
+          </button>
+        </form>
+
+      </div>
     </div>
+
   </div>
 </div>
+
 {% endblock %}

templates/accounts/user_form.html

@@ -1,9 +1,23 @@
 {% extends 'base.html' %}
 {% block content %}
-<h3>{% if object %}Edit{% else %}Add{% endif %} User</h3>
-<form method="post">{% csrf_token %}
-  {{ form.as_p }}
-  <button class="btn btn-primary">Save</button>
-  <a class="btn btn-secondary" href="{% url 'accounts:user_list' %}">Cancel</a>
-</form>
+    <div class="container mt-4">
+        <h3>{% if object %}Edit{% else %}Add{% endif %} Event</h3>
+
+        <form method="post" novalidate>
+            {% csrf_token %}
+
+            {% for field in form %}
+                <div class="mb-3">
+                    {{ field.label_tag }}
+                    {{ field }}
+                    {% for error in field.errors %}
+                        <div class="text-danger">{{ error }}</div>
+                    {% endfor %}
+                </div>
+            {% endfor %}
+
+            <button class="btn btn-primary">Save</button>
+            <a class="btn btn-secondary" href="{% url 'accounts:user_list' %}">Cancel</a>
+        </form>
+    </div>
 {% endblock %}