hafifierahman
274 lines
12 KiB
PHP
274 lines
12 KiB
PHP
@extends('layouts.app')
|
|
|
|
@section('content')
|
|
@include('layouts.headers.useranalisa')
|
|
|
|
<!-- Header -->
|
|
<div class="header bg-primary pb-6">
|
|
<div class="container-fluid">
|
|
|
|
<!-- Card stats -->
|
|
<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">{{ number_format($totalgadai,2) }}</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">Nilai Marhun (RM)</h5> --}}
|
|
<h5 class="card-title text-uppercase text-muted mb-0">Bilangan Pembiayaan Aktif</h5>
|
|
<span class="h2 font-weight-bold mb-0">{{ number_format($bilangan_belum_tebus) }}</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">Bil. SAG</h5> --}}
|
|
<h5 class="card-title text-uppercase text-muted mb-0">Pembiayaan Melebihi 6 Bulan</h5>
|
|
<span class="h2 font-weight-bold mb-0">{{ number_format($bilangan_melebihi_6_bulan) }}</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">Baki Lelong (RM)</h5> --}}
|
|
<h5 class="card-title text-uppercase text-muted mb-0">Gadaian Akan Dilelong</h5>
|
|
<span class="h2 font-weight-bold mb-0">{{ number_format($bilakandilelong) }}</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 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"><a href="#">Semak SAG</a></li>
|
|
<li class="breadcrumb-item"><a href="#">Senarai SAG</a></li>
|
|
<li class="breadcrumb-item active" aria-current="page">Checkout</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-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 text-light ls-1 mb-1">Keseluruhan</h6>
|
|
<h2 class="text-white 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 class="row mt-5">
|
|
<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">Surat 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
|
|
</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">
|
|
<thead class="thead-light">
|
|
<tr>
|
|
<th>Karat</th>
|
|
<th>Harga (RM)</th>
|
|
<th>Kenaikan</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@foreach($harga_emas as $index=>$hm)
|
|
<tr>
|
|
<td>{{ $hm['karat'] }}</td>
|
|
<td>{{ $hm['harga'] }}</td>
|
|
<td><i class="fas fa-arrow-down text-warning mr-3"></i></td>
|
|
</tr>
|
|
@endforeach
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
|
|
var hargaemastable = $('#harga_emas').DataTable({
|
|
"bLengthChange": false,
|
|
"bFilter": false,
|
|
"pageLength": 5,
|
|
"bInfo": false,
|
|
language: {
|
|
'paginate': {
|
|
'previous': '<span class="fas fa-backward"></span>',
|
|
'next': '<span class="fas fa-forward"></span>'
|
|
}
|
|
}
|
|
});
|
|
|
|
var sagaktiftable = $('#sag_aktif').DataTable({
|
|
"bLengthChange": false,
|
|
"bFilter": false,
|
|
"pageLength": 5,
|
|
"bInfo": false,
|
|
language: {
|
|
'paginate': {
|
|
'previous': '<span class="fas fa-backward"></span>',
|
|
'next': '<span class="fas fa-forward"></span>'
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
|
|
</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>
|
|
@endpush |