nishaMuhd
150 lines
7.7 KiB
PHP
150 lines
7.7 KiB
PHP
<link href="{{ asset('css/customportal.css') }}" rel="stylesheet">
|
|
|
|
<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 Bayaran</a>
|
|
</li>
|
|
<li class="show-xs nav-item test">
|
|
<a class="show-xs nav-link" data-toggle="pill" href="#detail" role="tab" aria-controls="pills-detail" aria-selected="false">Detail SAG</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-6">
|
|
<div class="p-2 rounded bg-warning text-center text-dark mb-2"><div class="inner"><b>Pembiayaan Asal: <span id="pembiayaan"></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>Baki Pembiayaan: <span id="bpembiayaan"></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>Nilai 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>T.Matang: <span id="berat"></span></b></div></div>
|
|
</div> --}}
|
|
{{-- <div class="col-4">
|
|
</div> --}}
|
|
|
|
<div class="col-6">
|
|
<div class="p-2 rounded bg-warning text-center text-dark mb-2"><div class="inner"><b>Keuntungan 6 bulan: <span id="koskeun"></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>T.Lanjut: <span id="berat"></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</th>
|
|
<th>Bayaran</th>
|
|
<!-- <th>Tindakan</th> -->
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<!-- <p style="font-size: 12px;"><i>*Dengan bayaran serendah jumlah keuntungan <span class="text-danger font-weight-bold">6 bulan</span>, anda layak mendapat lanjutan tempoh selama <span class="text-danger font-weight-bold">6 bulan</span> lagi.</i></p> -->
|
|
|
|
</div>
|
|
|
|
<div class="show-xs tab-pane fade " id="detail" role="tabpanel" aria-labelledby="detail-tab">
|
|
|
|
<div class="row show-xs">
|
|
<div class="col-6">
|
|
<div class="show-xs p-2 rounded bg-warning text-center text-dark mb-2"><div class="inner"><b>No Rujukan: <span id="norujukan"></span></b></div></div>
|
|
</div>
|
|
|
|
<div class="col-6">
|
|
<div class="show-xs p-2 rounded bg-warning text-center text-dark mb-2"><div class="inner"><b>Tempoh: <span id="tempoh"></span></b></div></div>
|
|
</div>
|
|
|
|
<div class="col-6">
|
|
<div class="show-xs p-2 rounded bg-warning text-center text-dark mb-2"><div class="inner"><b>Cawangan: <span id="namacaw"></span></b></div></div>
|
|
</div>
|
|
</div>
|
|
|
|
</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> |