Menu Billers

Tujuan Halaman

Halaman Billers digunakan untuk mengelola data biller (pihak/entitas penjualan) di sistem:

• Melihat daftar biller.
• Mencari biller berdasarkan name/company/email/phone.
• Menambah biller baru.
• Mengubah data biller.
• Menghapus biller.

Bagian Atas (Header)

1. Judul: Billers
2. Subjudul: “Tambah / ubah / hapus biller”
3. Tombol + Tambah
   • Membuka form tambah biller.

Pencarian & Refresh

Di bawah header ada:

1. Kolom pencarian
   • Placeholder: “Cari name/company/email/phone”
   • Ketika mengetik, data akan dimuat ulang otomatis setelah jeda singkat.
2. Tombol ↻
   • Memuat ulang data dari halaman 1 (berguna kalau baru menambah/mengubah biller).

Daftar Biller

Setiap kartu biller menampilkan:

• Name
• Company
• Email & Phone
• Address
• City, Country

Nilai yang kosong akan tampil sebagai - supaya mudah dibaca.

Aksi di Setiap Biller

Di sisi kanan kartu ada tombol:

1. Edit
   • Membuka form edit biller.
2. Hapus
   • Menghapus biller (dengan konfirmasi).

Pagination

Di bagian bawah list ada panel halaman:

• Info: Page X / Y
• Tombol:
  • Prev untuk halaman sebelumnya.
  • Next untuk halaman berikutnya.

Tombol akan nonaktif jika sudah di halaman pertama/terakhir.

Tambah / Edit Biller (Modal)

Saat Anda menekan + Tambah atau Edit, akan muncul modal form.

Field Wajib

• Name (wajib diisi)

Field Lainnya (Opsional)

• Company
• Email
• Phone
• Address
• City
• State
• Postal Code
• Country

Simpan / Batal

• Batal: menutup form tanpa menyimpan.
• Simpan: menyimpan data (tombol akan berubah menjadi “Menyimpan…” saat proses berjalan).

Hapus Biller

Saat menekan tombol Hapus, aplikasi akan menampilkan konfirmasi:

• Batal
• Hapus

Jika sukses, list biller akan dimuat ulang dari halaman 1.

Jika Terjadi Error

Jika gagal memuat billers:

1. Tekan tombol “Coba lagi”.
2. Coba ubah kata kunci pencarian.
3. Pastikan koneksi dan login masih aktif.

Tips Praktis

• Gunakan Company untuk membedakan biller yang memiliki nama mirip.
• Isi Email/Phone jika biller butuh dihubungi atau dipakai di laporan.
• Jika biller dipakai oleh banyak user/transaksi, pastikan sebelum menghapus tidak mengganggu alur operasional.