erahn-click/resources/views/includes/home.blade copy.php

@extends ('layouts.indexfirst')

@section('content')

<style>
    .loader {
        position: fixed;
        top: 45%;
        right: 50%;
        width: 70px;
        height: 70px;
        border-top-color: white;
        border-right-color: white;
        border-left-color: transparent;
        border-bottom-color: transparent;
        border-radius: 50%;
        box-sizing: border-box;
        z-index: 10000 !important;
    }
</style>

<title>Home | Portal Pelanggan</title>

<div class="row mt-n9 top-0">
    <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">
                        <h6 class="card-title text-uppercase text-muted mb-0"> Jumlah Pemb. Semasa</h6>
                        <span class="h4 font-weight-bold mb-0">RM{{ number_format($total,2) }}</span>
                    </div>
                    <div class="col-auto text-center">
                        <div class="icon icon-shape bg-danger text-white rounded-circle shadow text-center">
                            <i class="fas fa-chart-bar"></i>
                        </div>
                        <br>
                        <a href="{{ route('info.pembsemasa') }}" class="btn bg-gradient-primary btn-sm mb-0 mt-3">Masuk</a>
                    </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">
                        <h6 class="card-title text-uppercase text-muted mb-0">Pembiayaan<br>Aktif</h6>
                        <span class="h4 font-weight-bold mb-0">{{ $bilangan }}</span>
                    </div>
                    <div class="col-auto text-center">
                        <div class="icon icon-shape bg-warning text-white rounded-circle shadow text-center">
                            <i class="fas fa-chart-pie text-center"></i>
                        </div>
                        <br>
                        <a href="{{ route('info.pembaktif') }}" class="btn bg-gradient-primary btn-sm mb-0 mt-3">Masuk</a>
                    </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">
                        <h6 class="card-title text-uppercase text-muted mb-0">Pembiayaan Melebihi 6 Bulan</h6>
                        <span class="h4 font-weight-bold mb-0">{{ $sixmonths }}</span>
                    </div>
                    <div class="col-auto text-center">
                        <div class="icon icon-shape bg-success text-white rounded-circle shadow text-center">
                            <i class="fas fa-users"></i>
                        </div>
                        <br>
                        <a href="{{ route('info.pemb6bulan') }}" class="btn bg-gradient-primary btn-sm mb-0 mt-3">Masuk</a>
                    </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">
                        <h6 class="card-title text-uppercase text-muted mb-0">Pembiayaan Akan Dilelong</h6>
                        <span class="h4 font-weight-bold mb-0">{{ $bilanganlelong }}</span>
                    </div>
                    <div class="col-auto text-center">
                        <div class="icon icon-shape bg-info text-white rounded-circle shadow text-center">
                            <i class="fas fa-gavel" style="margin-left: 2px;"></i>
                        </div>
                        <br>
                        <a href="{{ route('info.pemblelongan') }}" class="btn bg-gradient-primary btn-sm mb-0 mt-3">Masuk</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- <div class="col-lg-4 col-md-6">
    <div class="card mt-5">
        <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
            <a class="d-block blur-shadow-image"> 
            <!-- public\argon\login\backg1backup3.jpg -->
                <img src="{{ asset('assets/img/material-kit/internal/bg99.jpg') }}" alt="img-colored-shadow" class="img-fluid border-radius-lg">
                <!-- <img src="{{ asset('argon/login/backg1backup3.jpg') }}" alt="img-colored-shadow" class="img-fluid border-radius-lg"> -->
            </a>
        </div>
        <div class="card-body text-center">
            <h5 class="font-weight-normal">
                <a>Rekod Pembayaran</a>
            </h5>
            <a type="button" href="{{ route('semaksag') }}" class="btn bg-gradient-primary btn-sm mb-0 mt-3">Masuk</a>
        </div>
    </div>
</div> --}}
<div class="col-lg-4 col-md-6">
    <div class="card mt-5">
        <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
            <a class="d-block blur-shadow-image">
                <img src="{{ asset('assets/img/material-kit/internal/photo2.jpg') }}" alt="img-colored-shadow" class="img-fluid border-radius-lg">
            </a>
        </div>
        <div class="card-body text-center">
            <h5 class="font-weight-normal">
                <a>Pembayaran</a>
            </h5>
            <a type="button" href="{{ route('pembayaransag') }}" class="btn bg-gradient-primary btn-sm mb-0 mt-3">Masuk</a>
        </div>
    </div>
</div>
<div class="col-lg-4 col-md-6">
    <div class="card mt-5">
        <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
            <span class="mask bg-gradient-dark opacity-20"></span>

            <a class="d-block blur-shadow-image">

                <img src="{{ asset('assets/img/material-kit/internal/photo3.jpg') }}" alt="img-colored-shadow" class="img-fluid border-radius-lg">
            </a>
        </div>
        <div class="card-body text-center">
            <h5 class="font-weight-normal">
                <a>Tebus</a>
            </h5>
            <button type="button" class="btn bg-gradient-primary btn-sm mb-0 mt-3" disabled>Masuk</button>
        </div>
    </div>
</div>
{{-- <div class="col-lg-4 col-md-6">
    <div class="card mt-5">
        <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
            <a class="d-block blur-shadow-image">
                <img src="{{ asset('assets/img/material-kit/internal/photo4.jpg') }}" alt="img-colored-shadow" class="img-fluid border-radius-lg">
            </a>
        </div>
        <div class="card-body text-center">
            <h5 class="font-weight-normal">
                <a>Ringkasan Transaksi Pembiayaan</a>
            </h5>
            <a type="button" href="{{ route('analisa.index') }}" class="btn bg-gradient-primary btn-sm mb-0 mt-3">Masuk</a>
        </div>
    </div>
</div> --}}
<div class="col-lg-4 col-md-6">
    <div class="card mt-5">
        <div class="card-header p-0 position-relative mt-n4 mx-3 z-index-2">
            <span class="mask bg-gradient-dark opacity-20"></span>

            <a class="d-block blur-shadow-image">
                <img src="{{ asset('assets/img/material-kit/internal/photo5.jpg') }}" alt="img-colored-shadow" class="img-fluid border-radius-lg">
            </a>
        </div>
        <div class="card-body text-center">
            <h5 class="font-weight-normal">
                <a>Pitih Emas</a>
            </h5>
            <button type="button" class="btn bg-gradient-primary btn-sm mb-0 mt-3" disabled>Masuk</button>
        </div>
    </div>
</div>

<div class="col-lg-6 col-md-8">
    <div class="card mt-3 card-bg shadow p-4">
        {{-- <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>
        </div> --}}
        <div class="table-responsive">
            <!-- Projects table -->
            <table class="table align-items-center table-bordered table-hover border" id="harga_emas" style="text-align: center; width: 100%">
                <thead class="thead-dark bg-dark text-white text-center">
                    <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>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
<script>

var hargaemastable = $('#harga_emas').DataTable({
        "bLengthChange": false,
        "bFilter": false,
        language: {
            'paginate': {
                'previous': '<span class="fas fa-backward"></span>',
                'next': '<span class="fas fa-forward"></span>'
            }
        },
        "scrollX": true,
        "pageLength": 5

    });

</script>
<!-- <script>
    $(function() {
        setTimeout(() => {
            $(".loader").fadeOut(1000);
        }, 500)
    })
</script> -->

@endsection