design cart
This commit is contained in:
Hafifie PKB
@@ -27,13 +27,14 @@
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row justify-content-center">
|
<div class="d-flex">
|
||||||
<div class="col-md-10 col-sm-12">
|
<div class="col">
|
||||||
|
<div class="col-md-8 col-sm-12 mb-4">
|
||||||
<div class="card shadow">
|
<div class="card shadow">
|
||||||
<div class="card-header mb-4 bg-dark border-0">
|
<div class="card-header mb-4 bg-dark border-0">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
<h4 class="text-white" style="margin-right: 1%;">Pembayaran</h4>
|
<h4 class="text-white" style="margin-right: 1%;">Pembayaran PKB</h4>
|
||||||
<i class="fas fa-clipboard-list fa-2x text-white"></i>
|
<i class="fas fa-clipboard-list fa-2x text-white"></i>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -43,20 +44,11 @@
|
|||||||
<div style="overflow-x: auto;">
|
<div style="overflow-x: auto;">
|
||||||
<table class="table align-items-left" id="selepas_tawarruq" style="width: 100%;">
|
<table class="table align-items-left" id="selepas_tawarruq" style="width: 100%;">
|
||||||
<thead class="thead-light">
|
<thead class="thead-light">
|
||||||
<!-- <div style="margin-bottom: 15px; text-align: left;">
|
|
||||||
<i class="text-danger" style="font-size:12px;">Klik 'Klik Di Sini' untuk Pilihan Bayaran</i><br>
|
|
||||||
<i class="text-danger" style="font-size:12px;">Amaun Semasa -> Amaun Keuntungan Semasa Sahaja.</i><br>
|
|
||||||
<i class="text-danger" style="font-size:12px;">Amaun Lain -> Amaun Ansuran Pembiayaan & Amaun Keuntungan Semasa, Sila Masukkan Amaun</i>
|
|
||||||
</div> -->
|
|
||||||
<tr style="text-align: center;">
|
<tr style="text-align: center;">
|
||||||
<!-- <th width="10%">No</th> -->
|
<th width="10%">No Rujukan</th>
|
||||||
<th width="10%">No <br>Rujukan</th>
|
|
||||||
<th width="10%">Tarikh Akhir</th>
|
<th width="10%">Tarikh Akhir</th>
|
||||||
<th width="10%">Bayaran</th>
|
<th width="10%">Bayaran</th>
|
||||||
<th width="10%">Baki <br>Pembiayaan</th>
|
<th width="10%">Baki Pembiayaan</th>
|
||||||
<!-- <th width="10%">Pembiayaan Asal</th>
|
|
||||||
<th width="10%">Tempoh</th> -->
|
|
||||||
|
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
@php $counter = 1;$jenisbayaran = 'tawarruq'; $totalupahasal = 1; $errorcount = 0; @endphp
|
@php $counter = 1;$jenisbayaran = 'tawarruq'; $totalupahasal = 1; $errorcount = 0; @endphp
|
||||||
@@ -64,9 +56,6 @@
|
|||||||
@if($bayar['hargajualan'] != '')
|
@if($bayar['hargajualan'] != '')
|
||||||
<tbody class="list" style="text-align: center;">
|
<tbody class="list" style="text-align: center;">
|
||||||
<tr>
|
<tr>
|
||||||
<!-- <td>
|
|
||||||
{{ $counter }}
|
|
||||||
</td> -->
|
|
||||||
<td>
|
<td>
|
||||||
{{ $bayar['norujukan'] }}
|
{{ $bayar['norujukan'] }}
|
||||||
</td>
|
</td>
|
||||||
@@ -96,20 +85,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@endphp
|
@endphp
|
||||||
<!-- <td>
|
|
||||||
|
|
||||||
<select name="sltbayaran" value="{{ old('sltbayaran') ? old('sltbayaran') : '' }}" class="form-control mb-2" data-upah="{{ $upahtawarruq }}" data-jenis="tawarruq" style="text-align: center; border: revert;">
|
|
||||||
<option selected disabled></option>
|
|
||||||
<option value="fixed">Amaun Semasa</option>
|
|
||||||
<option value="otheramount">Amaun Lain</option>
|
|
||||||
</select>
|
|
||||||
|
|
||||||
<input type="text" value="{{ old('txtbayarantawarruq') ? old('txtbayarantawarruq') : '' }}" data-bakipjm="{{ $bayar['bakipjm'] }}" data-taglel="{{ $bayar['taglel'] }}" data-upah="{{ $upahtawarruq }}" data-nm="{{ $bayar['nilaimarhun'] }}" data-jenis="tawarruq" name="txtbayarantawarruq" class="form-control txtbayaran" style="text-align: center; border: outset;" />
|
|
||||||
<input type="hidden" name="txtbayaranhidden[]" class="bayaran" style="text-align: center;" />
|
|
||||||
<input type="hidden" name="txtjenisbayaran[]" value="{{ $jenisbayaran }}" style="text-align: center;" />
|
|
||||||
<input type="hidden" name="txtnorujukanhidden[]" value="{{ $bayar['norujukan'] }}" style="text-align: center;" />
|
|
||||||
<input type="hidden" name="txtkodcawhidden[]" value="{{ $bayar['kodcaw'] }}" style="text-align: center;" />
|
|
||||||
</td>-->
|
|
||||||
<td><input name="txtbayarantawarruq" type="number" step="0.01" value="{{ sprintf('%0.2f', $upahtawarruq) }}" class="form-control" style="text-align: center; border: outset;" data-bakipjm="{{ $bayar['bakipjm'] }}" data-upah="{{ $upahtawarruq }}" data-nm="{{ $bayar['nilaimarhun'] }}" data-taglel="{{ $bayar['taglel'] }}">
|
<td><input name="txtbayarantawarruq" type="number" step="0.01" value="{{ sprintf('%0.2f', $upahtawarruq) }}" class="form-control" style="text-align: center; border: outset;" data-bakipjm="{{ $bayar['bakipjm'] }}" data-upah="{{ $upahtawarruq }}" data-nm="{{ $bayar['nilaimarhun'] }}" data-taglel="{{ $bayar['taglel'] }}">
|
||||||
<input type="hidden" name="txtbayaranhidden[]" value="{{ $upahtawarruq }}" class="bayaran" style="text-align: center;" />
|
<input type="hidden" name="txtbayaranhidden[]" value="{{ $upahtawarruq }}" class="bayaran" style="text-align: center;" />
|
||||||
<input type="hidden" name="txtjenisbayaran[]" value="{{ $jenisbayaran }}" style="text-align: center;" />
|
<input type="hidden" name="txtjenisbayaran[]" value="{{ $jenisbayaran }}" style="text-align: center;" />
|
||||||
@@ -120,14 +95,105 @@
|
|||||||
<td>
|
<td>
|
||||||
<input style="border: none; text-align: center;" type="text" value="{{ number_format($bayar['bakipjm'],2) }}" class="bakibaru" readonly>
|
<input style="border: none; text-align: center;" type="text" value="{{ number_format($bayar['bakipjm'],2) }}" class="bakibaru" readonly>
|
||||||
</td>
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
@php $counter++; @endphp
|
||||||
|
@endif
|
||||||
|
@endforeach
|
||||||
|
</table>
|
||||||
|
<hr>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- <td>
|
</div>
|
||||||
{{ number_format($bayar['pinjaman'],2) }}
|
{{-- <div class="row pb-4 font-weight-light">
|
||||||
</td>
|
<div class="col-6">
|
||||||
<td>
|
<label style="text-transform: uppercase; text-align: center;"><strong>Fi Pengurusan</strong></label>
|
||||||
{{ $bayar['tempoh'] }}
|
</div>
|
||||||
</td> -->
|
|
||||||
|
|
||||||
|
<div class="col-6">
|
||||||
|
<span class="text-primary"><strong>RM<span>1.00</span></strong></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row pb-4 font-weight-light">
|
||||||
|
<div class="col-6">
|
||||||
|
<label style="text-transform: uppercase; text-align: center;"><strong>Jumlah Keseluruhan</strong></label>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-6">
|
||||||
|
<span class="text-primary"><strong>RM<span id="spanjumlah">{{ number_format($totalupahasal,2) }}</span></strong></span>
|
||||||
|
</div>
|
||||||
|
</div> --}}
|
||||||
|
|
||||||
|
<span class="text-danger d-none" id="spanamarankosong">*Jangan biarkan kotak bayaran ditinggalkan kosong, Sila masukkan amaun!</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-8 col-sm-12">
|
||||||
|
<div class="card shadow">
|
||||||
|
<div class="card-header mb-4 bg-dark border-0">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="d-flex">
|
||||||
|
<h4 class="text-white" style="margin-right: 1%;">Pembayaran KOPKB</h4>
|
||||||
|
<i class="fas fa-clipboard-list fa-2x text-white"></i>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="form">
|
||||||
|
<div style="overflow-x: auto;">
|
||||||
|
<table class="table align-items-left" id="selepas_tawarruq" style="width: 100%;">
|
||||||
|
<thead class="thead-light">
|
||||||
|
<tr style="text-align: center;">
|
||||||
|
<th width="10%">No <br>Rujukan</th>
|
||||||
|
<th width="10%">Tarikh Akhir</th>
|
||||||
|
<th width="10%">Bayaran</th>
|
||||||
|
<th width="10%">Baki <br>Pembiayaan</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
@php $counter = 1;$jenisbayaran = 'tawarruq'; $totalupahasal = 1; $errorcount = 0; @endphp
|
||||||
|
@foreach($arraybayar as $index=>$bayar)
|
||||||
|
@if($bayar['hargajualan'] != '')
|
||||||
|
<tbody class="list" style="text-align: center;">
|
||||||
|
<tr>
|
||||||
|
<td>
|
||||||
|
{{ $bayar['norujukan'] }}
|
||||||
|
</td>
|
||||||
|
@php
|
||||||
|
|
||||||
|
$t_matang = strtotime($bayar['t_matang']);
|
||||||
|
$t_akhir = date("d/m/Y", $t_matang);
|
||||||
|
|
||||||
|
if($bayar['lelong_tawarruq'] == 0)
|
||||||
|
{
|
||||||
|
$t_matang = strtotime($bayar['t_matang1']);
|
||||||
|
$t_akhir = date("d/m/Y", $t_matang);
|
||||||
|
}
|
||||||
|
@endphp
|
||||||
|
<td>
|
||||||
|
{{ $t_akhir }}
|
||||||
|
</td>
|
||||||
|
@php
|
||||||
|
$upahtawarruq = $bayar['upah_tawarruq'];
|
||||||
|
$upahtawarruq = floatval(str_replace(',','',$upahtawarruq));
|
||||||
|
|
||||||
|
$totalupahasal = $totalupahasal + $upahtawarruq;
|
||||||
|
|
||||||
|
|
||||||
|
if(floatval($upahtawarruq) == 0){
|
||||||
|
$errorcount++;
|
||||||
|
}
|
||||||
|
|
||||||
|
@endphp
|
||||||
|
<td><input name="txtbayarantawarruq" type="number" step="0.01" value="{{ sprintf('%0.2f', $upahtawarruq) }}" class="form-control" style="text-align: center; border: outset;" data-bakipjm="{{ $bayar['bakipjm'] }}" data-upah="{{ $upahtawarruq }}" data-nm="{{ $bayar['nilaimarhun'] }}" data-taglel="{{ $bayar['taglel'] }}">
|
||||||
|
<input type="hidden" name="txtbayaranhidden[]" value="{{ $upahtawarruq }}" class="bayaran" style="text-align: center;" />
|
||||||
|
<input type="hidden" name="txtjenisbayaran[]" value="{{ $jenisbayaran }}" style="text-align: center;" />
|
||||||
|
<input type="hidden" name="txtnorujukanhidden[]" value="{{ $bayar['norujukan'] }}" style="text-align: center;" />
|
||||||
|
<input type="hidden" name="txtkodcawhidden[]" value="{{ $bayar['kodcaw'] }}" style="text-align: center;" />
|
||||||
|
</td>
|
||||||
|
|
||||||
|
<td>
|
||||||
|
<input style="border: none; text-align: center;" type="text" value="{{ number_format($bayar['bakipjm'],2) }}" class="bakibaru" readonly>
|
||||||
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
</tbody>
|
</tbody>
|
||||||
@php $counter++; @endphp
|
@php $counter++; @endphp
|
||||||
@@ -181,6 +247,20 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4">
|
||||||
|
<div class="card shadow">
|
||||||
|
<div class="card-header mb-4 bg-dark border-0">
|
||||||
|
<div class="row align-items-center">
|
||||||
|
<div class="d-flex">
|
||||||
|
<h4 class="text-white" style="margin-right: 1%;">Pembayaran KOPKB</h4>
|
||||||
|
<i class="fas fa-clipboard-list fa-2x text-white"></i>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -1,104 +1,35 @@
|
|||||||
<div class="row justify-space-between py-2">
|
<div class="table-responsive table-bordered table-hover">
|
||||||
<div class="col-lg-6 col-md-8 col-sm-6 mx-auto">
|
<table class="table align-items-center table-flush border" id="main-table" style="text-align: center; width: 100%">
|
||||||
<div class="nav-wrapper position-relative end-0">
|
<thead class="thead-light bg-dark text-white text-center">
|
||||||
<ul class="nav nav-pills nav-fill p-1" role="tablist">
|
<tr>
|
||||||
<li class="nav-item">
|
<th>#</th>
|
||||||
<a class="nav-link mb-0 px-0 py-1 d-flex align-items-center justify-content-center active"
|
<th>No Rujukan</th>
|
||||||
data-bs-toggle="tab"
|
<th class="hide-xs">Tempoh</th>
|
||||||
href="#tabs-icons-text-2"
|
<th>T Akhir</th>
|
||||||
role="tab"
|
<th>Keuntungan</th>
|
||||||
aria-controls="tabs-icons-text-2"
|
<th class="hide-xs">Cawangan</th>
|
||||||
aria-selected="true">
|
</tr>
|
||||||
<i class="material-icons text-sm me-2">person</i> PKB
|
</thead>
|
||||||
</a>
|
<tbody class="list">
|
||||||
</li>
|
@foreach ($pembiayaan as $data)
|
||||||
<li class="nav-item">
|
|
||||||
<a class="nav-link mb-0 px-0 py-1 d-flex align-items-center justify-content-center"
|
|
||||||
data-bs-toggle="tab"
|
|
||||||
href="#tabs-icons-text-3"
|
|
||||||
role="tab"
|
|
||||||
aria-controls="tabs-icons-text-3"
|
|
||||||
aria-selected="false">
|
|
||||||
<i class="material-icons text-sm me-2">group</i> KOPKB
|
|
||||||
</a>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="tab-content table-hover">
|
|
||||||
<!-- Tab Content 1 -->
|
|
||||||
<div class="tab-pane fade show active table-responsive table-bordered table-hover" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2">
|
|
||||||
<table class="table align-items-center table-flush border" style="text-align: center; width: 100%">
|
|
||||||
<thead class="thead-light bg-dark text-white text-center">
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>#</th>
|
<td>
|
||||||
<th>No Rujukan</th>
|
<input type="checkbox" name="chkboxsag[]" value="{{ $data->norujukan }}"
|
||||||
<th class="hide-xs">Tempoh</th>
|
id="sag-{{ $loop->iteration }}" data-norujukan="{{ $data->norujukan }}"
|
||||||
<th>T Akhir</th>
|
{{ $data->disabled_payment ? 'disabled' : '' }} />
|
||||||
<th>Keuntungan</th>
|
</td>
|
||||||
<th class="hide-xs">Cawangan</th>
|
<td>
|
||||||
|
<a href="#" class="marhun-detail-link">
|
||||||
|
<span class="text-sm text-info">{{ $data->norujukan }}</span>
|
||||||
|
</a>
|
||||||
|
</td>
|
||||||
|
<td class="hide-xs">{{ $data->tempoh }}</td>
|
||||||
|
<td>{{ $data->tarikh_akhir }}</td>
|
||||||
|
<td>{{ $data->upah_tawarruq_formatted }}</td>
|
||||||
|
<td class="hide-xs">{{ $data->cawangan_name }}</td>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
@endforeach
|
||||||
<tbody class="list">
|
</tbody>
|
||||||
@foreach ($pembiayaan as $data)
|
</table>
|
||||||
<tr>
|
<i class="hide-xs text-success" style="font-size:12px;">"Swipe" ke kiri</i>
|
||||||
<td>
|
</div>
|
||||||
<input type="checkbox" name="chkboxsag[]" value="{{ $data->norujukan }}"
|
|
||||||
id="sag-{{ $loop->iteration }}" data-norujukan="{{ $data->norujukan }}"
|
|
||||||
{{ $data->disabled_payment ? 'disabled' : '' }} />
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<a href="#" class="marhun-detail-link">
|
|
||||||
<span class="text-sm text-info">{{ $data->norujukan }}</span>
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td class="hide-xs">{{ $data->tempoh }}</td>
|
|
||||||
<td>{{ $data->tarikh_akhir }}</td>
|
|
||||||
<td>{{ $data->upah_tawarruq_formatted }}</td>
|
|
||||||
<td class="hide-xs">{{ $data->cawangan_name }}</td>
|
|
||||||
</tr>
|
|
||||||
@endforeach
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<i class="hide-xs text-success" style="font-size:12px;">"Swipe" ke kiri</i>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- Tab Content 2 -->
|
|
||||||
<div class="tab-pane fade table-responsive table-bordered table-hover" id="tabs-icons-text-3" role="tabpanel" aria-labelledby="tabs-icons-text-3">
|
|
||||||
<table class="table align-items-center table-flush border" style="text-align: center; width: 100%">
|
|
||||||
<thead class="thead-light bg-dark text-white text-center">
|
|
||||||
<tr>
|
|
||||||
<th>#</th>
|
|
||||||
<th>No Rujukan</th>
|
|
||||||
<th class="hide-xs">Tempoh</th>
|
|
||||||
<th>T Akhir</th>
|
|
||||||
<th>Keuntungan</th>
|
|
||||||
<th class="hide-xs">Cawangan</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody class="list">
|
|
||||||
@foreach ($pembiayaan as $data)
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<input type="checkbox" name="chkboxsag[]" value="{{ $data->norujukan }}"
|
|
||||||
id="sag-{{ $loop->iteration }}" data-norujukan="{{ $data->norujukan }}"
|
|
||||||
{{ $data->disabled_payment ? 'disabled' : '' }} />
|
|
||||||
</td>
|
|
||||||
<td>
|
|
||||||
<a href="#" class="marhun-detail-link">
|
|
||||||
<span class="text-sm text-info">{{ $data->norujukan }}</span>
|
|
||||||
</a>
|
|
||||||
</td>
|
|
||||||
<td class="hide-xs">{{ $data->tempoh }}</td>
|
|
||||||
<td>{{ $data->tarikh_akhir }}</td>
|
|
||||||
<td>{{ $data->upah_tawarruq_formatted }}</td>
|
|
||||||
<td class="hide-xs">{{ $data->cawangan_name }}</td>
|
|
||||||
</tr>
|
|
||||||
@endforeach
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
<i class="hide-xs text-success" style="font-size:12px;">"Swipe" ke kiri</i>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
Reference in New Issue
Block a user