{{-- ALERT INFORMASI --}}
<div class="alert alert-info border-left-info mb-4">
    <i class="fas fa-info-circle mr-2"></i>
    <strong>Informasi:</strong><br>
    Naskah yang Anda kirimkan memiliki jumlah halaman lebih banyak setelah melalui proses
    <b>layouting</b>. Oleh karena itu terdapat biaya tambahan yang perlu diselesaikan.
    <br><br>
    Silakan lakukan pembayaran pada tagihan di bawah ini.
    Jika ada pertanyaan silakan hubungi kontak <b>AndusEDU</b>. Terima kasih.
</div>

{{-- CARD TAGIHAN --}}



@foreach ($pengajuan->pembayaran->where('status','pending') as $tagihan)

<div class="p-4 border rounded bg-light mb-4">

<span class="badge badge-primary mb-3">
Tagihan Aktif
</span>

<h5 class="mb-2">
{{ $tagihan->kode_invoice }}
</h5>

<p class="mb-2">
<strong>Jumlah:</strong> {{ rupiah($tagihan->jumlah) }}
</p>

<p class="mb-3">
<strong>Status:</strong>
<span class="badge badge-warning px-3 py-2">
Menunggu Pembayaran
</span>
</p>

{{-- INFO REKENING --}}
<div class="p-3 rounded mb-4" style="background:#e9ecef;">
<strong>Bank Syariah Indonesia (BSI)</strong><br>
7304278198<br>
a.n Andus Edukasi Indonesia
</div>

{{-- FORM UPLOAD --}}
<form action="{{ route('pembayaran.upload',$tagihan->id) }}"
method="POST"
enctype="multipart/form-data">

@csrf

<div class="form-group">
<label>Upload Bukti Transfer</label>
<input type="file"
name="bukti_pembayaran"
class="form-control"
accept=".jpg,.jpeg,.png"
required>

<small class="text-muted">
*Format bukti bayar jpg/jpeg/png
</small>
</div>

<button type="submit" class="btn btn-primary btn-block mt-3">
Upload Bukti Pembayaran
</button>

</form>

</div>

@endforeach