Merge branch 'second' into 'main'

Second

See merge request online-sistem1/arrahn-portal!5
This commit is contained in:
hafifie rahman
2022-01-20 08:17:12 +00:00
17 changed files with 1086 additions and 648 deletions
+8 -5
View File
@@ -90,14 +90,17 @@ class AnalisaController extends Controller
}
}
//Harga Emas
$financemonth = Http::get(config('api.url') .'/portal/financeMonth/',['icno' => $kpbaru])->json();
// dd(json_encode($financemonth));
// $StatistikBulanan = Http::get(config('api.url') .'/portal/financeMonth/',['icno' => $kpbaru])->json();
$financemonth = json_encode(array_values($financemonth));
// dd($financemonth);
// return view('analisa.index', compact("totalgadai",'bilangan_belum_tebus','belum_tebus','hargaemasterdahulu','bilangan_melebihi_6_bulan','bilakandilelong'));
return view('includes.analisaportal', compact("totalgadai",'bilangan_belum_tebus','belum_tebus','hargaemasterdahulu','bilangan_melebihi_6_bulan','bilakandilelong'));
return view('includes.analisaportal', compact("totalgadai",'bilangan_belum_tebus','belum_tebus','hargaemasterdahulu','bilangan_melebihi_6_bulan','bilakandilelong','financemonth'));
}
}
+3 -2
View File
@@ -31,7 +31,8 @@ class SemakController extends Controller
{
$validated = $request->validate([
'sltcawangan' => 'required'
'sltcawangan' => 'required',
'namacawangan' => 'required'
]);
$auth_user = Auth::user();
@@ -40,7 +41,7 @@ class SemakController extends Controller
$sudah_tebus = Http::get(config('api.url') . '/api/customers/'. $auth_user['icno'] . '/gadai/' . 'sudah_tebus/' . $request->sltcawangan)->json();
// return view('semak.senaraisag', compact('belum_tebus','sudah_tebus'));
return view('includes.rekod.rekodsag', compact('belum_tebus','sudah_tebus'));
return view('includes.rekod.rekodsag', compact('belum_tebus','sudah_tebus', 'validated'));
}
public function PenyataSummary($kodcaw,$norujukan)
-212
View File
@@ -905,215 +905,3 @@ var Charts = (function() {
};
})();
//
// Orders chart
//
var OrdersChart = (function() {
//
// Variables
//
var $chart = $('#chart-orders');
var $ordersSelect = $('[name="ordersSelect"]');
//
// Methods
//
// Init chart
function initChart($chart) {
var datafinance = [];
var PembiayaanBulanan = new Array();
var BayaranBulanan = new Array();
var NamaBulan = new Array();
$.ajax({
url: api_url + '/portal/financeMonth/',
data:{'icno' : icno},
method:'GET',
async:false,
success:function(data){
datafinance = data;
}
});
$.each(datafinance,function(index,finance){
PembiayaanBulanan.push(finance['pembiayaan']);
BayaranBulanan.push(finance['bayaran']);
NamaBulan.push(finance['namabulan']);
});
PembiayaanBulanan.reverse();
BayaranBulanan.reverse();
NamaBulan.reverse();
const formatter = new Intl.NumberFormat('en-US', {
});
// Create chart
var ordersChart = new Chart($chart, {
type: 'bar',
options: {
scales: {
yAxes: [{
ticks: {
callback: function(value) {
if (!(value % 10)) {
//return '$' + value + 'k'
return formatter.format(value)
}
}
}
}]
},
tooltips: {
callbacks: {
label: function(item, data) {
var label = data.datasets[item.datasetIndex].label || '';
var yLabel = item.yLabel;
var content = '';
if (data.datasets.length > 1) {
content += '<span class="popover-body-label mr-auto">' + label + '</span>';
}
content += '<span class="popover-body-value">' + yLabel + '</span>';
return content;
}
}
}
},
data: {
labels: NamaBulan,
datasets: [{
label: 'Pembiayaan',
data: PembiayaanBulanan
}]
}
});
// Save to jQuery object
$chart.data('chart', ordersChart);
}
// Init chart
if ($chart.length) {
initChart($chart);
}
})();
//
// Charts
//
'use strict';
//
// Sales chart
//
var SalesChart = (function() {
// Variables
var $chart = $('#chart-sales');
// Methods
function init($chart) {
var datafinance = [];
var PembiayaanBulanan = new Array();
var BayaranBulanan = new Array();
var NamaBulan = new Array();
$.ajax({
url: api_url + '/portal/financeMonth/',
data:{'icno' : icno},
method:'GET',
async:false,
success:function(data){
datafinance = data;
}
});
$.each(datafinance,function(index,finance){
PembiayaanBulanan.push(finance['pembiayaan']);
BayaranBulanan.push(finance['bayaran']);
NamaBulan.push(finance['namabulan']);
});
PembiayaanBulanan.reverse();
BayaranBulanan.reverse();
NamaBulan.reverse();
const formatter = new Intl.NumberFormat('en-US', {
});
var salesChart = new Chart($chart, {
type: 'line',
options: {
scales: {
yAxes: [{
gridLines: {
color: Charts.colors.gray[900],
zeroLineColor: Charts.colors.gray[900]
},
ticks: {
callback: function(value) {
if (!(value % 10)) {
return 'RM' + formatter.format(value);
}
}
}
}]
},
tooltips: {
callbacks: {
label: function(item, data) {
var label = data.datasets[item.datasetIndex].label || '';
var yLabel = item.yLabel;
var content = '';
if (data.datasets.length > 1) {
content += '<span class="popover-body-label mr-auto">' + label + '</span>';
}
content += '<span class="popover-body-value">RM' + formatter.format(yLabel) + '</span>';
return content;
}
}
}
},
data: {
labels: NamaBulan,
datasets: [{
label: 'Prestasi',
data: BayaranBulanan
}]
}
});
// Save to jQuery object
$chart.data('chart', salesChart);
};
// Events
if ($chart.length) {
init($chart);
}
})();
+69 -120
View File
@@ -1,137 +1,86 @@
@extends('layouts.app', ['class' => 'bg-white'])
@extends('includes.login.index')
@section('content')
{{-- @include('layouts.headers.guest') --}}
<div class="user-login-5 ">
<div class="row h-100 w-100 d-flex justify-content-center mx-auto">
<div class="col-md-6 col-xl-6">
<div class="container text-center mt-7">
<img class="login-logo login-6" src="{{ asset('argon') }}/login/logo_arrahn_baru.png">
<div class="container mt-5">
<title>Lupa Kata Laluan | Customer Portal</title>
@if (session('status'))
{{-- <div class="alert alert-success" role="alert">
<h6 style="text-align: center; margin-bottom: 10%;">Lupa Kata Laluan</h6>
@if (session('status'))
{{-- <div class="alert alert-success" role="alert">
{{ session('status') }}
</div> --}}
<script>
var status = "{{ session('status') }}";
$.notify({
icon: 'far fa-check-circle fa-2x',
newest_on_top: true,
message: "<strong class='text-center' style='font-size:15px;'>" + status + "</strong>"
}, {
type: 'success',
allow_dismiss: false,
placement: {
align: 'center',
from: 'bottom'
},
animate: {
enter: 'animate__animated animate__bounce',
</div> --}}
<script>
var status = "{{ session('status') }}";
$.notify({
icon: 'far fa-check-circle fa-2x',
newest_on_top: true,
message: "<strong class='text-center' style='font-size:15px; color: #ffff;'>" + status + "</strong>"
}, {
type: 'success',
allow_dismiss: false,
placement: {
align: 'center',
from: 'bottom'
},
animate: {
enter: 'animate__animated animate__bounce',
exit: 'animate__animated animate__bounceOutDown'
}
});
</script>
@endif
exit: 'animate__animated animate__bounceOutDown'
}
});
</script>
@endif
@if (session('info'))
{{-- <div class="alert alert-info" role="alert">
@if (session('info'))
{{-- <div class="alert alert-info" role="alert">
{{ session('info') }}
</div> --}}
<script>
var status = "{{ session('info') }}";
$.notify({
icon: 'fas fa-info fa-2x',
newest_on_top: true,
message: "<strong style='font-size:15px;'>" + status + "</strong>"
}, {
type: 'info',
allow_dismiss: false,
placement: {
align: 'center',
from: 'bottom'
},
animate: {
enter: 'animate__animated animate__bounce',
</div> --}}
<script>
var status = "{{ session('info') }}";
$.notify({
icon: 'fas fa-info fa-2x',
newest_on_top: true,
message: "<strong style='font-size:15px;'>" + status + "</strong>"
}, {
type: 'info',
allow_dismiss: false,
placement: {
align: 'center',
from: 'bottom'
},
animate: {
enter: 'animate__animated animate__bounce',
exit: 'animate__animated animate__bounceOutDown'
}
});
</script>
@endif
exit: 'animate__animated animate__bounceOutDown'
}
});
</script>
@endif
<form role="form" method="POST" action="{{ route('password.email') }}">
@csrf
<div class="row d-flex justify-content-center">
<div class="col-xs-5 col-xl-5 ">
<div class="form-group {{ $errors->has('email') ? ' has-danger' : '' }}">
<input placeholder="Emel" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" type="email" name="email" value="{{ old('email') }}" id="login-username" required autofocus aria-required="true">
</div>
@if ($errors->has('email'))
<span class="invalid-feedback" style="display: block;margin-top:-10px !important;" role="alert">
<strong>{{ $errors->first('email') }}</strong>
</span>
@endif
</div>
</div>
<form role="form" method="POST" action="{{ route('password.email') }}">
@csrf
<p>Sila masukkan emel</p>
<div class="input-group input-group-outline my-3">
<div class="text-center">
<button type="submit" class="btn btn-success my-4">{{ __('Tetap Semula Katalaluan') }}</button>
</div>
<br>
<div class="row">
<div class="col-sm-12 col-xs-12 forgetpassword">
<center>
<div class="forgot-password">
<a href="{{ route('auth.registerfirst') }}" class="text-light">
<font color="#3598dc">Pertama Kali</font>
</a> |@if (Route::has('password.request')) <a href="#" class="text-light">
<font color="#3598dc">Lupa Katalaluan</font>
</a>@endif
{{-- <a href="{{ route('auth.registerfirst') }}" class="text-light"><font color="#3598dc">Pertama Kali</font></a> |@if (Route::has('password.request')) <a href="{{ route('password.request') }}" class="text-light">
<font color="#3598dc">Lupa Katalaluan</font>
</a>@endif --}}
</div>
<div style="font-size: 10px;"><br><br>Paparan terbaik menggunakan Mozilla Firefox, Google Chrome & Internet Explorer 9.0 ke atas dengan resolusi 1920 x 1080</div>
</center>
</div>
</div>
</form>
</div>
<input placeholder="Emel" type="email" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" name="email" value="{{ old('email') }}" id="login-username">
</div>
@if ($errors->has('email'))
<span class="invalid-feedback" style="display: block;margin-top:-10px !important;" role="alert">
<strong>{{ $errors->first('email') }}</strong>
</span>
@endif
<br>
</div>
<div class="col-md-6 col-xl-6 py-0 px-0">
<div class="text-center">
<button type="submit" class="btn bg-gradient-dark w-100 my-4 mb-2" style="background: #4A4E59;">Tetap Semula Kata Laluan</button>
</div>
<p class="mt-6 text-sm text-center">
@include('auth.slides.slidespage')
<a href="{{ route('auth.registerfirst') }}">Pertama Kali</a>
<a href="#" class="text-dark text-gradient font-weight-bold"> | </a>
<a href="{{ route('login') }}">Log-Masuk</a>
</p>
</form>
</div>
</div>
</div>
<script>
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {
slideIndex = 1
}
slides[slideIndex - 1].style.display = "block";
setTimeout(showSlides, 10000); // Change image every 2 seconds
}
</script>
@endsection
@@ -0,0 +1,137 @@
@extends('layouts.app', ['class' => 'bg-white'])
@section('content')
{{-- @include('layouts.headers.guest') --}}
<div class="user-login-5 ">
<div class="row h-100 w-100 d-flex justify-content-center mx-auto">
<div class="col-md-6 col-xl-6">
<div class="container text-center mt-7">
<img class="login-logo login-6" src="{{ asset('argon') }}/login/logo_arrahn_baru.png">
<div class="container mt-5">
@if (session('status'))
{{-- <div class="alert alert-success" role="alert">
{{ session('status') }}
</div> --}}
<script>
var status = "{{ session('status') }}";
$.notify({
icon: 'far fa-check-circle fa-2x',
newest_on_top: true,
message: "<strong class='text-center' style='font-size:15px;'>" + status + "</strong>"
}, {
type: 'success',
allow_dismiss: false,
placement: {
align: 'center',
from: 'bottom'
},
animate: {
enter: 'animate__animated animate__bounce',
exit: 'animate__animated animate__bounceOutDown'
}
});
</script>
@endif
@if (session('info'))
{{-- <div class="alert alert-info" role="alert">
{{ session('info') }}
</div> --}}
<script>
var status = "{{ session('info') }}";
$.notify({
icon: 'fas fa-info fa-2x',
newest_on_top: true,
message: "<strong style='font-size:15px;'>" + status + "</strong>"
}, {
type: 'info',
allow_dismiss: false,
placement: {
align: 'center',
from: 'bottom'
},
animate: {
enter: 'animate__animated animate__bounce',
exit: 'animate__animated animate__bounceOutDown'
}
});
</script>
@endif
<form role="form" method="POST" action="{{ route('password.email') }}">
@csrf
<div class="row d-flex justify-content-center">
<div class="col-xs-5 col-xl-5 ">
<div class="form-group {{ $errors->has('email') ? ' has-danger' : '' }}">
<input placeholder="Emel" class="form-control{{ $errors->has('email') ? ' is-invalid' : '' }}" placeholder="{{ __('Email') }}" type="email" name="email" value="{{ old('email') }}" id="login-username" required autofocus aria-required="true">
</div>
@if ($errors->has('email'))
<span class="invalid-feedback" style="display: block;margin-top:-10px !important;" role="alert">
<strong>{{ $errors->first('email') }}</strong>
</span>
@endif
</div>
</div>
<div class="text-center">
<button type="submit" class="btn btn-success my-4">{{ __('Tetap Semula Katalaluan') }}</button>
</div>
<br>
<div class="row">
<div class="col-sm-12 col-xs-12 forgetpassword">
<center>
<div class="forgot-password">
<a href="{{ route('auth.registerfirst') }}" class="text-light">
<font color="#3598dc">Pertama Kali</font>
</a> |@if (Route::has('password.request')) <a href="#" class="text-light">
<font color="#3598dc">Lupa Katalaluan</font>
</a>@endif
{{-- <a href="{{ route('auth.registerfirst') }}" class="text-light"><font color="#3598dc">Pertama Kali</font></a> |@if (Route::has('password.request')) <a href="{{ route('password.request') }}" class="text-light">
<font color="#3598dc">Lupa Katalaluan</font>
</a>@endif --}}
</div>
<div style="font-size: 10px;"><br><br>Paparan terbaik menggunakan Mozilla Firefox, Google Chrome & Internet Explorer 9.0 ke atas dengan resolusi 1920 x 1080</div>
</center>
</div>
</div>
</form>
</div>
</div>
<br>
</div>
<div class="col-md-6 col-xl-6 py-0 px-0">
@include('auth.slides.slidespage')
</div>
</div>
</div>
<script>
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = document.getElementsByClassName("mySlides");
for (i = 0; i < slides.length; i++) {
slides[i].style.display = "none";
}
slideIndex++;
if (slideIndex > slides.length) {
slideIndex = 1
}
slides[slideIndex - 1].style.display = "block";
setTimeout(showSlides, 10000); // Change image every 2 seconds
}
</script>
@endsection
+608 -10
View File
@@ -169,7 +169,7 @@
<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="col-xl-7 mb-5 mb-xl-0">
<div class="card shadow">
<div class="card-header border-0">
<div class="row align-items-center">
@@ -180,7 +180,7 @@
</div>
<div class="table-responsive">
<!-- Projects table -->
<table class="table align-items-center table-bordered table-hover" style="text-align: center;" id="sag_aktif">
<table class="table align-items-center table-bordered table-hover" style="text-align: center; width: 100%" id="sag_aktif">
<thead class="thead-light">
<tr>
<th scope="col">No. SAG</th>
@@ -191,7 +191,7 @@
@foreach($belum_tebus as $index1=>$bt)
<tr>
<td>{{ $bt['norujukan'] }}</td>
<td>{{ $bt['pinjaman'] }}</td>
<td>{{ number_format($bt['pinjaman'],2) }}</td>
</tr>
@endforeach
<!-- <tr>
@@ -203,21 +203,18 @@
</div>
</div>
</div>
<div class="col-xl-4">
<div class="col-xl-5">
<div class="card shadow">
<div class="card-header border-0">
<div class="row align-items-center">
<div class="col">
<h4 class="mb-0 text-primary">Harga Emas</h4>
</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-bordered table-hover" id="harga_emas" style="text-align: center;">
<table class="table align-items-center table-bordered table-hover" id="harga_emas" style="text-align: center; width: 100%">
<thead class="thead-dark">
<tr>
<th>Karat</th>
@@ -269,18 +266,23 @@
<script>
var api_url = "{{ config('api.url') }}";
var icno = "{{ Auth::User()->icno }}";
var datafin = "{{ $financemonth }}";
datafin = datafin.replace(/&quot;/g, '\"');
datafin = JSON.parse(datafin);
var hargaemastable = $('#harga_emas').DataTable({
"bLengthChange": false,
"bFilter": false,
"paging": false,
"pagingType": "simple",
language: {
'paginate': {
'previous': '<span class="fas fa-backward"></span>',
'next': '<span class="fas fa-forward"></span>'
}
}
},
"scrollX": true,
"pageLength": 5
});
@@ -288,6 +290,7 @@
"bLengthChange": false,
"bFilter": false,
"pageLength": 5,
"scrollX": true,
"pagingType": "simple",
language: {
'paginate': {
@@ -296,6 +299,601 @@
}
}
});
//
// Charts
//
'use strict';
var Charts = (function() {
// Variable
var $toggle = $('[data-toggle="chart"]');
var mode = 'light';//(themeMode) ? themeMode : 'light';
var fonts = {
base: 'Open Sans'
}
// Colors
var colors = {
gray: {
100: '#f6f9fc',
200: '#e9ecef',
300: '#dee2e6',
400: '#ced4da',
500: '#adb5bd',
600: '#8898aa',
700: '#525f7f',
800: '#32325d',
900: '#212529'
},
theme: {
'default': '#172b4d',
'primary': '#5e72e4',
'secondary': '#f4f5f7',
'info': '#11cdef',
'success': '#2dce89',
'danger': '#f5365c',
'warning': '#fb6340'
},
black: '#12263F',
white: '#FFFFFF',
transparent: 'transparent',
};
// Methods
// Chart.js global options
function chartOptions() {
// Options
var options = {
defaults: {
global: {
responsive: true,
maintainAspectRatio: false,
defaultColor: (mode == 'dark') ? colors.gray[700] : colors.gray[600],
defaultFontColor: (mode == 'dark') ? colors.gray[700] : colors.gray[600],
defaultFontFamily: fonts.base,
defaultFontSize: 13,
layout: {
padding: 0
},
legend: {
display: false,
position: 'bottom',
labels: {
usePointStyle: true,
padding: 16
}
},
elements: {
point: {
radius: 0,
backgroundColor: colors.theme['primary']
},
line: {
tension: .4,
borderWidth: 4,
borderColor: colors.theme['primary'],
backgroundColor: colors.transparent,
borderCapStyle: 'rounded'
},
rectangle: {
backgroundColor: colors.theme['warning']
},
arc: {
backgroundColor: colors.theme['primary'],
borderColor: (mode == 'dark') ? colors.gray[800] : colors.white,
borderWidth: 4
}
},
tooltips: {
enabled: false,
mode: 'index',
intersect: false,
custom: function(model) {
// Get tooltip
var $tooltip = $('#chart-tooltip');
// Create tooltip on first render
if (!$tooltip.length) {
$tooltip = $('<div id="chart-tooltip" class="popover bs-popover-top" role="tooltip"></div>');
// Append to body
$('body').append($tooltip);
}
// Hide if no tooltip
if (model.opacity === 0) {
$tooltip.css('display', 'none');
return;
}
function getBody(bodyItem) {
return bodyItem.lines;
}
// Fill with content
if (model.body) {
var titleLines = model.title || [];
var bodyLines = model.body.map(getBody);
var html = '';
// Add arrow
html += '<div class="arrow"></div>';
// Add header
titleLines.forEach(function(title) {
html += '<h3 class="popover-header text-center">' + title + '</h3>';
});
// Add body
bodyLines.forEach(function(body, i) {
var colors = model.labelColors[i];
var styles = 'background-color: ' + colors.backgroundColor;
var indicator = '<span class="badge badge-dot"><i class="bg-primary"></i></span>';
var align = (bodyLines.length > 1) ? 'justify-content-left' : 'justify-content-center';
html += '<div class="popover-body d-flex align-items-center ' + align + '">' + indicator + body + '</div>';
});
$tooltip.html(html);
}
// Get tooltip position
var $canvas = $(this._chart.canvas);
var canvasWidth = $canvas.outerWidth();
var canvasHeight = $canvas.outerHeight();
var canvasTop = $canvas.offset().top;
var canvasLeft = $canvas.offset().left;
var tooltipWidth = $tooltip.outerWidth();
var tooltipHeight = $tooltip.outerHeight();
var top = canvasTop + model.caretY - tooltipHeight - 16;
var left = canvasLeft + model.caretX - tooltipWidth / 2;
// Display tooltip
$tooltip.css({
'top': top + 'px',
'left': left + 'px',
'display': 'block',
'z-index': '100'
});
},
callbacks: {
label: function(item, data) {
var label = data.datasets[item.datasetIndex].label || '';
var yLabel = item.yLabel;
var content = '';
if (data.datasets.length > 1) {
content += '<span class="badge badge-primary mr-auto">' + label + '</span>';
}
content += '<span class="popover-body-value">' + yLabel + '</span>' ;
return content;
}
}
}
},
doughnut: {
cutoutPercentage: 83,
tooltips: {
callbacks: {
title: function(item, data) {
var title = data.labels[item[0].index];
return title;
},
label: function(item, data) {
var value = data.datasets[0].data[item.index];
var content = '';
content += '<span class="popover-body-value">' + value + '</span>';
return content;
}
}
},
legendCallback: function(chart) {
var data = chart.data;
var content = '';
data.labels.forEach(function(label, index) {
var bgColor = data.datasets[0].backgroundColor[index];
content += '<span class="chart-legend-item">';
content += '<i class="chart-legend-indicator" style="background-color: ' + bgColor + '"></i>';
content += label;
content += '</span>';
});
return content;
}
}
}
}
// yAxes
Chart.scaleService.updateScaleDefaults('linear', {
gridLines: {
borderDash: [2],
borderDashOffset: [2],
color: (mode == 'dark') ? colors.gray[900] : colors.gray[300],
drawBorder: false,
drawTicks: false,
lineWidth: 0,
zeroLineWidth: 0,
zeroLineColor: (mode == 'dark') ? colors.gray[900] : colors.gray[300],
zeroLineBorderDash: [2],
zeroLineBorderDashOffset: [2]
},
ticks: {
beginAtZero: true,
padding: 10,
callback: function(value) {
if (!(value % 10)) {
return value
}
}
}
});
// xAxes
Chart.scaleService.updateScaleDefaults('category', {
gridLines: {
drawBorder: false,
drawOnChartArea: false,
drawTicks: false
},
ticks: {
padding: 20
},
maxBarThickness: 10
});
return options;
}
// Parse global options
function parseOptions(parent, options) {
for (var item in options) {
if (typeof options[item] !== 'object') {
parent[item] = options[item];
} else {
parseOptions(parent[item], options[item]);
}
}
}
// Push options
function pushOptions(parent, options) {
for (var item in options) {
if (Array.isArray(options[item])) {
options[item].forEach(function(data) {
parent[item].push(data);
});
} else {
pushOptions(parent[item], options[item]);
}
}
}
// Pop options
function popOptions(parent, options) {
for (var item in options) {
if (Array.isArray(options[item])) {
options[item].forEach(function(data) {
parent[item].pop();
});
} else {
popOptions(parent[item], options[item]);
}
}
}
// Toggle options
function toggleOptions(elem) {
var options = elem.data('add');
var $target = $(elem.data('target'));
var $chart = $target.data('chart');
if (elem.is(':checked')) {
// Add options
pushOptions($chart, options);
// Update chart
$chart.update();
} else {
// Remove options
popOptions($chart, options);
// Update chart
$chart.update();
}
}
// Update options
function updateOptions(elem) {
var options = elem.data('update');
var $target = $(elem.data('target'));
var $chart = $target.data('chart');
// Parse options
parseOptions($chart, options);
// Toggle ticks
toggleTicks(elem, $chart);
// Update chart
$chart.update();
}
// Toggle ticks
function toggleTicks(elem, $chart) {
if (elem.data('prefix') !== undefined || elem.data('prefix') !== undefined) {
var prefix = elem.data('prefix') ? elem.data('prefix') : '';
var suffix = elem.data('suffix') ? elem.data('suffix') : '';
// Update ticks
$chart.options.scales.yAxes[0].ticks.callback = function(value) {
if (!(value % 10)) {
return prefix + value + suffix;
}
}
// Update tooltips
$chart.options.tooltips.callbacks.label = function(item, data) {
var label = data.datasets[item.datasetIndex].label || '';
var yLabel = item.yLabel;
var content = '';
if (data.datasets.length > 1) {
content += '<span class="popover-body-label mr-auto">' + label + '</span>';
}
content += '<span class="popover-body-value">' + prefix + yLabel + suffix + '</span>';
return content;
}
}
}
// Events
// Parse global options
if (window.Chart) {
parseOptions(Chart, chartOptions());
}
// Toggle options
$toggle.on({
'change': function() {
var $this = $(this);
if ($this.is('[data-add]')) {
toggleOptions($this);
}
},
'click': function() {
var $this = $(this);
if ($this.is('[data-update]')) {
updateOptions($this);
}
}
});
// Return
return {
colors: colors,
fonts: fonts,
mode: mode
};
})();
//
// Orders chart
//
var OrdersChart = (function() {
//
// Variables
//
var $chart = $('#chart-orders');
var $ordersSelect = $('[name="ordersSelect"]');
//
// Methods
//
// Init chart
function initChart($chart) {
var PembiayaanBulanan = new Array();
var BayaranBulanan = new Array();
var NamaBulan = new Array();
$.each(datafin,function(index,finance){
PembiayaanBulanan.push(finance['pembiayaan']);
BayaranBulanan.push(finance['bayaran']);
NamaBulan.push(finance['namabulan']);
});
const formatter = new Intl.NumberFormat('en-US', {
});
// Create chart
var ordersChart = new Chart($chart, {
type: 'bar',
options: {
scales: {
yAxes: [{
ticks: {
callback: function(value) {
if (!(value % 10)) {
//return '$' + value + 'k'
return formatter.format(value)
}
}
}
}]
},
tooltips: {
callbacks: {
label: function(item, data) {
var label = data.datasets[item.datasetIndex].label || '';
var yLabel = item.yLabel;
var content = '';
if (data.datasets.length > 1) {
content += '<span class="popover-body-label mr-auto">' + label + '</span>';
}
content += '<span class="popover-body-value">' + yLabel + '</span>';
return content;
}
}
}
},
data: {
labels: NamaBulan,
datasets: [{
label: 'Pembiayaan',
data: PembiayaanBulanan
}]
}
});
// Save to jQuery object
$chart.data('chart', ordersChart);
}
// Init chart
if ($chart.length) {
initChart($chart);
}
})();
//
// Charts
//
'use strict';
//
// Sales chart
//
var SalesChart = (function() {
// Variables
var $chart = $('#chart-sales');
// Methods
function init($chart) {
var PembiayaanBulanan = new Array();
var BayaranBulanan = new Array();
var NamaBulan = new Array();
$.each(datafin,function(index,finance){
PembiayaanBulanan.push(finance['pembiayaan']);
BayaranBulanan.push(finance['bayaran']);
NamaBulan.push(finance['namabulan']);
});
const formatter = new Intl.NumberFormat('en-US', {
});
var salesChart = new Chart($chart, {
type: 'bar',
options: {
scales: {
yAxes: [{
gridLines: {
color: Charts.colors.gray[900],
zeroLineColor: Charts.colors.gray[900]
},
ticks: {
callback: function(value) {
if (!(value % 10)) {
return 'RM' + formatter.format(value);
}
}
}
}]
},
tooltips: {
callbacks: {
label: function(item, data) {
var label = data.datasets[item.datasetIndex].label || '';
var yLabel = item.yLabel;
var content = '';
if (data.datasets.length > 1) {
content += '<span class="popover-body-label mr-auto">' + label + '</span>';
}
content += '<span class="popover-body-value">RM' + formatter.format(yLabel) + '</span>';
return content;
}
}
}
},
data: {
labels: NamaBulan,
datasets: [{
label: 'Prestasi',
data: BayaranBulanan
}]
}
});
// Save to jQuery object
$chart.data('chart', salesChart);
};
// Events
if ($chart.length) {
init($chart);
}
})();
</script>
@endsection
@@ -14,13 +14,6 @@
<form method="post" action="{{ route('payment.engine') }}">
@csrf
<div class="row">
<!-- <nav aria-label="breadcrumb">
<ol class="breadcrumb not-allowed">
<li class="breadcrumb-item text-dark opacity-5 no-allowed"><a href="#">Home</a></li>
<li class="breadcrumb-item text-dark opacity-5"><a href="#">Pembayaran</a></li>
<li class="breadcrumb-item text-dark active" aria-current="page">Bayar SAG Pilihan</li>
</ol>
</nav> -->
<div class="row">
<div class="d-flex">
<p class="not-allowed text-sm">Home /Pembayaran /</p>
@@ -44,29 +37,11 @@
</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="tab-pane fade" 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-hover" id="belum_tawarruq">
<thead class="thead-light">
@@ -129,21 +104,21 @@
</tbody>
</table>
</div>
</div>
</div> -->
<div class="tab-pane fade" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
<div class="tab-pane fade show active" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
<div class="table-responsive text-center">
<table class="table align-items-center table-hover" id="selepas_tawarruq">
<table class="table align-items-center" id="selepas_tawarruq" style="width: 100%;">
<thead class="thead-light">
<tr>
<th>No</th>
<th>No Rujukan</th>
<th>Pembiayaan Asal</th>
<th>B. Pembiayaan</th>
<th>Baki Pembiayaan</th>
<th>Tempoh</th>
<th>Keuntungan</th>
<th width="35%">Bayaran</th>
<th>Bayaran</th>
</tr>
</thead>
@php $counter = 1;$jenisbayaran = 'tawarruq'; @endphp
@@ -200,7 +175,8 @@
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<!-- ===============RINGKASAN LAMA============================== -->
<!-- <div class="col-md-6 col-sm-12">
<div class="card shadow">
<div class="card-header bg-primary border-0">
<div class="row align-items-center">
@@ -234,19 +210,6 @@
</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" style="text-transform: uppercase;"><strong>Jumlah Keseluruhan</strong></label>
@@ -261,10 +224,78 @@
</div>
<div class="d-flex justify-content-between col-12 mt-3 align-self-end">
<div class="d-flex justify-content-end col-12 mt-3 align-self-end">
<button type="button" class="btn btn-danger">Batal</button>
<button type="submit" id="bayarsbmt" class="btn btn-primary" disabled onclick="loadingbtn();">Bayar</button>
</div>
</div> -->
<!-- ===============RINGKASAN BARU============================== -->
<div class="col-md-10 col-sm-12">
<div class="card shadow">
<div class="card-header bg-primary border-0">
<div class="row align-items-center">
<div class="d-flex">
<h4 class="text-white" style="margin-right: 1%;">Ringkasan Pembayaran</h4>
<i class="fas fa-shopping-cart fa-2x text-white"></i>
</div>
</div>
</div>
<div class="form" style="text-align: center;">
<div style="overflow-x: auto;">
<table class="table align-items-center" id="ringkasan_bayaran" style="width: 100%;">
<thead class="thead-light">
<tr>
<th>No</th>
<th>No Rujukan</th>
<th>Bayaran</th>
</tr>
</thead>
@php $counter = 1;
@endphp
@foreach($arraybayar as $index=>$bayar)
@if($bayar['hargajualan'] != '')
<tbody class="list">
<tr>
<td>
{{ $counter }}
</td>
<td>
{{ $bayar['norujukan'] }}
</td>
<td>
<p id="spantransaksi{{ $counter }}"></p>
</td>
</tr>
</tbody>
@php
$counter++;
@endphp
@endif
@endforeach
</table>
<hr>
</div>
<div class="row pb-4 font-weight-light">
<div class="col-6">
<label style="text-transform: uppercase;"><strong>Jumlah Keseluruhan</strong></label>
</div>
<div class="col-6">
<span class="text-primary"><strong>RM <span id="spanjumlah">0.00</span></strong></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>
</form>
@@ -284,7 +315,9 @@
'previous': '<span class="fas fa-backward"></span>',
'next': '<span class="fas fa-forward"></span>'
}
}
},
"scrollX": true,
"pageLength": 10
});
var selepastawarruqtable = $('#selepas_tawarruq').DataTable({
@@ -296,8 +329,20 @@
'previous': '<span class="fas fa-backward"></span>',
'next': '<span class="fas fa-forward"></span>'
}
}
},
"scrollX": true,
"pageLength": 10,
"pagingType": "simple",
"paging": false
});
// var selepastawarruqtable = $('#ringkasan_bayaran').DataTable({
// "bLengthChange": false,
// "bFilter": false,
// "bInfo": false,
// "scrollX": true,
// });
function validateform() {
return false;
@@ -320,6 +365,8 @@
} else {
// $(this).closest('tr').find("input").val();
$(this).closest('tr').find("input").attr('readonly', false);
$(this).closest('tr').find(".txtbayaran").val(upah);
$(this).closest('tr').find(".bayaran").val(upah);
calculateall(jenis, taglel);
}
@@ -379,6 +426,18 @@
$(this).closest('tr').find('.bayaran').val(upah);
calculateall(jenis, taglel);
return false;
}else if(bayar < parseFloat(upah) && parseFloat(upah) !== 0.00)
{
$("#bayarsbmt").prop('disabled', false);
Swal.fire(
'Amaran!',
'Bayaran tidak boleh kurang daripada upah!',
'error'
)
$(this).val(upah);
$(this).closest('tr').find('.bayaran').val(upah);
calculateall(jenis, taglel);
return false;
}
$(this).closest('tr').find('.bayaran').val(this.value);
@@ -401,7 +460,10 @@
});
$('#selepas_tawarruq').find('input[name=txtbayarantawarruq]').each(function() {
$('#selepas_tawarruq').find('input[name=txtbayarantawarruq]').each(function(index) {
$('#spantransaksi' + (index+1)).text(formatter.format(this.value));
sumtawarruq += parseFloat(this.value) || 0;
if (this.value <= 0 || this.value == '') {
@@ -36,25 +36,20 @@
</nav>
</div>
</div>
{{--
<div class="row justify-space-between py-2">
<div class="col-lg-6 mx-auto">
<div class="col-lg-6 col-md-8 col-sm-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">
<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-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> --}}
<div class="container col-11 shadow-lg p-3 bg-white rounded">
<div class="tab-content tab-space">
@@ -63,92 +58,20 @@
<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="tab-pane fade show active" id="tabs-icons-text-2" role="tabpanel" aria-labelledby="tabs-icons-text-2-tab">
<div class="table-responsive table-bordered table-hover">
<table class="table align-items-center table-flush" id="belum_tawarruq" style="text-align: center;">
<table class="table align-items-center table-flush" id="selepas_tawarruq" style="text-align: center; width: 100%">
<thead class="thead-light">
<tr>
<th>#</th>
<th>Ar-Rahn</th>
<th>No Rujukan</th>
<th>Pembiayaan</th>
<th>Tempoh Simpan</th>
<th>Upah telah bayar</th>
<th>Upah semasa</th>
</tr>
</thead>
<tbody class="list">
@foreach($belum_tebus as $index=>$bt)
@if($bt['hargajualan'] == '')
@php
$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>
<input type="checkbox" name="chkboxsag[]" value="{{ $bt['norujukan'] }}" id="sag-{{ $loop->iteration }}" data-norujukan="{{ $bt['norujukan'] }}" {{ ($searchonline || $koskeuntungan <= 0) ? 'disabled' : '' }} />
</td>
<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>
</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">
<!-- Light table -->
<div class="table-responsive table-bordered table-hover">
<table class="table align-items-center table-flush" id="selepas_tawarruq" style="text-align: center;">
<thead class="thead-light">
<tr>
<th>#</th>
<th>No Rujukan</th>
<th>Pembiayaan</th>
<th>B. Pembiayaan</th>
<th>Keuntungan (6bulan)</th>
<th>Keuntungan</th>
<th>Pembiayaan Asal</th>
<th>Baki Pembiayaan</th>
<th>Keuntungan Semasa</th>
<th>Status</th>
</tr>
</thead>
<tbody class="list">
@@ -182,9 +105,15 @@
@endphp
<tr {{ ($searchonline) ? 'style=background-color:#81ecec;' : '' }}>
<td>
<input type="checkbox" name="chkboxsag[]" value="{{ $bt['norujukan'] }}" id="sag-{{ $loop->iteration }}" data-norujukan="{{ $bt['norujukan'] }}" {{ ($searchonline || $koskeuntungan <= 0) ? 'disabled' : '' }} />
<input type="checkbox" name="chkboxsag[]" value="{{ $bt['norujukan'] }}" id="sag-{{ $loop->iteration }}" data-norujukan="{{ $bt['norujukan'] }}" {{ ($searchonline) ? 'disabled' : '' }} />
{{-- <i data-toggle="tooltip" title="Hooray!" class="fas fa-exclamation-circle ml-3 text-right" style="font-size: 20px;"></i> --}}
</td>
<td>
@php
$namacawangan = Http::get(config('api.url') . '/api/cawangan/detail/' . $bt['kodcaw'] )->json();
echo substr($namacawangan[0]['namacaw'],8);
@endphp
</td>
<th scope="row">
<div class="media align-items-center">
<div class="media-body">
@@ -202,10 +131,12 @@
{{ number_format($bt['bakipjm'],2) }}
</td>
<td>
{{ number_format($bt['bakiupah'],2) }}
{{ is_numeric($koskeuntungan) ? number_format($koskeuntungan,2) : $koskeuntungan }}
</td>
<td>
{{ number_format($koskeuntungan,2) }}
@if($bt['taglel'] === 1)
<span class="badge alert-danger">Akan Dilelong</span>
@endif
</td>
</tr>
@endif
@@ -220,7 +151,7 @@
</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>
<button type="submit" class="btn btn-primary" onclick="loadingbtn();">Checkout <span class="badge alert-warning text-light font-weight-bold" style="font-size:12px;" id="totalsag">0</span></button>
</div>
</form>
@@ -239,19 +170,25 @@
'previous': '<span class="fas fa-backward fa-1.5x"></span>',
'next': '<span class="fas fa-forward"></span>'
}
}
},
"pageLength": 10,
"scrollX": true
});
var selepastawarruqtable = $('#selepas_tawarruq').DataTable({
"bLengthChange": false,
"bFilter": true,
"paging" : false,
"paging" : true,
"pagingType": "simple",
language: {
'paginate': {
'previous': '<span class="fas fa-backward"></span>',
'next': '<span class="fas fa-forward"></span>'
}
}
},
"scrollX": true,
"pageLength": 10
});
$("input[type='checkbox'][name='chkboxsag[]']").click(function() {
+3 -3
View File
@@ -34,7 +34,7 @@
</div>
<div class="card-body text-center">
<h5 class="font-weight-normal">
<a>Rekod Pembelian</a>
<a>Rekod Pembayaran</a>
</h5>
<a type="button" href="{{ route('semaksag') }}" class="btn bg-gradient-primary btn-sm mb-0 mt-3">Enter</a>
</div>
@@ -82,7 +82,7 @@
</div>
<div class="card-body text-center">
<h5 class="font-weight-normal">
<a>Analisa</a>
<a>Ringkasan Transaksi Pembiayaan</a>
</h5>
<a type="button" href="{{ route('analisa.index') }}" class="btn bg-gradient-primary btn-sm mb-0 mt-3">Enter</a>
</div>
@@ -99,7 +99,7 @@
</div>
<div class="card-body text-center">
<h5 class="font-weight-normal">
<a>Gold?</a>
<a>Gold</a>
</h5>
<button type="button" class="btn bg-gradient-primary btn-sm mb-0 mt-3" disabled>Enter</button>
</div>
@@ -1,136 +1,85 @@
<footer class="footer pt-5 mt-5">
<div class="container">
<div class=" row">
<div class="col-md-3 mb-4 ms-auto">
<div class="col-md-4 mb-4 ms-auto">
<div>
<h6 class="font-weight-bolder">Ar-Rahn</h6>
<p>Koperasi Permodalan Kelantan Berhad</p>
<img src="{{ asset('argon/img/brand/arrahnlogo.png') }}" alt="logo ar-rahn" width="50px" height="39px">
<h6>Ar-Rahn</h6>
<h6>Koperasi Permodalan Kelantan Berhad</h6>
</div>
<div>
<ul class="d-flex flex-row ms-n3 nav">
<!-- <ul class="d-flex flex-row ms-n3 nav">
<li class="nav-item">
<a class="nav-link pe-1" href="#facebook">
<a class="nav-link pe-1" target="blank" href="https://www.facebook.com/pajakgadaiarrahn">
<i class="fab fa-facebook text-lg opacity-8"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link pe-1" href="#twitter">
<i class="fab fa-twitter text-lg opacity-8"></i>
</a>
</li>
<li class="nav-item">
<a class="nav-link pe-1" href="#youtube">
<i class="fab fa-youtube text-lg opacity-8"></i>
</a>
</ul> -->
</div>
</div>
<div class="col-md-3 col-sm-6 col-6 mb-4">
<div>
<h6 class="text">Alamat</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-link" style="font-size: 12px;">
Permodalan Kelantan Berhad Tingkat 8, Bangunan Kelantan Trade Centre, Jalan Bayam, 15200 Kota Bharu, Kelantan.
</li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-6 col-6 mb-4">
<div>
<h6 class="text-sm">Company</h6>
<h6 class="text">Hubungi Kami</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link" href="#aboutus">
About Us
</a>
<li class="nav-link" style="font-size: 12px;">
<i class="fa fa-phone" aria-hidden="true"></i>
09-741 4343
</li>
<li class="nav-item">
<a class="nav-link" href="#">
Freebies
</a>
<li class="nav-link" style="font-size: 12px;">
<i class="fa fa-phone-square" aria-hidden="true"></i>
09-741 4342
</li>
<li class="nav-item">
<a class="nav-link" href="#">
Premium Tools
</a>
<li class="nav-link" style="font-size: 12px;">
<i class="fa fa-envelope" aria-hidden="true"></i>
pkb@pkb.net.my
</li>
<li class="nav-item">
<a class="nav-link" href="#">
Blog
<!-- <li class="nav-item">
<a class="nav-link pe-1" target="blank" href="https://www.facebook.com/pajakgadaiarrahn">
<i class="fab fa-facebook text-lg opacity-8"></i>
</a>
</li>
</li> -->
</ul>
</div>
</div>
<div class="col-md-2 col-sm-6 col-6 mb-4">
<div class="col-md-3 col-sm-6 col-6 mb-4">
<div>
<h6 class="text-sm">Resources</h6>
<h6 class="text">Khidmat Pelanggan</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link" href="#">
Illustrations
</a>
<li class="nav-link" style="font-size: 12px;">
Hotline : 1300-22-4343
</li>
<li class="nav-item">
<a class="nav-link" href="#">
Bits & Snippets
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
Affiliate Program
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-6 col-6 mb-4">
<div>
<h6 class="text-sm">Help & Support</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link" href="#">
Contact Us
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
Knowledge Center
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
Custom Development
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
Sponsorships
</a>
</li>
</ul>
</div>
</div>
<div class="col-md-2 col-sm-6 col-6 mb-4 me-auto">
<div>
<h6 class="text-sm">Legal</h6>
<ul class="flex-column ms-n3 nav">
<li class="nav-item">
<a class="nav-link" href="#">
Terms & Conditions
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
Privacy Policy
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
Licenses (EULA)
</a>
<!-- <li class="nav-link" style="font-size: 12px;">
<i class="fa fa-envelope" aria-hidden="true"></i>
arrahncareline@gmail.com
</li>
<li class="nav-link" style="font-size: 12px;">
<i class="fa fa-envelope" aria-hidden="true"></i>
arcc@pkb.net.my
</li> -->
</ul>
</div>
</div>
<div class="col-12">
<div class="text-center">
<p class="text-dark my-4 text-sm font-weight-normal">
All rights reserved. Copyright ©
<p class="text-dark my-4 text-sm">
Hak Milik ©
<script>
document.write(new Date().getFullYear())
</script> Koperasi Permodalan Kelantan Berhad.
</script> Koperasi Permodalan Kelantan Berhad
</p>
</div>
</div>
@@ -45,6 +45,7 @@
<option selected disabled>Open this select menu</option>
@foreach($cawangan as $index1=>$caw)
<option value="{{ $caw['kodcaw'] }}">{{ $caw['namacawangan'] }}</option>
<input type="hidden" name="namacawangan" id="namacawangan" value="{{ $caw['namacawangan'] }}">
@endforeach
</select>
</div>
@@ -18,20 +18,19 @@
<div class="row">
<div class="col-md-5 ms-auto me-auto text-center">
<div class="icon icon-md icon-shape bg-gradient-primary shadow-primary text-center border-radius-xl mt-n4">
<i class="material-icons opacity-10">engineering</i>
</div>
<!-- <div class="icon icon-md icon-shape bg-gradient-primary shadow-primary text-center border-radius-xl mt-n4"> -->
<!-- <i class="material-icons opacity-10">engineering</i> -->
<img src="{{ asset('argon/img/brand/arrahnlogo.png') }}" alt="logo ar-rahn" width="50px" height="39px">
<!-- </div> -->
<!-- <h3 class="text-dark mb-0 mt-3">SAG</h3> -->
<p style="margin-top: 2%;">Senarai SAG gadaian dan tebusan pelanggan.</p>
<h6 class="text-primary" style="margin-bottom:5%;">Cawangan : XTRA</h6>
<p style="margin-top: 2%;">Senarai SAG gadaian dan penebusan pelanggan.</p>
<h6 class="text-primary" style="margin-bottom:10%;">Cawangan : {{ $validated['namacawangan'] }}</h6>
</div>
</div>
<div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
<!-- Card header -->
<!-- <div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
<div class="card-header border-0">
<h5 class="mb-0 text-primary">Ar-Rahn</h5>
</div>
<!-- Light table -->
<div class="table-responsive table-bordered">
<table class="table align-items-center table-flush table-hover" id="belum_tawarruq">
<thead class="thead-light">
@@ -82,14 +81,14 @@
</div>
<br>
</div>
<hr class="dark my-md-6 mt-2 mx-7">
<hr class="dark my-md-6 mt-2 mx-7"> -->
<div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
<div class="card-header border-0">
<h5 class="mb-0 text-primary">Tawarruq</h5>
<h5 class="mb-0 text-primary">Transaksi Bayaran</h5>
</div>
<!-- Light table -->
<div class="table-responsive table-bordered">
<table class="table align-items-center table-flush table-hover" id="selepas_tawarruq">
<table class="table align-items-center table-flush table-hover" id="selepas_tawarruq" style="width: 100%;">
<thead class="thead-light">
<tr>
<th scope="col" class="sort" data-sort="name">No Rujukan</th>
@@ -142,14 +141,14 @@
</div>
<br>
</div>
<hr class="dark my-md-6 mt-2 mx-7">
<!-- <hr class="dark my-md-6 mt-2 mx-7"> -->
<div class="container col-11 shadow-lg p-3 mb-5 bg-white rounded">
<div class="card-header border-0">
<h5 class="mb-0 text-primary">Penyata Terdahulu</h5>
<h5 class="mb-0 text-primary">Penyata Yang Sudah Ditebus</h5>
</div>
<!-- Light table -->
<div class="table-responsive table-bordered">
<table class="table align-items-center table-flush table-hover" id="saghistory">
<table class="table align-items-center table-flush table-hover" id="saghistory" style="width: 100%;">
<thead class="thead-light">
<tr>
<th scope="col" class="sort" data-sort="name">No Rujukan</th>
@@ -164,6 +163,7 @@
</thead>
<tbody class="list">
@foreach($sudah_tebus as $index=>$st)
@if($st['hargajualan'] != '')
<tr style="text-align: center;">
<th scope="row">
<div class="media align-items-center">
@@ -194,6 +194,7 @@
{{ $st['t_update'] }}
</td>
</tr>
@endif
@endforeach
</tbody>
</table>
@@ -218,7 +219,9 @@
'previous': '<span class="fas fa-backward"></span>',
'next': '<span class="fas fa-forward"></span>'
}
}
},
"scrollX": true
});
var selepastawarruqtable = $('#selepas_tawarruq').DataTable({
@@ -235,7 +238,10 @@
'previous': '<span class="fas fa-backward"></span>',
'next': '<span class="fas fa-forward"></span>'
}
}
},
"scrollX": true
});
var sudahtebustable = $('#saghistory').DataTable({
@@ -248,7 +254,9 @@
'previous': '<span class="fas fa-backward"></span>',
'next': '<span class="fas fa-forward"></span>'
}
}
},
"scrollX": true
});
</script>
+1 -1
View File
@@ -7,7 +7,7 @@
<body class="about-us bg-gray-200">
@include('includes.main.navigation')
<section class="py-7">
<section class="pt-7">
<div class="container-fluid">
@yield('content')
</section>
+35 -33
View File
@@ -2,48 +2,50 @@
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<!-- Modal Header -->
<!-- Modal Header -->
<div class="modal-header">
<h2 class="modal-title">Senarai Marhun</h2>
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h5 class="modal-title">Senarai Marhun</h5>
<!-- <button type="button" class="close" data-dismiss="modal">&times;</button> -->
</div>
<!-- Modal body -->
<!-- Modal body -->
<div class="modal-body">
<table id="biasa" class="table table-striped table-bordered text-center" style="width:100%">
<thead class="thead-dark">
<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>
<div class="table-responsive table-bordered">
<table id="biasa" class="table table-hover text-center" style="width:100%">
<thead class="thead-dark">
<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>
<td>dassad</td>
<td>dassad</td>
<td>dassad</td>
<td>dassad</td>
</tr>
</tbody>
</table>
</div>
</tr>
</tbody>
</table>
</div>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-danger" data-dismiss="modal">Tutup</button>
</div>
<!-- Modal footer -->
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Tutup</button>
</div>
</div>
</div>
</div>
</div>
</div>
@@ -2,6 +2,7 @@
@section('content')
<title>Pembayaran Berjaya | Customer Portal</title>
<div class="container mt--6">
<div class="row">
@@ -2,6 +2,8 @@
@section('content')
<title>Pembayaran Tidak Berjaya | Customer Portal</title>
<div class="container mt-6">
<div class="row">
<div class="col">