{% extends "base.html" %}

{% block title %}Modul Etichete{% endblock %}

{% block content %}
<div class="etichete-container">
    <h1>Modul Etichete</h1>
    <p>Aceasta este pagina pentru gestionarea etichetelor.</p>

    <!-- Row of evenly distributed cards -->
    <div class="dashboard-container">
        <!-- Card 1: View Orders -->
        <div class="dashboard-card">
            <h3>View Orders</h3>
            <p>Upload new orders or view existing orders and manage label data for printing.</p>
            <div style="display: flex; gap: 10px; flex-wrap: wrap;">
                <a href="{{ url_for('main.upload_data') }}" class="btn">Upload Orders</a>
                <a href="{{ url_for('main.view_orders') }}" class="btn">View Orders</a>
            </div>
        </div>

        <!-- Card 2: Printing Module -->
        <div class="dashboard-card">
            <h3>Printing Module</h3>
            <p>Access the print module to print labels.</p>
            <div style="display: flex; gap: 10px; flex-wrap: wrap;">
                <a href="{{ url_for('main.print_module') }}" class="btn">Launch Printing Module</a>
                <a href="{{ url_for('main.print_lost_labels') }}" class="btn">Launch lost labels printing module</a>
            </div>
        </div>

        <!-- Card 3: Manage Label Templates -->
    </div>
</div>
{% endblock %}