Amir Hamzan
269 lines
13 KiB
PHP
269 lines
13 KiB
PHP
@extends('layouts.indexforth')
|
|
@section('content')
|
|
|
|
<style>
|
|
.breadcrumb-second {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 0.5rem 1rem;
|
|
margin-bottom: 1rem;
|
|
list-style: none;
|
|
border-radius: 0.375rem;
|
|
}
|
|
</style>
|
|
|
|
<title>Analisa | Customer Portal</title>
|
|
|
|
<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">{{ 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">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">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">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>
|
|
</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-bordered table-hover" style="text-align: center;" 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-bordered table-hover" 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
|
|
|
|
@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 |