Kelola Produk

Halaman Produk adalah pusat pengelolaan katalog Anda. Di sini Anda bisa melihat semua produk, mencari berdasarkan nama atau kategori, serta menambah, mengedit, dan menghapus produk.

Daftar Produk

Di bagian atas terdapat:

Judul “Produk” beserta jumlah total item dalam katalog.
Tombol + untuk menambah produk baru.
Tombol ⋮ (titik tiga) untuk membuka menu akses cepat ke Kelola Kategori dan Kelola Satuan.

Pencarian & Filter

Kolom pencarian — ketik nama produk atau kategori untuk menyaring daftar secara instan.
Tombol tampilan — beralih antara tampilan Grid (2 kolom) dan List (1 kolom) sesuai preferensi Anda.
Filter kategori — baris pill horizontal menampilkan semua kategori yang ada. Ketuk salah satu untuk memfilter, atau ketuk Semua untuk menampilkan seluruh produk.

Tampilan Grid

Setiap kartu produk menampilkan:

Informasi	Keterangan
Foto	Gambar produk (atau ikon default jika belum ada).
Badge stok	Jumlah stok di pojok kanan bawah foto.
Kategori	Nama kategori di atas nama produk.
Status	Badge “Aktif” (hijau) atau “Nonaktif” (merah).
Nama produk	Nama yang Anda berikan saat membuat.
Harga jual	Harga jual dalam format Rupiah.
Tombol edit (✏️)	Membuka formulir edit produk.
Tombol hapus (🗑️)	Memunculkan dialog konfirmasi hapus.

Tampilan List

Informasi yang sama ditampilkan dalam format baris horizontal — lebih ringkas dan memudahkan perbandingan antar produk.

State Kosong

Jika belum ada produk sama sekali, ilustrasi kosong akan muncul dengan petunjuk “Ketuk + untuk menambahkan”.

Menambah Produk

Ketuk tombol + di header halaman Produk.
Anda akan diarahkan ke formulir Tambah Produk.

Detail Produk

Field	Keterangan
Foto Produk	Opsional. Ketuk area foto untuk memilih gambar dari galeri. Foto akan dipotong 1:1.
Nama Produk	Wajib diisi. Contoh: “Es Kopi Susu”.
Kategori	Pilih dari dropdown yang bisa dicari. Anda juga bisa langsung membuat kategori baru dengan mengetik nama lalu ketuk “Tambah”.
Stok	Jumlah stok awal (angka).
Satuan	Pilih dari dropdown (pcs, botol, kg, dll). Anda juga bisa langsung membuat satuan baru.
Status Produk	Toggle Aktif/Nonaktif. Produk nonaktif tidak tampil di kasir.

Harga

Field	Keterangan
Harga Modal (HPP)	Harga beli atau biaya produksi per item.
Harga Jual	Harga yang dibebankan ke pelanggan.

Setelah kedua harga diisi, indikator Keuntungan per item akan muncul secara otomatis, menampilkan selisih harga dan persentase margin. Jika harga jual lebih rendah dari modal, indikator berubah menjadi Rugi per item berwarna merah.

Menyimpan

Ketuk tombol Simpan di bagian bawah layar. Tombol hanya aktif jika Nama Produk sudah diisi.

Mengedit Produk

Pada daftar produk, ketuk ikon pensil (✏️) atau ketuk langsung kartu produk.
Formulir Edit Produk akan terbuka dengan data yang sudah terisi.
Ubah field yang diinginkan.
Ketuk Simpan untuk menyimpan perubahan.

Mengelola Foto

Saat mengedit produk yang sudah memiliki foto:

Ketuk area foto untuk memunculkan opsi:
- Ganti Foto — pilih foto baru dari galeri.
- Hapus Foto — hapus foto yang ada.
- Batal — tutup opsi.

Menghapus Produk

Pada daftar produk, ketuk ikon tempat sampah (🗑️ merah).
Dialog konfirmasi akan muncul dengan pesan: “Yakin ingin menghapus produk [nama]? Tindakan ini tidak dapat dibatalkan.”
Ketuk Hapus untuk menghapus, atau Batal untuk membatalkan.

⚠️ Penghapusan bersifat permanen dan tidak dapat dibatalkan.