{% extends "base.html" %}

{% block title %}Dashboard{% endblock %}

{% block content %}
<div class="dashboard-container">
    
    <!-- Row of evenly distributed cards -->
    <div class="dashboard-card">
        <h3>Quality Module</h3>
        <p>Final scanning module for production orders and quality reports access.</p>
        <div style="display: flex; gap: 10px; flex-wrap: wrap;">
            <a href="{{ url_for('main.main_scan') }}" class="btn">Launch Scanning Module</a>
            <a href="{{ url_for('main.reports') }}" class="btn">Access to Quality reports</a>
        </div>
    </div>

    
    <div class="dashboard-card">
        <h3>Access Warehouse Module</h3>
        <p>Access warehouse module functionalities.</p>
        <a href="{{ url_for('main.warehouse') }}" class="btn" id="launch-warehouse">Open Warehouse</a>
    </div>
    <!-- New Card: Access Labels Module -->
    <div class="dashboard-card">
        <h3>Access Labels Module</h3>
        <p>Module for label management.</p>
        <a href="{{ url_for('main.etichete') }}" class="btn">Launch Labels Module</a>
    </div>

    <div class="dashboard-card">
        <h3>Manage Settings</h3>
        <p>Access and manage application settings.</p>
        <a href="{{ url_for('main.settings') }}" class="btn">Access Settings Page</a>
    </div>

</div>
{% endblock %}