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

{% block content %}
<div class="module-bar">
    <div class="module-title">Anagrafiche</div>
    <div class="breadcrumb"><a href="/">Mago4</a><span class="sep">»</span><span class="current">Anagrafiche</span></div>
</div>
<div class="tab-strip">
    <a href="/anagrafiche" class="active">Anagrafiche</a>
    <a href="/customers">Clienti</a>
    <a href="/suppliers">Fornitori</a>
    <a href="/products">Articoli</a>
</div>

<div class="cards-grid">
    <div class="menu-card">
        <div class="menu-card-header"><h3>Clienti</h3><span class="collapse-dot">○—</span></div>
        <div class="menu-card-body">
            <a href="/customers" class="menu-link"><i class="material-icons ml-icon mtype-form">people</i><span class="ml-text">Clienti</span><i class="material-icons ml-star">star_border</i></a>
            <a href="/customers" class="menu-link"><i class="material-icons ml-icon mtype-print">badge</i><span class="ml-text">Schede Cliente</span><i class="material-icons ml-star">star_border</i></a>
            <a href="/customers" class="menu-link"><i class="material-icons ml-icon mtype-list">account_balance_wallet</i><span class="ml-text">Fido Cliente</span><i class="material-icons ml-star">star_border</i></a>
        </div>
    </div>

    <div class="menu-card">
        <div class="menu-card-header"><h3>Fornitori</h3><span class="collapse-dot">○—</span></div>
        <div class="menu-card-body">
            <a href="/suppliers" class="menu-link"><i class="material-icons ml-icon mtype-form">local_shipping</i><span class="ml-text">Fornitori</span><i class="material-icons ml-star">star_border</i></a>
            <a href="/suppliers" class="menu-link"><i class="material-icons ml-icon mtype-print">badge</i><span class="ml-text">Schede Fornitore</span><i class="material-icons ml-star">star_border</i></a>
        </div>
    </div>

    <div class="menu-card">
        <div class="menu-card-header"><h3>Articoli</h3><span class="collapse-dot">○—</span></div>
        <div class="menu-card-body">
            <a href="/products" class="menu-link"><i class="material-icons ml-icon mtype-form">inventory_2</i><span class="ml-text">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-list">inventory</i><span class="ml-text">Giacenze Articoli</span><i class="material-icons ml-star">star_border</i></a>
            <a href="/products" class="menu-link"><i class="material-icons ml-icon mtype-print">sell</i><span class="ml-text">Listini</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="#" class="menu-link"><i class="material-icons ml-icon mtype-list">category</i><span class="ml-text">Categorie Clienti</span><i class="material-icons ml-star">star_border</i></a>
            <a href="#" class="menu-link"><i class="material-icons ml-icon mtype-list">payments</i><span class="ml-text">Condizioni di Pagamento</span><i class="material-icons ml-star">star_border</i></a>
            <a href="#" class="menu-link"><i class="material-icons ml-icon mtype-list">public</i><span class="ml-text">Paesi ISO</span><i class="material-icons ml-star">star_border</i></a>
        </div>
    </div>
</div>
{% endblock %}