{% extends "base.html" %}

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

{% block content %}
<div class="dashboard-container">
    
    <!-- Row of evenly distributed cards -->
    <div class="dashboard-card">
        <h3>Access Scanning Module</h3>
        <p>Final scanning module for production orders</p>
        <a href="{{ url_for('main.scan') }}" class="btn">Launch Scanning Module</a>
    </div>

    <div class="dashboard-card">
        <h3>Access Reports Module</h3>
        <p>Module for verification and quality settings configuration.</p>
        <a href="{{ url_for('main.quality') }}" class="btn">Launch Reports Module</a>
    </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 %}