{% extends "base.html" %}

{% block title %}Home — Django-Dolt Demo{% endblock %}
{% block nav_home %}class="active"{% endblock %}

{% block content %}
<div class="page-header fade-up">
    <h1>Dashboard</h1>
    <p class="subtitle">Two Dolt databases, each independently version-controlled.</p>
</div>

<div class="grid grid-2 fade-up delay-1">
    <div class="card">
        <div class="card-label">Inventory Database</div>
        <div class="stat-grid mb-2">
            <div class="stat">
                <div class="stat-value">{{ inventory_stats.categories }}</div>
                <div class="stat-label">Categories</div>
            </div>
            <div class="stat">
                <div class="stat-value">{{ inventory_stats.products }}</div>
                <div class="stat-label">Products</div>
            </div>
        </div>
        <a href="{% url 'inventory' %}" class="btn">View Inventory &rarr;</a>
    </div>

    <div class="card">
        <div class="card-label">Orders Database</div>
        <div class="stat-grid mb-2">
            <div class="stat">
                <div class="stat-value">{{ orders_stats.customers }}</div>
                <div class="stat-label">Customers</div>
            </div>
            <div class="stat">
                <div class="stat-value">{{ orders_stats.orders }}</div>
                <div class="stat-label">Orders</div>
            </div>
        </div>
        <a href="{% url 'orders' %}" class="btn">View Orders &rarr;</a>
    </div>
</div>
{% endblock %}