add ui pembayaran, analisa

This commit is contained in:
Amir Hamzan
2021-11-22 12:41:58 +08:00
parent d3834a0faf
commit 2d706b384a
10 changed files with 1303 additions and 361 deletions
@@ -1,7 +1,262 @@
@extends('layouts.index')
@extends('layouts.indexforth')
@section('content')
<p>manan amanana</p>
@include('layouts.indexforth')
<style>
.breadcrumb-second {
display: flex;
flex-wrap: wrap;
padding: 0.5rem 1rem;
margin-bottom: 1rem;
list-style: none;
border-radius: 0.375rem;
}
</style>
<section class="bg-gradient-dark position-relative overflow-hidden">
<img src="{{ asset('assets/img/material-kit/waves-white.svg') }}" alt="pattern-lines" class="position-absolute opacity-1 w-100">
<div class="container py-lg-4 py-4">
<div class="row mt-6">
<nav aria-label="breadcrumb-second">
<ol class="breadcrumb-second">
<li class="breadcrumb-item text-white"><a href="portalhome" style="color: #fff;">Home</a></li>
<li class="breadcrumb-item text-white active" aria-current="page">Analisa</li>
</ol>
</nav>
</div>
<div class="row">
<div class="col-xl-3 col-lg-6">
<div class="card card-stats mb-4 mb-xl-0">
<div class="card-body">
<div class="row">
<div class="col">
<h5 class="card-title text-uppercase text-muted mb-0">Pembiayaan Semasa (RM)</h5>
<span class="h2 font-weight-bold mb-0">2,4000</span>
</div>
<div class="col-auto">
<div class="icon icon-shape bg-danger text-white rounded-circle shadow">
<i class="fas fa-chart-bar"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="card card-stats mb-4 mb-xl-0">
<div class="card-body">
<div class="row">
<div class="col">
<h5 class="card-title text-uppercase text-muted mb-0">Bilangan Pembiayaan Aktif</h5>
<span class="h2 font-weight-bold mb-0">1</span>
</div>
<div class="col-auto">
<div class="icon icon-shape bg-warning text-white rounded-circle shadow">
<i class="fas fa-chart-pie"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="card card-stats mb-4 mb-xl-0">
<div class="card-body">
<div class="row">
<div class="col">
<h5 class="card-title text-uppercase text-muted mb-0">Pembiayaan Melebihi 6 Bulan</h5>
<span class="h2 font-weight-bold mb-0">0</span>
</div>
<div class="col-auto">
<div class="icon icon-shape bg-yellow text-white rounded-circle shadow">
<i class="fas fa-users"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="card card-stats mb-4 mb-xl-0">
<div class="card-body">
<div class="row">
<div class="col">
<h5 class="card-title text-uppercase text-muted mb-0">Gadaian Akan Dilelong</h5>
<span class="h2 font-weight-bold mb-0">0</span>
</div>
<div class="col-auto">
<div class="icon icon-shape bg-info text-white rounded-circle shadow">
<i class="fas fa-percent"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-7">
<div class="container">
<div class="row">
<div class="col-xl-8 mb-5 mb-xl-0">
<div class="card bg-gradient-default shadow">
<div class="card-header bg-transparent">
<div class="row align-items-center">
<div class="col">
<h6 class="text-uppercase ls-1 mb-1">Keseluruhan</h6>
<h2 class="mb-0">Jumlah Bayaran</h2>
</div>
<div class="col">
<ul class="nav nav-pills justify-content-end">
<li class="nav-item mr-2 mr-md-0">
<a href="#" class="nav-link py-2 px-3 active" data-toggle="tab">
<span class="d-none d-md-block">Bulanan</span>
<span class="d-md-none">M</span>
</a>
</li>
{{-- <li class="nav-item" data-toggle="chart" data-target="#chart-sales" data-update='{"data":{"datasets":[{"data":[0, 0, 0, 0, 0, 30, 15, 40, 40]}]}}' data-prefix="RM" data-suffix="k">
<a href="#" class="nav-link py-2 px-3" data-toggle="tab">
<span class="d-none d-md-block">Mingguan</span>
<span class="d-md-none">W</span>
</a>
</li> --}}
</ul>
</div>
</div>
</div>
<div class="card-body">
<!-- Chart -->
<div class="chart">
<!-- Chart wrapper -->
<canvas id="chart-sales" class="chart-canvas"></canvas>
</div>
</div>
</div>
</div>
<div class="col-xl-4">
<div class="card shadow">
<div class="card-header bg-transparent">
<div class="row align-items-center">
<div class="col">
<h6 class="text-uppercase text-muted ls-1 mb-1">Prestasi</h6>
<h2 class="mb-0">Pembiayaan (Bulanan)</h2>
</div>
</div>
</div>
<div class="card-body">
<!-- Chart -->
<div class="chart">
<canvas id="chart-orders" class="chart-canvas"></canvas>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-gradient-dark position-relative overflow-hidden">
<img src="{{ asset('assets/img/material-kit/waves-white.svg') }}" alt="pattern-lines" class="position-absolute opacity-1 w-100">
<div class="container py-lg-4 py-4">
<div class="row">
<div class="col-xl-8 mb-5 mb-xl-0">
<div class="card shadow">
<div class="card-header border-0">
<div class="row align-items-center">
<div class="col">
<h3 class="mb-0">Pembiayaan Aktif</h3>
</div>
<div class="col text-right">
{{-- <a href="#!" class="btn btn-sm btn-primary">See all</a> --}}
</div>
</div>
</div>
<div class="table-responsive">
<!-- Projects table -->
<table class="table align-items-center table-flush" id="sag_aktif">
<thead class="thead-light">
<tr>
<th scope="col">No. SAG</th>
<th scope="col">Pinjaman</th>
</tr>
</thead>
<tbody>
{{-- @foreach($belum_tebus as $index1=>$bt)
<tr>
<td>{{ $bt['norujukan'] }}</td>
<td>{{ $bt['pinjaman'] }}</td>
</tr>
@endforeach --}}
<tr>
<td>X0301210901-0009</td>
<td>2400.00</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="col-xl-4">
<div class="card shadow">
<div class="card-header border-0">
<div class="row align-items-center">
<div class="col">
<h3 class="mb-0">Harga Emas</h3>
</div>
{{-- <div class="col text-right">
<a href="#!" class="btn btn-sm btn-primary">See all</a>
</div> --}}
</div>
</div>
<div class="table-responsive">
<!-- Projects table -->
<table class="table align-items-center table-flush" id="harga_emas" style="text-align: center;">
<thead class="thead-light">
<tr>
<th>Karat</th>
<th>Harga (RM)</th>
<th>Perubahan (%)</th>
</tr>
</thead>
<tbody>
{{-- @foreach($hargaemasterdahulu as $index=>$hm)
<tr>
<td>{{ $hm['karat'] }}</td>
<td>{{ $hm['hargasemasa'] }}</td>
@if($hm['percent'] > 0)
<td><i class="fas fa-arrow-up text-success mr-3"></i><span class="text-success">({{ number_format($hm['percent'],2) }})</span></td>
@else
<td><i class="fas fa-arrow-down text-warning mr-3"></i><span class="text-warning">({{ number_format($hm['percent']*-1,2) }})</span></td>
@endif
</tr>
@endforeach --}}
<tr>
<td>14.0k</td>
<td>157.30</td>
<td><i class="fas fa-arrow-up text-success mr-3"></i><span class="text-success">0.47</span></td>
</tr>
<tr>
<td>14.0k</td>
<td>157.30</td>
<td><i class="fas fa-arrow-up text-success mr-3"></i><span class="text-success">0.47</span></td>
</tr>
<tr>
<td>14.0k</td>
<td>157.30</td>
<td><i class="fas fa-arrow-up text-success mr-3"></i><span class="text-success">0.47</span></td>
</tr>
<tr>
<td>14.0k</td>
<td>157.30</td>
<td><i class="fas fa-arrow-up text-success mr-3"></i><span class="text-success">0.47</span></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
@endsection
@@ -0,0 +1,260 @@
@extends('layouts.indexfifth')
@section('content')
<title>Bayar SAG | Customer Portal</title>
<div class="container">
<div class="row">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item text-dark opacity-5"><a href="portalhome">Home</a></li>
<li class="breadcrumb-item text-dark opacity-5"><a href="senaraibayaransag">Pembayaran</a></li>
<li class="breadcrumb-item text-dark active" aria-current="page">Bayar SAG Pilihan</li>
</ol>
</nav>
</div>
<div class="row">
<div class="col-xl-9 mb-5 mb-xl-0">
<div class="card shadow">
<div class="card-header border-0">
<div class="row align-items-center">
<div class="col">
<h4 class="mb-0">Senarai Surat Gadaian</h4>
</div>
</div>
</div>
<div class="row justify-space-between py-2">
<div class="col-lg-6 mx-auto">
<div class="nav-wrapper position-relative end-0">
<ul class="nav nav-pills nav-fill p-1" role="tablist">
<li class="nav-item">
<a class="nav-link mb-0 px-0 py-1 d-flex align-items-center justify-content-center active" data-bs-toggle="tab" href="#tabs-icons-text-1" role="tab" aria-controls="preview" aria-selected="true">
<i class="material-icons text-sm me-2">person</i> Ar-Rahn
</a>
</li>
<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-2" role="tab" aria-controls="code" aria-selected="false">
<i class="material-icons text-sm me-2">dashboard</i> Tawarruq
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="tabs-icons-text-1" role="tabpanel" aria-labelledby="tabs-icons-text-1-tab">
<div class="table-responsive table-striped text-center">
<table class="table align-items-center table-flush" id="belum_tawarruq">
<thead class="thead-light">
<tr>
<th>No.</th>
<th>No Rujukan</th>
<th>Pembiayaan</th>
<th>Tempoh Simpan</th>
<th>Upah telah bayar</th>
<th>Upah semasa</th>
<th width="20%">Bayaran</th>
</tr>
</thead>
<tbody class="list">
{{-- @php $counter = 1;$jenisbayaran = 'arrahn'; @endphp
@foreach($arraybayar as $index=>$bayar)
@if($bayar['hargajualan'] == '')
@php
$koskeuntungan = Http::get(config('api.url') . '/api/upahbukantawarruq/' . $bayar['kodcaw'] . '/' . $bayar['norujukan'])->json();
@endphp
<tr>
<td>
{{ $counter }}
</td>
<td>
{{ $bayar['norujukan'] }}
</td>
<td>
{{ number_format($bayar['pinjaman'],2) }}
</td>
<td>
{{ number_format($bayar['tempoh'],2) }}
</td>
<td>
{{ number_format($bayar['telahbayar'],2) }}
</td>
<td>
{{ number_format($koskeuntungan,2) }}
</td>
<td>
<select name="sltbayaran" class="form-control mb-2" data-upah="{{ $koskeuntungan }}" data-jenis="arrahn">
<option selected disabled>Pilih Bayaran</option>
<option value="fixed">Amaun Semasa</option>
{{-- <option value="otheramount">Amaun Lain</option> --}}
</select>
{{-- <input type="text" data-pinjaman="{{ $bayar['pinjaman'] }}" data-taglel="{{ $bayar['taglel'] }}" data-upah="{{ $koskeuntungan }}" data-nm="{{ $bayar['nilaimarhun'] }}" data-jenis="arrahn" name="txtbayaranarrahn" readonly class="form-control txtbayaran" />
<input type="hidden" name="txtbayaranhidden[]" class="bayaran" />
<input type="hidden" name="txtupahhidden[]" value="{{ $koskeuntungan }}" />
<input type="hidden" name="txtjbghidden[]" value="{{ $bayar['tempoh'] }}" />
<input type="hidden" name="txtjenisbayaran[]" value="{{ $jenisbayaran }}" />
<input type="hidden" name="txtnorujukanhidden[]" value="{{ $bayar['norujukan'] }}" />
<input type="hidden" name="txtkodcawhidden[]" value="{{ $bayar['kodcaw'] }}" /> --}}
</td>
</tr>
{{-- @php $counter++; @endphp
@endif --}}
{{-- @endforeach --}}
</tbody>
</table>
</div>
</div>
<div class="tab-pane fade" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
<div class="table-responsive table-striped text-center">
<table class="table align-items-center table-flush" id="selepas_tawarruq">
<thead class="thead-light">
<tr>
<th>No</th>
<th>No Rujukan</th>
<th>Pembiayaan Asal</th>
<th>B. Pembiayaan</th>
<th>Tempoh</th>
<th>Keuntungan</th>
<th width="20%">Bayaran</th>
</tr>
</thead>
{{-- @php $counter = 1;$jenisbayaran = 'tawarruq'; @endphp
@foreach($arraybayar as $index=>$bayar)
@if($bayar['hargajualan'] != '')
<tbody class="list">
<tr>
<td>
{{ $counter }}
</td>
<td>
{{ $bayar['norujukan'] }}
</td>
<td>
{{ number_format($bayar['pinjaman'],2) }}
</td>
<td>
{{ number_format($bayar['bakipjm'],2) }}
</td>
<td>
{{ $bayar['tempoh'] }}
</td>
<td>
@php
$upahtawarruq = Http::get(config('api.url') . '/api/upahtawarruq/'. $bayar['kodcaw'] . '/' . $bayar['norujukan'])->json();
@endphp
{{ $upahtawarruq }}
</td>
<td>
<select name="sltbayaran" class="form-control mb-2" data-upah="{{ $upahtawarruq }}" data-jenis="tawarruq">
<option selected disabled>Pilih Bayaran</option>
<option value="fixed">Amaun Semasa</option>
<option value="otheramount">Amaun Lain</option>
</select>
<input type="text" data-bakipjm="{{ $bayar['bakipjm'] }}" data-taglel="{{ $bayar['taglel'] }}" data-upah="{{ $upahtawarruq }}" data-nm="{{ $bayar['nilaimarhun'] }}" data-jenis="tawarruq" name="txtbayarantawarruq" readonly class="form-control txtbayaran" />
<input type="hidden" name="txtbayaranhidden[]" class="bayaran" />
<input type="hidden" name="txtjenisbayaran[]" value="{{ $jenisbayaran }}" />
<input type="hidden" name="txtnorujukanhidden[]" value="{{ $bayar['norujukan'] }}" />
<input type="hidden" name="txtkodcawhidden[]" value="{{ $bayar['kodcaw'] }}" />
</td>
</tr>
</tbody>
@php $counter++; @endphp
@endif
@endforeach --}}
</table>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-3">
<div class="card shadow">
<div class="card-header border-0">
<div class="row align-items-center">
<div class="col">
<h4 class="mb-0">Ringkasan Pembayaran</h4>
</div>
<div class="col text-right">
<i class="fas fa-shopping-cart fa-2x"></i>
</div>
<hr />
</div>
</div>
<div class="form" style="text-align: center;">
<div class="row mb-4 font-weight-light">
<div class="col-7">
<label class="text-dark ml-4 ">Bayaran Ar-Rahn</label>
</div>
<div class="col-5 text-right pr-5">
<span>RM <span id="spanbayaranarrahn">0.00</span></span>
</div>
</div>
<hr />
<div class="row mb--4 font-weight-light">
<div class="col-7">
<label class="text-dark ml-4 ">Bayaran Tawarruq</label>
</div>
<div class="col-5 text-right pr-5">
<span>RM <span id="spanbayarantawarruq">0.00</span></span>
</div>
</div>
<hr />
{{-- <div class="row mb--4 font-weight-light">
<div class="col-7">
<label class="text-dark ml-4">Keuntungan</label>
</div>
<div class="col-5 text-right pr-5">
<span>RM <span id="spankeuntungan">0.00</span></span>
</div>
</div>
<hr/> --}}
<div class="row pb-4 font-weight-light">
<div class="col-7">
<label class="text-dark ml-4">Jumlah Keseluruhan</label>
</div>
<div class="col-5 text-right pr-5">
<span>RM <span id="spanjumlah">0.00</span></span>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-end col-12 mt-3 align-self-end">
<button type="submit" id="bayarsbmt" class="btn btn-primary" disabled onclick="loadingbtn();">Bayar</button>
</div>
</div>
</div>
</div>
@endsection
@@ -0,0 +1,117 @@
@extends('layouts.indexfifth')
@section('content')
@include('modal.marhun')
<title>Pembayaran | Customer Portal</title>
<div class="container">
<div class="row">
<nav aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item text-dark opacity-5"><a href="portalhome">Home</a></li>
<li class="breadcrumb-item text-dark active" aria-current="page">Pembayaran</li>
</ol>
</nav>
</div>
</div>
<div class="row justify-space-between py-2">
<div class="col-lg-6 mx-auto">
<div class="nav-wrapper position-relative end-0">
<ul class="nav nav-pills nav-fill p-1" role="tablist">
<li class="nav-item">
<a class="nav-link mb-0 px-0 py-1 d-flex align-items-center justify-content-center active" data-bs-toggle="tab" href="#arrahn" role="tab" aria-controls="preview" aria-selected="true">
<i class="material-icons text-sm me-2">person</i> Ar-Rahn
</a>
</li>
<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="#tawarruq" role="tab" aria-controls="code" aria-selected="false">
<i class="material-icons text-sm me-2">dashboard</i> Tawarruq
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="container col-11 shadow-lg p-3 bg-white rounded">
<div class="tab-content tab-space">
<div class="tab-pane active" id="arrahn">
<form id="contact-form" method="#" autocomplete="off">
<div class="card-header border-0">
<h5 class="mb-0">Ar-Rahn</h5>
</div>
<div class="table-responsive table-bordered">
<table class="table align-items-center table-flush" id="arrahn">
<thead class="thead-light">
<tr>
<th scope="col" class="sort" data-sort="name">No Rujukan</th>
<th scope="col" class="sort" data-sort="budget">Pinjaman</th>
<th scope="col" class="sort" data-sort="budget">N. Marhun</th>
<th scope="col" class="sort" data-sort="budget">Berat(gm)</th>
<th scope="col" class="sort" data-sort="budget">JBG</th>
<th scope="col" class="sort" data-sort="budget">Upah</th>
<th scope="col" class="sort" data-sort="budget">J.Tebus</th>
<th scope="col" class="sort" data-sort="budget">T.Tebus</th>
</tr>
</thead>
<tbody class="list">
<tr style="text-align: center;">
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
<td>-</td>
</tr>
</tbody>
</table>
</div>
</form>
</div>
<div class="tab-pane" id="tawarruq">
<form id="contact-form" method="#" autocomplete="off">
<div class="card-header border-0">
<h5 class="mb-0">Tawarruq</h5>
</div>
<div class="table-responsive table-bordered">
<table class="table align-items-center table-flush" id="arrahn">
<thead class="thead-light">
<tr>
<th scope="col" class="sort" data-sort="name">No Rujukan</th>
<th scope="col" class="sort" data-sort="budget">Pinjaman</th>
<th scope="col" class="sort" data-sort="budget">N. Marhun</th>
<th scope="col" class="sort" data-sort="budget">Berat(gm)</th>
<th scope="col" class="sort" data-sort="budget">JBG</th>
<th scope="col" class="sort" data-sort="budget">Upah</th>
<th scope="col" class="sort" data-sort="budget">J.Tebus</th>
<th scope="col" class="sort" data-sort="budget">T.Tebus</th>
</tr>
</thead>
<tbody class="list">
<tr style="text-align: center;">
<td>12122</td>
<td>12122</td>
<td>12122</td>
<td>12122</td>
<td>12122</td>
<td>12122</td>
<td>12122</td>
</tr>
</tbody>
</table>
</div>
</form>
</div>
<div class="d-flex flex-row-reverse">
<a type="button" class="btn bg-gradient-primary w-auto me-2" href="bayarsag">Checkout</a>
</div>
</div>
</div>
@endsection
@@ -85,13 +85,13 @@
</a>
</li>
<li class="nav-item ms-lg-auto">
<a class="nav-link nav-link-icon me-2" href="#pemabayaran">
<a class="nav-link nav-link-icon me-2" href="senaraibayaransag">
<i class="fa fa-money me-1"></i>
<p class="d-inline text-sm z-index-1 font-weight-bold" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Transaksi Pembayaran Upah">Pembayaran</p>
</a>
</li>
<li class="nav-item ms-lg-auto">
<a class="nav-link nav-link-icon me-2" href="#analisa">
<a class="nav-link nav-link-icon me-2" href="analisaportal">
<i class="fa fa-line-chart me-1"></i>
<p class="d-inline text-sm z-index-1 font-weight-bold" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Analisa Marhun">Analisa</p>
</a>
@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head>
@include('includes.main.head')
</head>
<body class="about-us bg-gray-200">
@include('includes.main.navigation')
<section class="py-7">
<div class="container-fluid">
@yield('content')
</section>
@include('includes.main.footer')
</body>
</html>
+13 -53
View File
@@ -1,53 +1,13 @@
<div class="row">
<div class="card">
<div class="row">
<div class="col-lg-8">
<div class="card-body">
<h3 class="text-dark">Lifetime Membership</h3>
<p class="font-weight-normal">You have Free Unlimited Updates and Premium Support on each package. You
also have 30 days to request a refund.</p>
<div class="row mt-5 mb-2">
<div class="col-lg-3 col-12">
<h6 class="text-dark tet-uppercase">What's included</h6>
</div>
<div class="col-6">
<hr class="horizontal dark">
</div>
</div>
<div class="row">
<div class="col-lg-6 col-md-6 col-12 ps-0">
<div class="d-flex align-items-center p-2">
<i class="material-icons text-dark font-weight-bold">done</i>
<span class="ps-2">Private code access</span>
</div>
<div class="d-flex align-items-center p-2">
<i class="material-icons text-dark font-weight-bold">done</i>
<span class="ps-2">Free entry to all repositories</span>
</div>
</div>
<div class="col-lg-6 col-md-6 col-12 ps-sm-2 ps-0">
<div class="d-flex align-items-center p-2">
<i class="material-icons text-dark font-weight-bold">done</i>
<span class="ps-2">Pro member accounts</span>
</div>
<div class="d-flex align-items-center p-2">
<i class="material-icons text-dark font-weight-bold">done</i>
<span class="ps-2">Support team full assist</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 my-auto">
<div class="card-body text-center">
<h6 class="mt-sm-4 mt-0 mb-0">Pay once, own it forever</h6>
<h1 class="mt-0">
<small>$</small>399
</h1>
<button type="button" class="btn bg-gradient-danger btn-lg mt-2">Get Access</button>
<p class="text-sm font-weight-normal">Get a free sample (20MB)</p>
</div>
</div>
</div>
</div>
</div>
<!DOCTYPE html>
<html lang="en" itemscope itemtype="http://schema.org/WebPage">
<head>
@include('includes.main.head')
</head>
@include('includes.main.navigation')
@yield('content')
@include('includes.main.footer')
</body>
</html>
@@ -1,342 +1,342 @@
@extends('layouts.app')
@section('content')
@include('layouts.headers.cards')
@include('modal.marhun')
@include('layouts.headers.cards')
@include('modal.marhun')
@error('chkboxsag')
<script>
$.notify({
icon: 'fas fa-exclamation-triangle fa-2x',
newest_on_top: true,
message: "<strong style='font-size:15px;'>Sila pilih salah satu checkbox di atas terlebih dahulu!</strong>"
},{
type: 'danger',
allow_dismiss: false,
placement:{ align:'center',from:'bottom'},
animate: {
enter: 'animate__animated animate__bounce',
@error('chkboxsag')
<script>
$.notify({
icon: 'fas fa-exclamation-triangle fa-2x',
newest_on_top: true,
message: "<strong style='font-size:15px;'>Sila pilih salah satu checkbox di atas terlebih dahulu!</strong>"
}, {
type: 'danger',
allow_dismiss: false,
placement: {
align: 'center',
from: 'bottom'
},
animate: {
enter: 'animate__animated animate__bounce',
exit: 'animate__animated animate__bounceOutDown'
}
});
</script>
@enderror
exit: 'animate__animated animate__bounceOutDown'
}
});
</script>
@enderror
<!-- Header -->
<div class="header bg-primary pb-6">
<div class="container-fluid">
<div class="header-body">
<div class="row align-items-center py-4">
<div class="col-lg-6 col-7">
<!-- Header -->
<div class="header bg-primary pb-6">
<div class="container-fluid">
<div class="header-body">
<div class="row align-items-center py-4">
<div class="col-lg-6 col-7">
<nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
<ol class="breadcrumb breadcrumb-links breadcrumb-dark">
<li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i></a></li>
<li class="breadcrumb-item active" aria-current="page">Senarai Bayaran</li>
</ol>
</nav>
</div>
{{-- <div class="col-lg-6 col-5 text-right">
<nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
<ol class="breadcrumb breadcrumb-links breadcrumb-dark">
<li class="breadcrumb-item"><a href="{{ route('home') }}"><i class="fas fa-home"></i></a></li>
<li class="breadcrumb-item active" aria-current="page">Senarai Bayaran</li>
</ol>
</nav>
</div>
{{-- <div class="col-lg-6 col-5 text-right">
<a href="#" class="btn btn-sm btn-neutral">New</a>
<a href="#" class="btn btn-sm btn-neutral">Filters</a>
</div> --}}
</div>
</div>
</div>
</div>
<!-- Page content -->
<div class="container-fluid mt--6">
<div class="row">
<div class="col">
<br>
<div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
<!-- Card header -->
<div class="card-header border-0">
<h3 class="mb-0">Pembayaran SAG</h3>
</div>
</div>
</div>
<!-- Page content -->
<div class="container-fluid mt--6">
<div class="row">
<div class="col">
<div class="nav-wrapper">
<ul class="nav nav-pills mt-4 " id="tabs-icons-text" role="tablist">
<li class="nav-item">
<a class="nav-link mb-sm-3 mb-md-0 active" id="tabs-icons-text-1-tab" data-toggle="tab" href="#tabs-icons-text-1" role="tab" aria-controls="tabs-icons-text-1" aria-selected="true">Ar-Rahn</a>
</li>
<li class="nav-item">
<a class="nav-link mb-sm-3 mb-md-0" id="tabs-icons-text-2-tab" data-toggle="tab" href="#tabs-icons-text-2" role="tab" aria-controls="tabs-icons-text-2" aria-selected="false">Tawarruq</a>
</li>
</ul>
</div>
<form method="post" action="{{ route('payment.action') }}" onsubmit="return validateform()">
@csrf
<div class="card shadow">
<div class="card-body">
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="tabs-icons-text-1" role="tabpanel" aria-labelledby="tabs-icons-text-1-tab">
<div class="table-responsive table-striped">
<table class="table align-items-center table-flush" id="belum_tawarruq">
<thead class="thead-light">
<tr>
<th>No Rujukan</th>
<th>Pembiayaan</th>
<th>Tempoh Simpan</th>
<th>Upah telah bayar</th>
<th>Upah semasa</th>
<th>Tindakan</th>
</tr>
</thead>
<tbody class="list">
@foreach($belum_tebus as $index=>$bt)
@if($bt['hargajualan'] == '')
@php
<br>
<div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
<!-- Card header -->
<div class="card-header border-0">
<h3 class="mb-0">Pembayaran SAG</h3>
</div>
$koskeuntungan = Http::get(config('api.url') . '/api/upahbukantawarruq/' . $bt['kodcaw'] . '/' . $bt['norujukan'])->json();
$searchonline = Http::get(config('api.url') . '/portal/searchsagonline/',['norujukan' => $bt['norujukan']])->json();
$searchLelong = Http::get(config('api.url').'/api/search/lelong',[
'kodcaw' => $bt['kodcaw'],
'norujukan' => $bt['norujukan']
])->json();
<div class="nav-wrapper">
<ul class="nav nav-pills mt-4 " id="tabs-icons-text" role="tablist">
<li class="nav-item">
<a class="nav-link mb-sm-3 mb-md-0 active" id="tabs-icons-text-1-tab" data-toggle="tab" href="#tabs-icons-text-1" role="tab" aria-controls="tabs-icons-text-1" aria-selected="true">Ar-Rahn</a>
</li>
<li class="nav-item">
<a class="nav-link mb-sm-3 mb-md-0" id="tabs-icons-text-2-tab" data-toggle="tab" href="#tabs-icons-text-2" role="tab" aria-controls="tabs-icons-text-2" aria-selected="false">Tawarruq</a>
</li>
</ul>
</div>
$tarikh_hari_ini = Carbon\Carbon::now()->toDateString();
<form method="post" action="{{ route('payment.action') }}" onsubmit="return validateform()">
@csrf
<div class="card shadow">
<div class="card-body">
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="tabs-icons-text-1" role="tabpanel" aria-labelledby="tabs-icons-text-1-tab">
<div class="table-responsive table-striped">
<table class="table align-items-center table-flush" id="belum_tawarruq">
<thead class="thead-light">
<tr>
<th>No Rujukan</th>
<th>Pembiayaan</th>
<th>Tempoh Simpan</th>
<th>Upah telah bayar</th>
<th>Upah semasa</th>
<th>Tindakan</th>
</tr>
</thead>
<tbody class="list">
@foreach($belum_tebus as $index=>$bt)
@if($bt['hargajualan'] == '')
@php
if($searchLelong){
$t_lelong = Carbon\Carbon::parse($searchLelong['t_lelong'].' 00:00:00');
$tarikhini = Carbon\Carbon::parse($tarikh_hari_ini.' 00:00:00');
$diff=date_diff($tarikhini,$t_lelong);
$diff = (int)$diff->format("%R%a");
if($diff <= 2){
// 'messageamaran'=>'Rekod Gadaian Dalam Proses Lelong, Sila Hadir ke Cawangan.'
}elseif($searchLelong['t_jual'] != null && $searchLelong['hargajual'] != 0.00){
// 'messageamaran'=>'Rekod Gadaian Telah Dilelong.'
}
}
@endphp
<tr {{ ($searchonline) ? 'style=background-color:#81ecec;' : '' }}>
<td scope="row">
<div class="media align-items-center">
<div class="media-body">
@php
$marhun = Http::get(config('api.url') . '/api/marhun/' . $bt['norujukan'] )->json();
@endphp
<a href="#" class="linktarget" data-toggle="modal" data-marhun="{{ json_encode($marhun) }}" data-pinjaman="{{$bt['pinjaman']}}" data-norujukan="{{$bt['norujukan']}}" data-hargajualan="{{$bt['hargajualan']}}" data-kodcaw="{{ $bt['kodcaw'] }}" data-target="#marhunModal"><span class="name mb-0 text-sm">{{ $bt['norujukan'] }}</span></a>
</div>
</div>
</td>
<td>
{{ number_format($bt['pinjaman'],2) }}
</td>
<td>
{{ number_format($bt['tempoh'],2) }}
</td>
<td>
{{ number_format($bt['telahbayar'],2) }}
</td>
<td>
{{ number_format($koskeuntungan,2) }}
</td>
<td>
<input type="checkbox" name="chkboxsag[]" value="{{ $bt['norujukan'] }}" id="sag-{{ $loop->iteration }}" data-norujukan="{{ $bt['norujukan'] }}" {{ ($searchonline || $koskeuntungan <= 0) ? 'disabled' : '' }}/>
</td>
</tr>
@endif
@endforeach
</tbody>
</table>
$koskeuntungan = Http::get(config('api.url') . '/api/upahbukantawarruq/' . $bt['kodcaw'] . '/' . $bt['norujukan'])->json();
$searchonline = Http::get(config('api.url') . '/portal/searchsagonline/',['norujukan' => $bt['norujukan']])->json();
$searchLelong = Http::get(config('api.url').'/api/search/lelong',[
'kodcaw' => $bt['kodcaw'],
'norujukan' => $bt['norujukan']
])->json();
$tarikh_hari_ini = Carbon\Carbon::now()->toDateString();
if($searchLelong){
$t_lelong = Carbon\Carbon::parse($searchLelong['t_lelong'].' 00:00:00');
$tarikhini = Carbon\Carbon::parse($tarikh_hari_ini.' 00:00:00');
$diff=date_diff($tarikhini,$t_lelong);
$diff = (int)$diff->format("%R%a");
if($diff <= 2){ // 'messageamaran'=>'Rekod Gadaian Dalam Proses Lelong, Sila Hadir ke Cawangan.'
}elseif($searchLelong['t_jual'] != null && $searchLelong['hargajual'] != 0.00){
// 'messageamaran'=>'Rekod Gadaian Telah Dilelong.'
}
}
@endphp
<tr {{ ($searchonline) ? 'style=background-color:#81ecec;' : '' }}>
<td scope="row">
<div class="media align-items-center">
<div class="media-body">
@php
$marhun = Http::get(config('api.url') . '/api/marhun/' . $bt['norujukan'] )->json();
@endphp
<a href="#" class="linktarget" data-toggle="modal" data-marhun="{{ json_encode($marhun) }}" data-pinjaman="{{$bt['pinjaman']}}" data-norujukan="{{$bt['norujukan']}}" data-hargajualan="{{$bt['hargajualan']}}" data-kodcaw="{{ $bt['kodcaw'] }}" data-target="#marhunModal"><span class="name mb-0 text-sm">{{ $bt['norujukan'] }}</span></a>
</div>
</div>
</div>
<div class="tab-pane fade" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
<!-- Light table -->
<div class="table-responsive table-striped">
<table class="table align-items-center table-flush" id="selepas_tawarruq">
<thead class="thead-light">
<tr>
<th>No Rujukan</th>
<th>Pembiayaan</th>
<th>B. Pembiayaan</th>
<th>Keuntungan (6bulan)</th>
<th>Keuntungan</th>
<th>Tindakan</th>
</tr>
</thead>
<tbody class="list">
@foreach($belum_tebus as $index=>$bt)
@if($bt['hargajualan'] != '')
@php
$searchonline = Http::get(config('api.url') . '/portal/searchsagonline/',['norujukan' => $bt['norujukan']])->json();
$searchLelong = Http::get(config('api.url').'/api/search/lelong',[
'kodcaw' => $bt['kodcaw'],
'norujukan' => $bt['norujukan']
])->json();
if($searchLelong){
$t_lelong = Carbon\Carbon::parse($searchLelong['t_lelong'].' 00:00:00');
$tarikhini = Carbon\Carbon::parse($tarikh_hari_ini.' 00:00:00');
$diff=date_diff($tarikhini,$t_lelong);
$diff = (int)$diff->format("%R%a");
if($diff <= 2){
// 'messageamaran'=>'Rekod Gadaian Dalam Proses Lelong, Sila Hadir ke Cawangan.'
}elseif($searchLelong['t_jual'] != null && $searchLelong['hargajual'] != 0.00){
// 'messageamaran'=>'Rekod Gadaian Telah Dilelong.'
}
}
$koskeuntungan = Http::get(config('api.url') . '/api/upahtawarruq/' . $bt['kodcaw'] . '/' . $bt['norujukan'])->json();
$keuntungan_1bln = $bt['pinjaman'] * ($bt['kadarupah'] / 100);
$ten_percent = floatval($bt['nilaimarhun']) * 0.1;
$baki_pinjaman = floatval($bt['bakipjm']);
$max_bayaran = $baki_pinjaman - $ten_percent;
@endphp
<tr {{ ($searchonline) ? 'style=background-color:#81ecec;' : '' }}>
<th scope="row">
<div class="media align-items-center">
<div class="media-body">
@php
$marhun = Http::get(config('api.url') . '/api/marhun/' . $bt['norujukan'] )->json();
@endphp
<a href="#" class="linktarget" data-toggle="modal" data-marhun="{{ json_encode($marhun) }}" data-pinjaman="{{$bt['pinjaman']}}" data-norujukan="{{$bt['norujukan']}}" data-hargajualan="{{$bt['hargajualan']}}" data-kodcaw="{{ $bt['kodcaw'] }}" data-target="#marhunModal"><span class="name mb-0 text-sm">{{ $bt['norujukan'] }}</span></a>
</div>
</div>
</th>
<td>
{{ number_format($bt['pinjaman'],2) }}
</td>
<td>
{{ number_format($bt['bakipjm'],2) }}
</td>
<td>
{{ number_format($bt['bakiupah'],2) }}
</td>
<td>
{{ number_format($koskeuntungan,2) }}
</td>
<td>
<input type="checkbox" name="chkboxsag[]" value="{{ $bt['norujukan'] }}" id="sag-{{ $loop->iteration }}" data-norujukan="{{ $bt['norujukan'] }}" {{ ($searchonline || $koskeuntungan <= 0) ? 'disabled' : '' }}/>
{{-- <i data-toggle="tooltip" title="Hooray!" class="fas fa-exclamation-circle ml-3 text-right" style="font-size: 20px;"></i> --}}
</td>
</tr>
@endif
@endforeach
</tbody>
</table>
</div>
<br>
</div>
</div>
</div>
</td>
<td>
{{ number_format($bt['pinjaman'],2) }}
</td>
<td>
{{ number_format($bt['tempoh'],2) }}
</td>
<td>
{{ number_format($bt['telahbayar'],2) }}
</td>
<td>
{{ number_format($koskeuntungan,2) }}
</td>
<td>
<input type="checkbox" name="chkboxsag[]" value="{{ $bt['norujukan'] }}" id="sag-{{ $loop->iteration }}" data-norujukan="{{ $bt['norujukan'] }}" {{ ($searchonline || $koskeuntungan <= 0) ? 'disabled' : '' }} />
</td>
</tr>
@endif
@endforeach
</tbody>
</table>
</div>
</div>
<div class="tab-pane fade" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
<div class="d-flex justify-content-end mt-2">
<button type="submit" class="btn btn-primary" onclick="loadingbtn();">Checkout<span class="rounded bg-red ml-2 pr-1 pl-1" id="totalsag">0</span></button>
<!-- Light table -->
<div class="table-responsive table-striped">
<table class="table align-items-center table-flush" id="selepas_tawarruq">
<thead class="thead-light">
<tr>
<th>No Rujukan</th>
<th>Pembiayaan</th>
<th>B. Pembiayaan</th>
<th>Keuntungan (6bulan)</th>
<th>Keuntungan</th>
<th>Tindakan</th>
</tr>
</thead>
<tbody class="list">
@foreach($belum_tebus as $index=>$bt)
@if($bt['hargajualan'] != '')
@php
$searchonline = Http::get(config('api.url') . '/portal/searchsagonline/',['norujukan' => $bt['norujukan']])->json();
$searchLelong = Http::get(config('api.url').'/api/search/lelong',[
'kodcaw' => $bt['kodcaw'],
'norujukan' => $bt['norujukan']
])->json();
if($searchLelong){
$t_lelong = Carbon\Carbon::parse($searchLelong['t_lelong'].' 00:00:00');
$tarikhini = Carbon\Carbon::parse($tarikh_hari_ini.' 00:00:00');
$diff=date_diff($tarikhini,$t_lelong);
$diff = (int)$diff->format("%R%a");
if($diff <= 2){ // 'messageamaran'=>'Rekod Gadaian Dalam Proses Lelong, Sila Hadir ke Cawangan.'
}elseif($searchLelong['t_jual'] != null && $searchLelong['hargajual'] != 0.00){
// 'messageamaran'=>'Rekod Gadaian Telah Dilelong.'
}
}
$koskeuntungan = Http::get(config('api.url') . '/api/upahtawarruq/' . $bt['kodcaw'] . '/' . $bt['norujukan'])->json();
$keuntungan_1bln = $bt['pinjaman'] * ($bt['kadarupah'] / 100);
$ten_percent = floatval($bt['nilaimarhun']) * 0.1;
$baki_pinjaman = floatval($bt['bakipjm']);
$max_bayaran = $baki_pinjaman - $ten_percent;
@endphp
<tr {{ ($searchonline) ? 'style=background-color:#81ecec;' : '' }}>
<th scope="row">
<div class="media align-items-center">
<div class="media-body">
@php
$marhun = Http::get(config('api.url') . '/api/marhun/' . $bt['norujukan'] )->json();
@endphp
<a href="#" class="linktarget" data-toggle="modal" data-marhun="{{ json_encode($marhun) }}" data-pinjaman="{{$bt['pinjaman']}}" data-norujukan="{{$bt['norujukan']}}" data-hargajualan="{{$bt['hargajualan']}}" data-kodcaw="{{ $bt['kodcaw'] }}" data-target="#marhunModal"><span class="name mb-0 text-sm">{{ $bt['norujukan'] }}</span></a>
</div>
</div>
</th>
<td>
{{ number_format($bt['pinjaman'],2) }}
</td>
<td>
{{ number_format($bt['bakipjm'],2) }}
</td>
<td>
{{ number_format($bt['bakiupah'],2) }}
</td>
<td>
{{ number_format($koskeuntungan,2) }}
</td>
<td>
<input type="checkbox" name="chkboxsag[]" value="{{ $bt['norujukan'] }}" id="sag-{{ $loop->iteration }}" data-norujukan="{{ $bt['norujukan'] }}" {{ ($searchonline || $koskeuntungan <= 0) ? 'disabled' : '' }} />
{{-- <i data-toggle="tooltip" title="Hooray!" class="fas fa-exclamation-circle ml-3 text-right" style="font-size: 20px;"></i> --}}
</td>
</tr>
@endif
@endforeach
</tbody>
</table>
</div>
<br>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="d-flex justify-content-end mt-2">
<button type="submit" class="btn btn-primary" onclick="loadingbtn();">Checkout<span class="rounded bg-red ml-2 pr-1 pl-1" id="totalsag">0</span></button>
</div>
</form>
</div>
</div>
</div>
<script>
var belumtawarruqtable = $('#belum_tawarruq').DataTable({
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
language: {
'paginate': {
'previous': '<span class="fas fa-backward"></span>',
'next': '<span class="fas fa-forward"></span>'
}
}
});
</div>
var selepastawarruqtable = $('#selepas_tawarruq').DataTable({
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
language: {
'paginate': {
'previous': '<span class="fas fa-backward"></span>',
'next': '<span class="fas fa-forward"></span>'
}
}
});
$("input[type='checkbox'][name='chkboxsag[]']").click(function () {
var count = parseInt($('#totalsag').text());
if ($(this).is(':checked')) {
var total = count + 1;
$('#totalsag').text(total);
}else{
var total = count - 1;
$('#totalsag').text(total);
}
});
function validateform()
{
return true;
<script>
var belumtawarruqtable = $('#belum_tawarruq').DataTable({
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
language: {
'paginate': {
'previous': '<span class="fas fa-backward"></span>',
'next': '<span class="fas fa-forward"></span>'
}
}
});
var api_url = "{{ config('api.url') }}";
var selepastawarruqtable = $('#selepas_tawarruq').DataTable({
"bLengthChange": false,
"bFilter": true,
"bInfo": false,
language: {
'paginate': {
'previous': '<span class="fas fa-backward"></span>',
'next': '<span class="fas fa-forward"></span>'
}
}
});
$('.linktarget').on('click', function(event) {
$("input[type='checkbox'][name='chkboxsag[]']").click(function() {
var count = parseInt($('#totalsag').text());
if ($(this).is(':checked')) {
var total = count + 1;
$('#totalsag').text(total);
} else {
var total = count - 1;
$('#totalsag').text(total);
}
});
var arraymarhun = $(this).data('marhun');
var norujukan = $(this).data('norujukan');
var kodcaw = $(this).data('kodcaw');
var hargajualan = $(this).data('hargajualan');
var pinjaman = $(this).data('pinjaman');
$('#norujukan_modal').val(norujukan);
$('#pinjaman_modal').val(pinjaman);
$('#tablemarhun').empty();
var bil_count = 0;
$.each(arraymarhun,function(index,marhun){
$.each(marhun, function(index2,marhun_detail){
var marhun_name;
$.ajax({
method:'GET',
url: api_url + '/api/jemas/nama_marhun',
dataType: 'json',
data:{
marhun:marhun_detail['marhun']
},
success:function(marhun_ajax){
bil_count++;
$("#tablemarhun").append("<tr><td>" + bil_count + "</td><td>" + marhun_ajax['descpt'] +"</td><td>" + marhun_detail['berat'] +"</td><td>" + marhun_detail['karat'] +"</td><td>RM " + marhun_detail['n_marhun'].toLocaleString(undefined,{minimumFractionDigits:2}) +"</td><td>"+ marhun_detail['nota'] +"</td></tr>");
}
});
});
function validateform() {
return true;
}
var api_url = "{{ config('api.url') }}";
$('.linktarget').on('click', function(event) {
var arraymarhun = $(this).data('marhun');
var norujukan = $(this).data('norujukan');
var kodcaw = $(this).data('kodcaw');
var hargajualan = $(this).data('hargajualan');
var pinjaman = $(this).data('pinjaman');
$('#norujukan_modal').val(norujukan);
$('#pinjaman_modal').val(pinjaman);
$('#tablemarhun').empty();
var bil_count = 0;
$.each(arraymarhun, function(index, marhun) {
$.each(marhun, function(index2, marhun_detail) {
var marhun_name;
$.ajax({
method: 'GET',
url: api_url + '/api/jemas/nama_marhun',
dataType: 'json',
data: {
marhun: marhun_detail['marhun']
},
success: function(marhun_ajax) {
bil_count++;
$("#tablemarhun").append("<tr><td>" + bil_count + "</td><td>" + marhun_ajax['descpt'] + "</td><td>" + marhun_detail['berat'] + "</td><td>" + marhun_detail['karat'] + "</td><td>RM " + marhun_detail['n_marhun'].toLocaleString(undefined, {
minimumFractionDigits: 2
}) + "</td><td>" + marhun_detail['nota'] + "</td></tr>");
}
});
});
});
if (document.addEventListener) {
window.addEventListener('pageshow', function (event) {
if (event.persisted || window.performance && window.performance.navigation.type == 2)
{
$('#logout-form').submit();
// location.reload();
}
},
false);
}
});
</script>
if (document.addEventListener) {
window.addEventListener('pageshow', function(event) {
if (event.persisted || window.performance && window.performance.navigation.type == 2) {
$('#logout-form').submit();
// location.reload();
}
},
false);
}
</script>
@endsection
@push('js')
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.min.js"></script>
<script src="{{ asset('argon') }}/vendor/chart.js/dist/Chart.extension.js"></script>
@endpush