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


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


{% block page_title %}
Dashboard Gudang
{% endblock %}


{% block content %}


<div class="mb-4">

    <h3 class="fw-bold text-success mb-1">
        Dashboard Gudang
    </h3>

    <p class="text-muted">
        Kelola penerimaan barang dan stok Toko Grosir Cucu.
    </p>

</div>



<!-- ====================================================== -->
<!-- STATISTIK -->
<!-- ====================================================== -->

<div class="row g-4 mb-4">


    <!-- TOTAL BARANG -->

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

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

            <div class="card-body">

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

                <div class="dashboard-number">
                    {{ total_barang }}
                </div>

                <small class="text-muted">
                    Barang pada Master Barang
                </small>

            </div>

        </div>

    </div>



    <!-- BARANG MASUK HARI INI -->

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

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

            <div class="card-body">

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

                <div class="dashboard-number">
                    {{ barang_masuk_hari_ini }}
                </div>

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

            </div>

        </div>

    </div>



    <!-- TOTAL STOK -->

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

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

            <div class="card-body">

                <div class="text-muted mb-2">
                    Total Stok
                </div>

                <div class="dashboard-number">
                    {{ total_stok }}
                </div>

                <small class="text-muted">
                    Akumulasi seluruh stok satuan terkecil
                </small>

            </div>

        </div>

    </div>


</div>



<!-- ====================================================== -->
<!-- INFORMASI -->
<!-- ====================================================== -->

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

    <div class="card-body p-4">

        <h5 class="fw-bold text-success">
            Modul Gudang
        </h5>

        <p class="text-muted">
            Petugas Gudang bertanggung jawab mencatat barang yang
            masuk ke Toko Grosir Cucu.
        </p>


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

            Setiap transaksi Barang Masuk nantinya dapat berisi
            <strong>lebih dari satu jenis barang</strong>.

            Jumlah yang dimasukkan menggunakan
            <strong>satuan besar</strong>, seperti Dus, Karton,
            Box, Bal, atau Pak.

            Sistem akan otomatis mengubahnya menjadi satuan terkecil
            sebelum menambah stok.

        </div>

    </div>

</div>


{% endblock %}