interface updated

py_app/app/templates/label_templates.html

@@ -3,29 +3,19 @@
 {% block title %}Label Templates{% endblock %}
 
 {% block content %}
-<div class="">
 <div class="card-container">
-    <h1>Manage Label Templates</h1>
-    <p>This page will allow users to manage and configure label templates.</p>
-
-    <!-- Card: List of Label Templates -->
-    <div class="dashboard-card">
+    <div class="card">
         <h3>List of Label Templates</h3>
-        <p>Below is the list of existing label templates:</p>
-        <ul id="template-list">
-            <!-- Example template items -->
-            <li>
-                <span>Template 1</span>
-                <button class="btn edit-btn">Edit</button>
-                <button class="btn delete-btn">Delete</button>
-            </li>
-            <li>
-                <span>Template 2</span>
+        <ul class="user-list">
+            {% for template in templates %}
+            <li data-template-id="{{ template.id }}">
+                <span class="template-name">{{ template.name }}</span>
                 <button class="btn edit-btn">Edit</button>
                 <button class="btn delete-btn">Delete</button>
             </li>
+            {% endfor %}
         </ul>
-        <button id="create-template-btn" class="btn">Create New Template</button>
+        <button id="create-template-btn" class="btn create-btn">Create New Template</button>
     </div>
 </div>
 {% endblock %}