{% extends "base.html" %}

{% block title %}Warehouse Module{% endblock %}

{% block content %}
<div class="warehouse-container">
    <h1>Warehouse Module</h1>
    <p>This is the page for managing warehouse operations.</p>

    <!-- Row of evenly distributed cards -->
    <div class="dashboard-container">
        <!-- Card 1: Store Articles -->
        <div class="dashboard-card">
            <h3>Store Articles</h3>
            <p>Add or update articles in the warehouse inventory.</p>
            <a href="{{ url_for('main.store_articles') }}" class="btn">Go to Store Articles</a>
        </div>

        <!-- Card 2: Create Warehouse Locations -->
        <div class="dashboard-card">
            <h3>Create Warehouse Locations</h3>
            <p>Define and manage storage locations in the warehouse.</p>
            <a href="{{ url_for('warehouse.create_locations') }}" class="btn">Go to Locations</a>
        </div>

        <!-- Card 3: Manage Boxes/Crates -->
        <div class="dashboard-card">
            <h3>Manage Boxes/Crates</h3>
            <p>Track and manage boxes and crates in the warehouse.</p>
            <a href="{{ url_for('warehouse.manage_boxes') }}" class="btn">Go to Boxes</a>
        </div>

        <!-- Card 4: Warehouse Reports -->
        <div class="dashboard-card">
            <h3>Warehouse Reports</h3>
            <p>View and export warehouse activity and inventory reports.</p>
            <a href="{{ url_for('main.warehouse_reports') }}" class="btn">Go to Reports</a>
        </div>
    </div>
</div>
{% endblock %}