{% extends "base.html" %}
{% block title %}Logistica - Mago4 Demo{% endblock %}
{% block window_tabs %}<a href="/magazzino" class="window-tab active"><i class="material-icons">warehouse</i> Logistica</a>{% endblock %}

{% block content %}
<div class="module-bar">
    <div class="module-title">Logistica &amp; Magazzino</div>
    <div class="breadcrumb"><a href="/">Mago4</a><span class="sep">»</span><span class="current">Logistica</span></div>
</div>
<div class="tab-strip">
    <a href="/magazzino" class="active">Magazzino</a>
    <a href="/inventory-movements">Movimenti</a>
    <a href="/warehouse">Giacenze</a>
    <a href="/inventory-reasons">Tabelle</a>
</div>

<div class="cards-grid">
    <div class="menu-card">
        <div class="menu-card-header"><h3>Movimenti di Magazzino</h3><span class="collapse-dot">○—</span></div>
        <div class="menu-card-body">
            <a href="/inventory-movements" class="menu-link"><i class="material-icons ml-icon mtype-form">swap_vert</i><span class="ml-text">Movimenti di Magazzino</span><i class="material-icons ml-star">star_border</i></a>
            <a href="/inventory-movements" class="menu-link"><i class="material-icons ml-icon mtype-list">list_alt</i><span class="ml-text">Lista Movimenti</span><i class="material-icons ml-star">star_border</i></a>
            <a href="/inventory-movements" class="menu-link"><i class="material-icons ml-icon mtype-print">print</i><span class="ml-text">Giornale di Magazzino</span><i class="material-icons ml-star">star_border</i></a>
        </div>
    </div>

    <div class="menu-card">
        <div class="menu-card-header"><h3>Giacenze</h3><span class="collapse-dot">○—</span></div>
        <div class="menu-card-body">
            <a href="/warehouse" class="menu-link"><i class="material-icons ml-icon mtype-list">inventory</i><span class="ml-text">Giacenze Articoli</span><i class="material-icons ml-star">star_border</i></a>
            <a href="/warehouse" class="menu-link"><i class="material-icons ml-icon mtype-print">warning</i><span class="ml-text">Articoli Sotto Scorta</span><i class="material-icons ml-star">star_border</i></a>
            <a href="/warehouse" class="menu-link"><i class="material-icons ml-icon mtype-list">euro</i><span class="ml-text">Valorizzazione Magazzino</span><i class="material-icons ml-star">star_border</i></a>
        </div>
    </div>

    <div class="menu-card">
        <div class="menu-card-header"><h3>Tabelle</h3><span class="collapse-dot">○—</span></div>
        <div class="menu-card-body">
            <a href="/inventory-reasons" class="menu-link"><i class="material-icons ml-icon mtype-list">rule</i><span class="ml-text">Causali di Magazzino</span><i class="material-icons ml-star">star_border</i></a>
            <a href="#" class="menu-link"><i class="material-icons ml-icon mtype-list">warehouse</i><span class="ml-text">Depositi</span><i class="material-icons ml-star">star_border</i></a>
            <a href="#" class="menu-link"><i class="material-icons ml-icon mtype-list">place</i><span class="ml-text">Ubicazioni</span><i class="material-icons ml-star">star_border</i></a>
        </div>
    </div>

    <div class="menu-card">
        <div class="menu-card-header"><h3>Procedure</h3><span class="collapse-dot">○—</span></div>
        <div class="menu-card-body">
            <a href="#" class="menu-link"><i class="material-icons ml-icon mtype-proc">bolt</i><span class="ml-text">Inventario Fisico</span><i class="material-icons ml-star">star_border</i></a>
            <a href="#" class="menu-link"><i class="material-icons ml-icon mtype-proc">bolt</i><span class="ml-text">Ricalcolo Giacenze</span><i class="material-icons ml-star">star_border</i></a>
        </div>
    </div>
</div>
{% endblock %}