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

{% block title %}
Master Barang - Inventori ANN
{% endblock %}


{% block page_title %}
Master Barang
{% endblock %}


{% block content %}

<div class="d-flex flex-wrap justify-content-between align-items-center mb-4 gap-2">

    <div>
        <h3 class="fw-bold text-success mb-1">
            Data Master Barang
        </h3>

        <p class="text-muted mb-0">
            Kelola seluruh data barang Toko Grosir Cucu.
        </p>
    </div>


    <div class="d-flex flex-wrap gap-2">

        <a
            href="/admin/barang/tambah"
            class="btn btn-success"
        >
            + Tambah Barang
        </a>

        <a
            href="/admin/barang/import" class="btn btn-success">
        >
            Import Excel
        </a>

        <a
            href="/admin/barang/export"
            class="btn btn-outline-success"
        >
            Export Excel
        </a>

    </div>

</div>


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

    <div class="card-body">

        <form method="GET" action="/admin/barang">

            <div class="row g-2">

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

                    <input
                        type="text"
                        name="cari"
                        class="form-control"
                        placeholder="Cari kode barang, nama barang, atau kategori..."
                        value="{{ cari }}"
                    >

                </div>


                <div class="col-md-3 d-grid">

                    <button
                        type="submit"
                        class="btn btn-success"
                    >
                        Cari Barang
                    </button>

                </div>

            </div>

        </form>

    </div>

</div>


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

    <div class="card-body">

        <div class="table-responsive">

            <table class="table table-hover align-middle">

                <thead class="table-success">

                    <tr>

                        <th>No</th>
                        <th>Kode</th>
                        <th>Nama Barang</th>
                        <th>Kategori</th>
                        <th>Satuan</th>
                        <th>Isi / {{ "Satuan Besar" }}</th>
                        <th>Stok</th>
                        <th>Harga Modal</th>
                        <th>Harga Jual Besar</th>
                        <th>Harga Jual Kecil</th>
                        <th class="text-center">Aksi</th>

                    </tr>

                </thead>


                <tbody>

                    {% if barang %}

                        {% for item in barang %}

                            <tr>

                                <td>
                                    {{ loop.index }}
                                </td>


                                <td>
                                    <strong>
                                        {{ item.kode_barang }}
                                    </strong>
                                </td>


                                <td>
                                    {{ item.nama_barang }}
                                </td>


                                <td>
                                    {{ item.kategori }}
                                </td>


                                <td>

                                    <div>
                                        <strong>
                                            {{ item.satuan_besar }}
                                        </strong>
                                    </div>

                                    <small class="text-muted">
                                        Ecer:
                                        {{ item.satuan_kecil }}
                                    </small>

                                </td>


                                <td>

                                    {{ item.isi_per_satuan }}

                                    {{ item.satuan_kecil }}

                                </td>


                                <td>

                                    <div class="fw-bold text-success">

                                        {{ item.stok_besar }}
                                        {{ item.satuan_besar }}

                                        {% if item.sisa_kecil > 0 %}

                                            +
                                            {{ item.sisa_kecil }}
                                            {{ item.satuan_kecil }}

                                        {% endif %}

                                    </div>


                                    <small class="text-muted">

                                        Total:
                                        {{ item.stok_kecil }}
                                        {{ item.satuan_kecil }}

                                    </small>

                                </td>


                                <td>

                                    Rp
                                    {{ "{:,.0f}".format(item.harga_modal).replace(",", ".") }}

                                </td>


                                <td>

                                    Rp
                                    {{ "{:,.0f}".format(item.harga_jual_besar).replace(",", ".") }}

                                </td>


                                <td>

                                    Rp
                                    {{ "{:,.0f}".format(item.harga_jual_kecil).replace(",", ".") }}

                                </td>


                                <td class="text-center">

                                    <div class="d-flex justify-content-center gap-1">

                                        <a
                                            href="/admin/barang/edit/{{ item.id }}"
                                            class="btn btn-warning btn-sm"
                                        >
                                            Edit
                                        </a>

                                        <form
                                            method="POST"
                                            action="/admin/barang/hapus/{{ item.id }}"
                                            onsubmit="return confirm('Yakin ingin menghapus barang {{ item.nama_barang }}?');"
                                            style="display:inline;"
                                        >
                                            <button
                                                type="submit"
                                                class="btn btn-danger btn-sm"
                                            >
                                                Hapus
                                            </button>
                                        </form>

                                    </div>

                                </td>

                            </tr>

                        {% endfor %}


                    {% else %}

                        <tr>

                            <td
                                colspan="11"
                                class="text-center py-5"
                            >

                                <h5 class="fw-bold text-muted">
                                    Data barang belum tersedia
                                </h5>

                                <p class="text-muted mb-0">

                                    Silakan tambahkan barang secara manual
                                    atau import menggunakan file Excel.

                                </p>

                            </td>

                        </tr>

                    {% endif %}

                </tbody>

            </table>

        </div>

    </div>

</div>


{% endblock %}