Menu Invoice digunakan untuk menampilkan, melacak, dan memperbarui status pembayaran atas pekerjaan yang sudah diterbitkan invoicenya. Hal ini membantu tim administrasi, finance, dan operasional untuk memantau arus pemasukan dan status tagihan secara real-time.

1. List Invoice #

Halaman List Invoice menampilkan daftar seluruh invoice yang telah dibuat.

Fitur Pencarian & Filter #

• Cari… — Mencari invoice berdasarkan nomor invoice, client, atau pekerjaan.
• Status Pembayaran — Filter berdasarkan:
  • Semua
  • Belum Dibayar
  • Sudah Dibayar

Kolom dalam Tabel #

• No. Invoice — Nomor unik invoice (misal: INV-00001)
• Client — Nama perusahaan client
• Pekerjaan — Nomor pekerjaan (klik untuk membuka detail pekerjaan)
• Tanggal Invoice — Tanggal invoice diterbitkan
• Status
  • Belum Dibayar (merah)
  • Sudah Dibayar (hijau)
• Nilai Invoice — Total nominal tagihan
• Aksi (Tombol Mata) — Melihat detail invoice

Fitur Lain #

• Dropdown jumlah entri (10/25/50/100)
• Pagination otomatis

2. Detail Invoice #

Halaman Detail Invoice menampilkan informasi lengkap dari sebuah invoice.

Informasi yang Ditampilkan #

3. Tandai Dibayar #

Saat tombol Tandai Dibayar diklik, sistem akan menampilkan pop-up Tambah Pembayaran.

Pop-up Tambah Pembayaran #

Field yang tersedia:

• Tanggal Pembayaran — Dapat dipilih lewat datepicker.

Tombol Aksi: #

• Tandai Dibayar → Mengubah status invoice menjadi Sudah Dibayar.
• Close → Menutup pop-up tanpa mengubah status.

Setelah ditandai sebagai dibayar:

• Status invoice berubah menjadi Sudah Dibayar.
• Tombol Tandai Dibayar tidak lagi muncul pada halaman detail.