Cek Tagihan | <%= settings.company_header || 'Portal ISP' %>

Cek Tagihan

<%= settings.company_header || 'Portal ISP' %>

<% if (error) { %>

<%= error %>

<% } %> <% if (info) { %>

<%= info %>

<% } %> <% if (query && !customer && (!matches || matches.length === 0)) { %>

Pelanggan tidak ditemukan. Pastikan input sudah benar.

<% } %> <% if (!customer && matches && matches.length > 0) { %>

Hasil Pencarian

Pilih pelanggan untuk melihat detail tagihan

<% matches.forEach(m => { %> <% }) %>

Pelanggan	Belum Bayar	Total
<%= m.customer_name %> ID: <%= m.customer_id %><% if (m.customer_phone) { %> • WA: <%= m.customer_phone %><% } %>	<%= Number(m.unpaid_count \|\| 0) %>	Rp <%= Number(m.total_amount \|\| 0).toLocaleString('id-ID') %>	Lihat

<% } %> <% if (customer) { %>

<%= customer.name %>

ID: <%= customer.id %> <% if (customer.phone) { %> • WA: <%= customer.phone %><% } %> <% if (customer.package_name) { %> • Paket: <%= customer.package_name %><% } %>

<% const unpaidCount = unpaidInvoices ? unpaidInvoices.length : 0; %> <% if (unpaidCount > 0) { %> <%= unpaidCount %> Belum Bayar <% } else { %> Lunas <% } %>

<% const monthNames = ['','Jan','Feb','Mar','Apr','Mei','Jun','Jul','Agu','Sep','Okt','Nov','Des']; %> <% if (!unpaidInvoices || unpaidInvoices.length === 0) { %>

Semua tagihan sudah lunas.

<% } else { %>

Tagihan Belum Dibayar

<% unpaidInvoices.forEach((inv, idx) => { %> <% }) %>

Periode	Nominal	Pilih
<%= monthNames[Number(inv.period_month)] %> <%= inv.period_year %> INV-<%= inv.id %>	Rp <%= Number(inv.amount \|\| 0).toLocaleString('id-ID') %>	<%= idx === 0 ? 'required' : '' %> >

Pembayaran

<% const hasStaticQris = (String(settings.qris_static_qr_url || '').trim() || String(settings.qris_static_payload || '').trim()) && (settings.qris_static_enabled !== false && settings.qris_static_enabled !== 'false' && settings.qris_static_enabled !== 0 && settings.qris_static_enabled !== '0'); %> <% if (hasStaticQris || (paymentChannels && paymentChannels.length > 0)) { %>

<% if (hasStaticQris) { %>

QRIS Statis (Scan) Nominal unik E-Wallet

<% } %> <% paymentChannels.forEach((ch, idx) => { const code = String(ch.code || '').toUpperCase(); const name = String(ch.name || code); const group = String(ch.group || '').toLowerCase(); const fee = Number(ch.total_fee?.flat || 0); const feePercent = Number(ch.total_fee?.percent || 0); const iconUrl = String(ch.icon_url || ''); let badgeClass = 'pb-bank'; let iconHtml = ''; if (code === 'QRIS') { badgeClass = 'pb-qris'; iconHtml = ''; } else if (group.includes('e-wallet') || group.includes('ewallet')) { if (name.toLowerCase().includes('dana')) { badgeClass = 'pb-dana'; iconHtml = 'DANA'; } else if (name.toLowerCase().includes('ovo')) { badgeClass = 'pb-ovo'; iconHtml = 'OVO'; } else if (name.toLowerCase().includes('shopee')) { badgeClass = 'pb-shopeepay'; iconHtml = 'SPay'; } else if (name.toLowerCase().includes('linkaja')) { badgeClass = 'pb-linkaja'; iconHtml = 'LinkAja'; } else if (name.toLowerCase().includes('gopay')) { badgeClass = 'pb-gopay'; iconHtml = 'GoPay'; } else { iconHtml = ''; } } else if (group.includes('virtual') || group.includes('bank')) { iconHtml = ''; } %> required >

<% if (iconUrl) { %>

<% } else { %> <%- iconHtml %> <% } %>

<%= name %> <% if (fee > 0 || feePercent > 0) { %> <% if (feePercent > 0) { %> +<%= feePercent %>% <% } %> <% if (fee > 0) { %> <%= feePercent > 0 ? ' + ' : '+' %>Rp <%= fee.toLocaleString('id-ID') %> <% } %> <% } else { %> Gratis <% } %> <% if (ch.active === false) { %> Nonaktif <% } %>

<% }) %>

<% } else { %>

Metode pembayaran tidak tersedia saat ini.

<% } %>

Saya setuju dengan Syarat & Ketentuan (TOS)

<% } %> <% const paidInvoices = (invoices || []).filter(i => i.status === 'paid'); %> <% if (paidInvoices.length > 0) { %>

Riwayat (Lunas)

Menampilkan <%= Math.min(paidInvoices.length, 10) %> data terbaru

<% paidInvoices.slice(0, 10).forEach(inv => { %> <% }) %>

Periode	Nominal	Tanggal
<%= monthNames[Number(inv.period_month)] %> <%= inv.period_year %> INV-<%= inv.id %>	Rp <%= Number(inv.amount \|\| 0).toLocaleString('id-ID') %>	<%= inv.paid_at ? new Date(inv.paid_at).toLocaleString('id-ID') : '-' %>

<% } %> <% } %>