hafifierahman
120 lines
5.9 KiB
PHP
120 lines
5.9 KiB
PHP
<div class="modal animate__animated animate__bounceInDown" id="marhunModal">
|
|
<div class="modal-dialog modal-lg modal-dialog-centered">
|
|
<div class="modal-content">
|
|
|
|
<!-- Modal Header -->
|
|
<div class="modal-header">
|
|
{{-- <h5 class="modal-title">Senarai Marhun</h5> --}}
|
|
<ul class="nav nav-tabs nav-fill">
|
|
<li class="nav-item">
|
|
<a class="nav-link active" data-toggle="pill" href="#home" role="tab" aria-controls="pills-marhun" aria-selected="true">Marhun</a>
|
|
</li>
|
|
<li class="nav-item">
|
|
<a class="nav-link" data-toggle="pill" href="#rekod" role="tab" aria-controls="pills-rekod" aria-selected="false">Rekod</a>
|
|
</li>
|
|
</ul>
|
|
<!-- <button type="button" class="close" data-dismiss="modal">×</button> -->
|
|
</div>
|
|
|
|
<!-- Modal body -->
|
|
<div class="modal-body">
|
|
|
|
<div class="tab-content">
|
|
<div class="tab-pane active" id="home" role="tabpanel" aria-labelledby="marhun-tab">
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<div class="p-2 rounded bg-warning text-center text-dark mb-2"><div class="inner"><b>Pembiayaan: <span id="pemb"></span></b></div></div>
|
|
</div>
|
|
|
|
<div class="col-4">
|
|
<div class="p-2 rounded bg-warning text-center text-dark mb-2"><div class="inner"><b>B. Pembiayaan: <span id="bpemb"></span></b></div></div>
|
|
</div>
|
|
|
|
<div class="col-4">
|
|
<div class="p-2 rounded bg-warning text-center text-dark mb-2"><div class="inner"><b>Status: <span id="statuslelong"></span></b></div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="table-responsive table-bordered">
|
|
<table id="biasa" class="table table-hover text-center" style="width:100%">
|
|
<thead class="bg-dark text-white">
|
|
<tr>
|
|
<th>Bil</th>
|
|
<th>Jenis Marhun</th>
|
|
<th>Berat</th>
|
|
<th>Karat</th>
|
|
<th>Nilai Marhun</th>
|
|
<th>Nota</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="tablemarhun">
|
|
<tr>
|
|
<td>dassad</td>
|
|
<td>dassad</td>
|
|
|
|
<td>dassad</td>
|
|
|
|
<td>dassad</td>
|
|
|
|
<td>dassad</td>
|
|
|
|
<td>dassad</td>
|
|
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-pane fade" id="rekod" role="tabpanel" aria-labelledby="rekod-tab">
|
|
|
|
<div class="row">
|
|
<div class="col-4">
|
|
<div class="p-2 rounded bg-warning text-center text-dark mb-2"><div class="inner"><b>Pembiayaan: <span id="pembiayaan"></span></b></div></div>
|
|
</div>
|
|
|
|
<div class="col-4">
|
|
<div class="p-2 rounded bg-warning text-center text-dark mb-2"><div class="inner"><b>B. Pembiayaan: <span id="bpembiayaan"></span></b></div></div>
|
|
</div>
|
|
|
|
<div class="col-4">
|
|
<div class="p-2 rounded bg-warning text-center text-dark mb-2"><div class="inner"><b>N. Marhun: <span id="nm"></span></b></div></div>
|
|
</div>
|
|
|
|
<div class="col-4">
|
|
<div class="p-2 rounded bg-warning text-center text-dark mb-2"><div class="inner"><b>Berat: <span id="berat"></span></b></div></div>
|
|
</div>
|
|
|
|
<div class="col-6">
|
|
<div class="p-2 rounded bg-warning text-center text-dark mb-2"><div class="inner"><b>Kos Keuntungan (12 Bulan): <span id="koskeun"></span></b></div></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div style="overflow-x: auto;">
|
|
<table id="tablehistorybayaran" class="table table-striped table-bordered text-center">
|
|
<thead class="bg-dark text-white">
|
|
<tr>
|
|
<th>Bil</th>
|
|
<th>Tarikh Bayaran</th>
|
|
<th>Bayaran</th>
|
|
<!-- <th>Action</th> -->
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<p><i>*Sila klik di atas tarikh bayaran untuk mencetak resit bayaran.</i></p>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Modal footer -->
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div> |