@extends('layouts.app')

@section('content')
    <div class="container">
        <h2 class="text-center font-weight-bold my-4">PAMPASAN</h2>
        <div class="row mb-4">
            <div class="col-md-6">
                <label>NAMA</label>
                <input type="text" class="form-control mb-2" value="{{ $customer_info['nama'] ?? '-' }}" readonly>
            </div>
            <div class="col-md-6">
                <label>NO PELANGGAN</label>
                <input type="text" class="form-control mb-2" value="{{ $gadai_info['nopelanggan'] ?? '-' }}" readonly>
            </div>
            <div class="col-md-6">
                <label>NO RUJUKAN</label>
                <input type="text" class="form-control mb-2" value="{{ $gadai_info['norujukan'] ?? '-' }}" readonly>
            </div>
            <div class="col-md-6">
                <label>NO KAD PENGENALAN</label>
                <input type="text" class="form-control mb-2" value="{{ $gadai_info['nokp'] ?? '-' }}" readonly>
            </div>
        </div>

        <div class="card p-4 mx-auto" style="max-width:900px;">
            <div class="row mb-3">
                <div class="col-md-6">
                    <label>BAUCER NO</label>
                    <input type="text" class="form-control" value="{{ $baucerno ?? '-' }}" readonly>
                </div>
                <div class="col-md-6">
                    <label>NILAI MARHUN</label>
                    <input type="text" class="form-control"
                        value="RM {{ number_format($barang_kes_info['nilaimarhun'], 2) }}" readonly>
                </div>
                <div class="col-md-6">
                    <label>BAKI PEMBIAYAAN</label>
                    <input type="text" class="form-control"
                        value="RM {{ number_format($barang_kes_info['pembiayaan'], 2) }}" readonly>
                </div>
                <div class="col-md-6">
                    <label>KEUNTUNGAN</label>
                    <input type="text" class="form-control" value="RM {{ number_format($barang_kes_info['untung'], 2) }}"
                        readonly>
                </div>
                <div class="col-md-6">
                    <label>JUMLAH PAMPASAN</label>
                    @php
                        $nilaimarhun = floatval($barang_kes_info['nilaimarhun'] ?? 0);
                        $pembiayaan = floatval($barang_kes_info['pembiayaan'] ?? 0);
                        $untung = floatval($barang_kes_info['untung'] ?? 0);
                        $jumlah_pampasan = $nilaimarhun - $pembiayaan - $untung;
                    @endphp
                    <input type="text" class="form-control" value="RM {{ number_format($jumlah_pampasan, 2) }}" readonly>
                </div>
                <div class="col-md-6">
                    <label>JUMLAH TEBUS</label>
                    <input type="text" class="form-control" value="RM {{ number_format($jumlah_tebus, 2) }}" readonly>
                </div>

                <div class="col-md-12 row mb-3 justify-content-center">
                    <div class="col-md-6 text-center">
                        <label><strong>JUMLAH PANJAR</strong></label>
                        <input type="text" class="form-control text-center"
                            value="RM {{ number_format($jumlahPanjar, 2) }}" readonly>
                    </div>
                </div>

            </div>
            <div class="row mb-3">
                <div class="col-12">
                    <div class="alert alert-info text-center font-weight-bold" style="font-size: 1.2rem;">
                        Cara Pengiraan Jumlah Pampasan:<br>
                        <span style="font-size:1.3rem;">
                            <b>Jumlah Pampasan = Nilai Marhun - Baki Pembiayaan - Keuntungan</b>
                        </span>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12 text-right">
                    <button type="button" class="btn btn-success mr-2" data-toggle="modal"
                        data-target="#denominasipampasan" data-jumlah="{{ $jumlah_pampasan }}">
                        DENO
                    </button>

                    <button type="button" class="btn btn-danger" onclick="window.history.back()">BATAL</button>
                </div>
            </div>
        </div>
    </div>

    <script>
        const formatter = new Intl.NumberFormat('en-US', {
            minimumFractionDigits: 2
        });

        var arrayambilan = [
            ["bundle1", 0],
            ["bundle5", 0],
            ["bundle10", 0],
            ["bundle20", 0],
            ["bundle50", 0],
            ["bundle100", 0],
            ["sen1", 0],
            ["sen5", 0],
            ["sen10", 0],
            ["sen20", 0],
            ["sen50", 0],
            ["ringgit1", 0],
            ["ringgit5", 0],
            ["ringgit10", 0],
            ["ringgit20", 0],
            ["ringgit50", 0],
            ["ringgit100", 0]
        ];

        function totalamount(idwang, bilangan) {
            var amount = 0;
            switch (idwang) {
                case 'bundle1':
                    amount += (bilangan * 100);
                    break;
                case 'bundle20':
                    amount += (bilangan * 1000);
                    break;
                case 'bundle5':
                    amount += (bilangan * 500);
                    break;
                case 'bundle50':
                    amount += (bilangan * 5000);
                    break;
                case 'bundle10':
                    amount += (bilangan * 1000);
                    break;
                case 'bundle100':
                    amount += (bilangan * 5000);
                    break;
                case 'sen1':
                    amount += (bilangan * 0.01);
                    break;
                case 'sen5':
                    amount += (bilangan * 0.05);
                    break;
                case 'sen10':
                    amount += (bilangan * 0.10);
                    break;
                case 'sen20':
                    amount += (bilangan * 0.20);
                    break;
                case 'sen50':
                    amount += (bilangan * 0.50);
                    break;
                case 'ringgit1':
                    amount += (bilangan * 1);
                    break;
                case 'ringgit5':
                    amount += (bilangan * 5);
                    break;
                case 'ringgit10':
                    amount += (bilangan * 10);
                    break;
                case 'ringgit20':
                    amount += (bilangan * 20);
                    break;
                case 'ringgit50':
                    amount += (bilangan * 50);
                    break;
                case 'ringgit100':
                    amount += (bilangan * 100);
                    break;
            }

            return amount;
        }

        function kiraanpanjar(datakeyin) {
            var idkey = $(datakeyin).attr('id');
            var valkey = $(datakeyin).val();
            var amount = 0;
            let amountkiraan = 0;

            var validate = parseFloat($(datakeyin).data('amaun'));

            $.each(arrayambilan, function(index, arr) {
                if (arr[0] == idkey) {

                    arrayambilan[index][1] = totalamount(idkey, valkey);
                }

                amount += arr[1];
            });

            if (Number(valkey) > Number(validate)) {
                Swal.fire({
                    icon: 'error',
                    title: 'Amaran',
                    text: 'Jumlah denominasi melebihi kadar'
                });
                $(datakeyin).val('');
            } else {

                $('#amaunkiraan').val(amount);

            }

            switch (idkey) {
                case 'bundle1':
                    amountkiraan += (valkey * 100);
                    $('#totalb1').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'bundle20':
                    amountkiraan += (valkey * 1000);
                    $('#totalb20').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'bundle5':
                    amountkiraan += (valkey * 500);
                    $('#totalb5').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'bundle50':
                    amountkiraan += (valkey * 5000);
                    $('#totalb50').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'bundle10':
                    amountkiraan += (valkey * 1000);
                    $('#totalb10').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'bundle100':
                    amountkiraan += (valkey * 5000);
                    $('#totalb100').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'sen1':
                    amountkiraan += (valkey * 0.01);
                    $('#totalsen1').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'sen5':
                    amountkiraan += (valkey * 0.05);
                    $('#totalsen5').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'sen10':
                    amountkiraan += (valkey * 0.10);
                    $('#totalsen10').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'sen20':
                    amountkiraan += (valkey * 0.20);
                    $('#totalsen20').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'sen50':
                    amountkiraan += (valkey * 0.50);
                    $('#totalsen50').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'ringgit1':
                    amountkiraan += (valkey * 1);
                    $('#totalring1').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'ringgit5':
                    amountkiraan += (valkey * 5);
                    $('#totalring5').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'ringgit10':
                    amountkiraan += (valkey * 10);
                    $('#totalring10').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'ringgit20':
                    amountkiraan += (valkey * 20);
                    $('#totalring20').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'ringgit50':
                    amountkiraan += (valkey * 50);
                    $('#totalring50').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
                case 'ringgit100':
                    amountkiraan += (valkey * 100);
                    $('#totalring100').val(formatter.format(amountkiraan.toFixed(2)));
                    break;
            }

        }
    </script>

    @include('modal.denopampasan')
@endsection