{% extends "layouts/admin_base.html" %}

{% block title %}
Dashboard Admin - Inventori ANN
{% endblock %}


{% block page_title %}
Dashboard Admin
{% endblock %}


{% block content %}

<div class="mb-4">

    <h3 class="fw-bold text-success">
        Selamat Datang, {{ session.get('nama') }}
    </h3>

    <p class="text-muted mb-0">
        Kelola sistem persediaan Toko Grosir Cucu dari dashboard admin.
    </p>

</div>


<div class="row g-4">

    <div class="col-md-6 col-lg-3">

        <div class="card border-0 shadow-sm h-100">

            <div class="card-body">

                <p class="text-muted mb-2">
                    Total Barang
                </p>

                <h2 class="fw-bold text-success mb-0">
                    {{ total_barang }}
                </h2>

            </div>

        </div>

    </div>


    <div class="col-md-6 col-lg-3">

        <div class="card border-0 shadow-sm h-100">

            <div class="card-body">

                <p class="text-muted mb-2">
                    Barang Masuk Hari Ini
                </p>

                <h2 class="fw-bold text-primary mb-0">
                    {{ barang_masuk_hari_ini }}
                </h2>

                <small class="text-muted">
                    Dalam satuan terkecil
                </small>

            </div>

        </div>

    </div>


    <div class="col-md-6 col-lg-3">

        <div class="card border-0 shadow-sm h-100">

            <div class="card-body">

                <p class="text-muted mb-2">
                    Barang Keluar Hari Ini
                </p>

                <h2 class="fw-bold text-danger mb-0">
                    {{ barang_keluar_hari_ini }}
                </h2>

                <small class="text-muted">
                    Dalam satuan terkecil
                </small>

            </div>

        </div>

    </div>


    <div class="col-md-6 col-lg-3">

        <div class="card border-0 shadow-sm h-100">

            <div class="card-body">

                <p class="text-muted mb-2">
                    Hasil Prediksi
                </p>

                <h2 class="fw-bold text-warning mb-0">
                    {{ total_prediksi }}
                </h2>

                <small class="text-muted">
                    Data prediksi tersimpan
                </small>

            </div>

        </div>

    </div>

</div>


<div class="row g-4 mt-1">

    <div class="col-lg-8">

        <div class="card border-0 shadow-sm">

            <div class="card-body">

                <h5 class="fw-bold mb-3">
                    Informasi Sistem
                </h5>

                <p class="text-muted">
                    Dashboard ini akan menjadi pusat pengelolaan data
                    persediaan barang, dataset transaksi, laporan,
                    dan hasil prediksi menggunakan Artificial Neural Network.
                </p>

                <div class="alert alert-success mb-0">

                    Sistem menggunakan
                    <strong>satuan terkecil sebagai stok utama</strong>
                    sehingga transaksi barang masuk dan barang keluar
                    tetap terintegrasi.

                </div>

            </div>

        </div>

    </div>


    <div class="col-lg-4">

        <div class="card border-0 shadow-sm">

            <div class="card-body">

                <h5 class="fw-bold mb-3">
                    Modul Admin
                </h5>

                <div class="mb-2">
                    ✓ Master Barang
                </div>

                <div class="mb-2">
                    ✓ Import / Export Excel
                </div>

                <div class="mb-2">
                    ✓ Dataset Transaksi
                </div>

                <div class="mb-2">
                    ✓ Prediksi ANN
                </div>

                <div>
                    ✓ Laporan
                </div>

            </div>

        </div>

    </div>

</div>

{% endblock %}