erahn-click/resources/views/includes/home.blade.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 | Customer Portal</title>

<!-- <div class="loader">
    <img src="{{ asset('assets/img/material-kit/grid.svg') }}">
</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">Enter</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">Enter</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>Enter</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">Enter</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>PitihEmas</a>
            </h5>
            <button type="button" class="btn bg-gradient-primary btn-sm mb-0 mt-3" disabled>Enter</button>
        </div>
    </div>
</div>

<div class="col-lg-4 col-md-6">
    <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>
                        @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>
<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