{% extends "base.html" %}

{% 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">
        <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>
                <button class="btn edit-btn">Edit</button>
                <button class="btn delete-btn">Delete</button>
            </li>
        </ul>
        <button id="create-template-btn" class="btn">Create New Template</button>
    </div>
</div>
{% endblock %}