fix: sifting member to use reusable template

members/templates/members.html

 {% extends "layout.html" %} {% block dashboard %}
 <div style="max-width: 80vw" class="w-100 p-4">
-  {% include "members_create_form.html" %}
   <div class="d-flex gap-2 mb-4">
     {% include "order_form.html" %}
     <button
@@ -15,4 +14,4 @@
   </div>
   {% include "members_table_data.html" %}
 </div>
-{% include "members_delete_form.html" %} {% endblock dashboard %}
+{% endblock dashboard %}

members/templates/members_create_form.html

-<form
-  class="modal fade"
-  id="member_modal_create"
-  tabindex="-1"
-  aria-labelledby="member_modal_label"
-  aria-hidden="true"
-  action="/dashboard/members/"
-  method="POST"
->
-  <div class="modal-dialog modal-dialog-centered">
-    <div class="modal-content">
-      <div class="modal-header">
-        <h1 class="modal-title fs-5" id="exampleModalLabel">Input Data</h1>
-        <button
-          type="button"
-          class="btn-close"
-          data-bs-dismiss="modal"
-          aria-label="Close"
-        ></button>
-      </div>
-      <div class="modal-body">
-        {% csrf_token %} {% for field in form %}
-        <div class="form-outline form-white mb-3">{{ field }}</div>
-        {% endfor %}
-      </div>
-      <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
-          Close
-        </button>
-        <button type="submit" class="btn btn-primary">Submit</button>
-      </div>
-    </div>
-  </div>
-</form>

members/templates/members_delete_form.html

-{% for member in members %}
-<form
-  class="modal fade"
-  id="member_delete_modal_{{ member.id }}"
-  tabindex="-1"
-  aria-labelledby="member_delete_label"
-  aria-hidden="true"
-  action="/dashboard/members/{{ member.id }}/delete/"
-  method="POST"
->
-  {% csrf_token %}
-  <div class="modal-dialog modal-dialog-centered">
-    <div class="modal-content">
-      <div class="modal-header">
-        <h1 class="modal-title fs-5" id="exampleModalLabel">
-          Are you sure want to delete <b>{{ member.title }}</b>?
-        </h1>
-        <button
-          type="button"
-          class="btn-close"
-          data-bs-dismiss="modal"
-          aria-label="Close"
-        ></button>
-      </div>
-      <div class="modal-body">
-        Once data is deleted, it cannot be restored.
-        <input type="hidden" name="id" id="almacen_id" />
-      </div>
-      <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
-          Cancel
-        </button>
-        <button type="submit" class="btn btn-danger">Continue</button>
-      </div>
-    </div>
-  </div>
-</form>
-{% endfor %}

members/templates/members_table_data.html

@@ -10,7 +10,7 @@
     </tr>
   </thead>
   <tbody>
-    {% if members %} {% for member in members %}
+    {% if object_list %} {% for member in object_list %}
     <tr class="text-truncate">
       <td>{{ member.name }}</td>
       <td>{{ member.email }}</td>
@@ -18,19 +18,15 @@
       <td>{{ member.updated_at }}</td>
       <td>{{ member.account_number }}</td>
       <td class="d-flex gap-2">
-        <a
-          class="btn btn-success"
-          href="/dashboard/members/{{ member.id }}/update/"
-        >
+        <a class="btn btn-success" href="/dashboard/members/{{ member.id }}/">
           <i class="bi bi-pencil-square"></i>
         </a>
-        <button
+        <a
           class="btn btn-danger"
-          data-bs-toggle="modal"
-          data-bs-target="#member_delete_modal_{{ member.id }}"
+          href="/dashboard/members/{{ member.id }}/delete/"
         >
           <i class="bi bi-trash3-fill"></i>
-        </button>
+        </a>
       </td>
     </tr>
     {% endfor %} {% else %}

members/templates/members_update_form.html

-{% extends "layout.html" %} {% block dashboard %}
-<div style="max-width: 80vw" class="w-100 p-4">
-  <div class="d-flex flex-column gap-2 mb-4">
-    <h1 class="h3">Update Data</h1>
-    <form
-      id="member_update_modal_{{ member_id }}"
-      action="/dashboard/members/{{ member_id }}/update/"
-      method="POST"
-    >
-      {% csrf_token %}
-      <div class="d-flex flex-column gap-1">{{ form }}</div>
-      <div class="d-flex gap-2 my-3">
-        <a href="/dashboard/members/" class="btn btn-secondary">Cancel</a>
-        <button class="btn btn-primary">Submit</button>
-      </div>
-    </form>
-  </div>
-</div>
-{% endblock dashboard %}