@extends('layouts.app')

@include('modal.historybayaran')
@include('modal.wakil')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-12">
            <h3 class="text-center text-uppercase mb-5">PENEBUSAN</h3>
            <div class="form-group row col-12">

            <div class="col-6">
                    <div class="form-group row">
                        <div class="col-4">
                            NAMA
                        </div>
                        <div class="col-8">
                        <input type="text" value="{{ $nama }}" class="form-control" readonly/>
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group row">
                        <div class="col-4">
                            NO PELANGGGAN
                        </div>
                        <div class="col-8">
                            <input type="text" value="{{ $gadai['nopelanggan'] }}" class="form-control" readonly/>
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group row">
                        <div class="col-4">
                            NO RUJUKAN
                        </div>
                        <div class="col-8">
                            <input type="text" value="{{ $gadai['norujukan'] }}" class="form-control" readonly/>
                        </div>
                    </div>
                </div>
                <div class="col-6">
                    <div class="form-group row">
                        <div class="col-4">
                            NO KAD PENGENALAN
                        </div>
                        <div class="col-8">
                            <input type="text" value="{{ $gadai['nokp'] }}" class="form-control" readonly/>
                        </div>
                    </div>
                </div>
                <div class="col-4">
                    <div class="form-group row">
                        <div class="col-4">
                            JENIS TEBUS
                        </div>
                        <div class="col-8">
                            <select class="form-control" id="sltjenistebus">
                                <option value="T">T = Tebus</option>
                                <option value="A">A = Ansuran</option>
                                <option value="S">S = Separuh</option>
                                <option value="P">P = Tambah Pinjaman</option>
                              </select>
                        </div>
                    </div>
                </div>
                <div class="col-4">
                    <div class="form-group row" style="visibility: hidden;">
                        <div class="col-4">
                            NO SIRI TEBUS
                        </div>
                        <div class="col-8">
                            <input type="text" class="form-control">
                        </div>
                    </div>
                </div>
                <div class="col-4">
                    <div class="form-group row">
                        <div class="col-2">
                            WAKIL
                        </div>
                        <div class="col-8">
                            <input type="text" class="form-control" name="wakil" id="wakiltxt" />
                        </div>
                        <div class="col-2">
                            <button class="btn btn-primary" id="caribtn" onclick="wakilfunction(this)">Cari</button>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="card">
                <div class="card-body">
                    <table id="tablemarhun" class="table table-striped table-bordered text-center">
                        <thead>
                            <tr>
                                <th>Bil</th>
                                <th>Marhun</th>
                                <th>Nilai Marhun</th>
                                <th>Berat/gram</th>
                                <th>Karat</th>
                                <th>Harga</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $count = 0; @endphp
                            @foreach ($marhun as $index=>$m)
                            <tr>
                            <td><input type="checkbox" id="checkmarhun" data-recno="{{ $m['recno'] }}" data-nm="{{ $m['n_marhun'] }}" data-marhun="{{ $m['marhun'] }}" data-berat="{{ $m['berat'] }}" style="display:none;"/><span class="spannar">{{ $index+1 }}</span></td>
                            @php
                            $marhunperibadi = Http::get(config('api.url') .'/api/jemas/nama_marhun/',["marhun" => $m['marhun']])->json();
                            @endphp
                            <td>{{ $marhunperibadi['descpt'] }}</td>
                            <td>RM {{ number_format($m['n_marhun'],2) }}</td>
                            <td>{{ $m['berat'] }}</td>
                            <td>{{ $m['karat'] }}</td>
                            <td>RM {{ $m['harga'] }}</td>
                            </tr>
                            @php $count++; @endphp
                            @endforeach
                        </tbody>
                        <tr>
                            <td colspan="2"><b>JUMLAH</b></td>
                            <td>RM {{ number_format($gadai['nilaimarhun'],2) }}</td>
                            <td>{{ number_format($gadai['berat'],2) }}</td>
                            <td colspan="2"></td>
                          </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
            {{-- {{dd($gadai)}} --}}
            <div class="card">
                <div class="card-body">
                    <form action="">
                        <div class="col-12 form-group row">
                            {{-- <div class="col-4"></div> --}}
                            <div class="col-6" id="divbakihargajualan">
                                
                                <div class="form-group row">
                                    <div class="col-4">
                                        BAKI HARGA JUALAN(RM)
                                    </div>
                                    <div class="col-8">
                                        <input type="text" id="bakihargajualan" value="{{ $gadai['bakihargajualan'] }}" class="form-control" readonly/>
                                    </div>
                                </div>

                                <div class="form-group row">
                                    <div class="col-4">
                                        BAKI PEMBIAYAAN(RM)
                                    </div>
                                    <div class="col-8">
                                        <input type="text" id="pinjaman" value="{{ $gadai['bakipjm'] }}" class="form-control" readonly/>
                                    </div>
                                </div>   
                            </div>

                            <div class="col-6" id="divpembiayaanasal">
                                
                                <div class="form-group row">
                                    <div class="col-4">
                                        PEMBIAYAAN ASAL(RM)
                                    </div>
                                    <div class="col-8">
                                        <input type="text" id="pinjamanasal" value="{{ $gadai['pinjaman'] }}" class="form-control" readonly/>
                                    </div>
                                </div>  
                            </div>

                            <div class="col-6">
                                <div class="form-group row">
                                    <div class="col-4">
                                        JUMLAH UPAH(RM)
                                    </div>
                                    <div class="col-8">
                                        <input type="text" id="jumlahupah" class="form-control" readonly/>
                                    </div>
                                </diV>

                                <div class="form-group row" id="divtelahdibayar">
                                    <div class="col-4">
                                        TELAH DIBAYAR(RM)
                                    </div>
                                    <div class="col-8">
                                        <input type="text" id="jumlahtelahdibayar" class="form-control" readonly/>
                                    </div>
                                </diV>
                            </div>
                            <div class="col-6">
                                <div class="form-group row" id="divbayaran">
                                    <div class="col-4">
                                       BAYARAN PEMBIAYAAN(RM)
                                    </div>
                                    <div class="col-8">
                                        <input type="text" id="bayaran" onkeyup="bayartambahan(this)" placeholder="0.00" class="form-control" disabled/>
                                    </div>
                                </div>
                                <div class="form-group row" id="divtambahpinjaman">
                                    <div class="col-4">
                                       TAMBAH PEMBIAYAAN(RM)
                                    </div>
                                    <div class="col-4">
                                        <input type="text" id="tambahpinjam" onkeyup="bayarpinjam(this)" placeholder="0.00" class="form-control"/>
                                    </div>
                                    <div class="col-4">
                            
                                        <input type="text" id="tambahpinjamsebenar" placeholder="0.00" class="form-control" disabled/>
                                    </div>
                                </diV>
                                
                            </div>

                            <div class="col-6" id="divbakipinjaman">
                                <div class="form-group row">
                                    <div class="col-4">
                                        PEMBIAYAAN BARU(RM)
                                    </div>
                                    <div class="col-8">
                                        <input type="text" placeholder="0.00" id="bakipinjaman" class="form-control" readonly/>
                                    </div>
                                </div>
                            </div>

                            <div class="col-6" id="divperludibayar">
                                <div class="form-group row">
                                    <div class="col-4">
                                        PERLU DIBAYAR(RM)
                                    </div>
                                    <div class="col-8">
                                        <input type="text" id="perludibayar" onkeyup="bayarkey(this)" class="form-control" readonly/>
                                    </div>
                                </div>
                            </div>

                            <div class="col-6" id="divpinjamanbaru">
                               
                                <div class="form-group row">
                                    <div class="col-4">
                                        PINJAMAN BARU(RM)
                                    </div>
                                    <div class="col-8 input-group mb-3">
                                        <input type="text" id="pinjamanbaru" value="{{ $gadai['pinjaman'] }}" class="form-control" aria-describedby="basic-addon2" readonly/>
                                        <div class="input-group-append">
                                        <span class="input-group-text" id="basic-addon2">{{ $gadai['percentpinj']}}</span>
                                          </div>
                                    </div>
                                </diV>
                            </div>
                            <div class="col-6" id="divbayaranditerima">
                                <div class="form-group row">
                                    <div class="col-4">
                                        BAYARAN DITERIMA(RM)
                                    </div>
                                    <div class="col-4">
                                        <input type="text" id="bayaranditerima" class="form-control" readonly/>
                                    </div>
                                </diV>

                            </div>

                           
                            <div class="col-12">
                                <input type="button" class="float-right btn btn-danger mr-2" value="BATAL" onclick="window.location.replace('{{ url()->previous() }}')">
                                <input type="button" class="float-right btn btn-primary mr-2" value="TERIMA" onclick="bayaransemua()">
                                <input type="button" class="float-left btn btn-warning mr-2" value="HISTORY" id="histbtn" onclick="historybayaran()">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>

var historybayarandatatable = $('#tablehistorybayaran').DataTable({
        "ordering": false
    });

var api = '<?php echo $api_url ?>';

$('input[type="checkbox"]').hide();
$('#divtambahpinjaman').hide();
$('#divpinjamanbaru').hide();
$('#divbayaranditerima').hide();
$('#divbakipinjaman').hide();

var array_recno = [];
var array_nm = [];
var array_marhun = [];
var array_berat = [];

//max bayaran 
let jumlahasalmarhun = parseFloat("{{ $gadai['nilaimarhun'] }}");
let totalmarhun = jumlahasalmarhun;

let bayaranseparuhasal = 0;

let bilangan_marhun = Number("{{ $count }}");

bilmarhun = () => {
  if(bilangan_marhun ==1)
  {
    $('option[value="S"]').attr("disabled", true);
  }
  else
  {
    $('option[value="S"]').attr("disabled", false);
  }
}

bilmarhun();

var tarikhtawarruq = new Date("2021/01/01");
var tarikhgadai = new Date("{{ $gadai['t_gadai'] }}");


var kodcaw = "{{ $gadai['kodcaw'] }}";
var norujukan = "{{ $gadai['norujukan'] }}";

var jumlahperlu = 0;
var jumlahminima = 0;
 

$( document ).ready(function() {
    tebusan();

  $("#bayaran").inputFilter(function(value) {
    return /^\d*\.?(?:\d{1,2})?$/.test(value);    // Allow digits only, using a RegExp
  });

  $("#tambahpinjam").inputFilter(function(value) {
    return /^\d*\.?(?:\d{1,2})?$/.test(value);    // Allow digits only, using a RegExp
  });

});

function tebusan()
{
    
    if(tarikhgadai >= tarikhtawarruq)
    {   
        let maxgadaila = "{{ $maxgadai = ($gadai['nilaimarhun'] * 0.8) - $gadai['bakipjm'] }}";
                               
        $('#tambahpinjamsebenar').val(Number(maxgadaila).toFixed(2));                            


        $('#divpembiayaanasal').hide();
        $('#divbakihargajualan').show();
        $('#divtelahdibayar').show();
        $('#histbtn').show();
        
        //Upah Tawarruq
        $.ajax({
          method:'GET',
          url: api + '/api/upahtawarruq/' + kodcaw + '/' + norujukan,
          dataType: 'json',
          success:function(data){
            $('#jumlahupah').val(data.toFixed(2));
            $('#bayaranditerima').val(data);
          }
        });


        //Tebus Tawarruq
        $.ajax({
          method:'GET',
          url: api + '/api/tebustawarruq/' + kodcaw + '/' + norujukan,
          dataType: 'json',
          success:function(data){
            $('#perludibayar').val(data.toFixed(2));
          }
        });


    }
    else if(tarikhgadai < tarikhtawarruq)
    {
        let maxgadaila = "{{ $maxgadai = ($gadai['nilaimarhun'] * 0.8) - $gadai['pinjaman'] }}";

        $('#tambahpinjamsebenar').val(Number(maxgadaila).toFixed(2));

        $('#divpembiayaanasal').show();
        $('#divbakihargajualan').hide();
        $('#divtelahdibayar').hide();
        $('#histbtn').hide();

        //Upah Bukan Tawarruq
        $.ajax({
          method:'GET',
          url: api + '/api/upahbukantawarruq/' + kodcaw + '/' + norujukan,
          dataType: 'json',
          success:function(data){
            $('#jumlahupah').val(data);
            $('#bayaranditerima').val(data);
          }
        });

        //Tebus Bukan Tawarruq
        $.ajax({
          method:'GET',
          url: api + '/api/tebusbukantawarruq/' + kodcaw + '/' + norujukan,
          dataType: 'json',
          success:function(data){
            $('#perludibayar').val(data);
          }
        });


    }

    // Telah dibayar
    $.ajax({
          method:'GET',
          url: api + '/api/transaction/' + norujukan,
          dataType: 'json',
          success:function(data){
            var totaltelahdibayar = 0;

            if(data == '')
            {
                $('#jumlahtelahdibayar').val(0);
            }
            else
            {
                $.each(data,function(index,transaksi){

                    totaltelahdibayar += parseFloat(transaksi.duit_masuk);
                });

                $('#jumlahtelahdibayar').val(totaltelahdibayar);
            }

          }
     });

}

if(tarikhgadai >= tarikhtawarruq)
{

     //checked box
    var checkboxes = document.querySelectorAll('input[type="checkbox"]');
    var checkedOne = Array.prototype.slice.call(checkboxes).some(x => x.checked);

    //Separuh Bayar Tawarruq
    $(document).on('click', '#checkmarhun', function(e) {

        var totalCheckboxes = $('input[type="checkbox"]').length;
        let numbernotchecked = $("input:checkbox:not(:checked)").length;

        var recno = $(this).data('recno');
        var nilaimarhun = $(this).data('nm');
        var marhun = $(this).data('marhun');
        var berat = $(this).data('berat');

        if ($(this).is(':checked')) {
            array_recno.push(recno);
            array_nm.push(nilaimarhun);
            array_marhun.push(marhun);
            array_berat.push(berat);

            totalmarhun = totalmarhun - parseFloat(nilaimarhun);
            console.log("Nilai Marhun: " + nilaimarhun);
            console.log("Max Bayaran Marhun: " + totalmarhun);
            console.table(array_recno);
            
        }
        else{
            var rm = array_recno.findIndex(x => x === recno);
            var rmnilai = array_nm.findIndex(y => y == nilaimarhun);
            var rmmarhun = array_marhun.findIndex(z => z == marhun);
            var rmberat = array_berat.findIndex(a => a == berat);
            
            array_recno.splice(rm);
            array_nm.splice(rmnilai);
            array_marhun.splice(rmmarhun);
            array_berat.splice(rmberat);

            totalmarhun = totalmarhun + parseFloat(nilaimarhun);
            console.log("Nilai Marhun: " + nilaimarhun);
            console.log("Max Bayaran Marhun: " + totalmarhun);

            console.table(array_recno[0]);

        }
        if(numbernotchecked != totalCheckboxes)
        {
            console.log('masuk');
            $.ajax({
                method:'GET',
                url: api + '/api/tebusseparuhtawarruq/' + kodcaw + '/' + norujukan,
                dataType: 'json',
                data:{
                "array_recno" : array_recno
                },
                success:function(success){
                    let bayarz = $('#bayaran').val(Number(success.toFixed(2)));

                    bayaranseparuhasal = Number(success.toFixed(2));

                    let bakihargajual = $('#bakihargajualan').val();

                    $('#perludibayar').val(Number(success.toFixed(2)) +  parseFloat($('#jumlahupah').val()));

                    let totalbakipinjam = parseFloat($('#pinjaman').val()) - success;
                    $('#bakipinjaman').val(totalbakipinjam.toFixed(2));

                },error:function(xhr, textStatus, errorThrown){
                    console.log(xhr.responseText);
                    console.log(textStatus);
                }
            });
        }
        else
        {
            $('#perludibayar').val(parseFloat($('#jumlahupah').val()));
            $('#bakipinjaman').val(0);
            $('#bayaran').val(0);

        }
    });

}
    else if(tarikhgadai < tarikhtawarruq){
        //Separuh Bayar Bukan Tawarruq
        $(document).on('click', '#checkmarhun', function(e) {

        //checked box
        var checkboxes = document.querySelectorAll('input[type="checkbox"]');
        var checkedOne = Array.prototype.slice.call(checkboxes).some(x => x.checked);


        //jumlah upah
        var jumupah = parseFloat($('#jumlahupah').val());

            var recno = $(this).data('recno');
            var nilaimarhun = $(this).data('nm');
            var marhun = $(this).data('marhun');
            var berat = $(this).data('berat');

            if ($(this).is(':checked')) {
                array_recno.push(recno);
                array_nm.push(nilaimarhun);
                array_marhun.push(marhun);
                array_berat.push(berat);

                console.log("Nilai Marhun: " + nilaimarhun);

            }
            else{
                var rm = array_recno.findIndex(x => x === recno);
                var rmnilai = array_nm.findIndex(y => y == nilaimarhun);
                var rmmarhun = array_marhun.findIndex(z => z == marhun);
                var rmberat = array_berat.findIndex(a => a == berat);

                
                array_recno.splice(rm);
                array_nm.splice(rmnilai);
                array_marhun.splice(rmmarhun);
                array_berat.splice(rmberat);

                console.log("Nilai Marhun: " + rmnilai);

            }

            if (checkedOne == false) {
                $('#perludibayar').val(jumupah);
                $('#bayaran').val(jumupah);
            }
            else
            {
                $.ajax({
                    method:'GET',
                    url: api + '/api/tebusseparuhbukantawarruq/' + kodcaw + '/' + norujukan,
                    dataType: 'json',
                    data:{
                    "array_recno" : array_recno
                    },
                    success:function(success){
                        jumlahminima = Number(success.toFixed(2));

                        $('#bayaran').val(jumlahminima);

                        $('#bakipinjaman').val($('#pinjamanasal').val() - jumlahminima);

                        $('#perludibayar').val(Number(success.toFixed(2)) +  parseFloat($('#jumlahupah').val()));
                        jumlahperlu = Number(success.toFixed(2)) + parseFloat($('#jumlahupah').val());
                    },
                    error: function (request, status, error) {
                        console.log(request.responseText);
                    }
                });
            }
        });
    }
    

  

$("#sltjenistebus").change(function(){
  
    var jumupah = parseFloat($('#jumlahupah').val());

    switch($(this).val()) {
        case "T":
        $('input[type="checkbox"]').hide();
        $('span.spannar').show();

        $("#bayaran").prop("disabled", true);
        $("#bayaran").val(0);
        
        $('#divtambahpinjaman').hide();
        $('#divpinjamanbaru').hide();
        $('#divbayaranditerima').hide();
        $('#divbakipinjaman').hide();

        $('#divtelahdibayar').show();
        $('#divbayaran').show();
        $('#divperludibayar').show();

        tebusan();
        break;

        case "A":
        $('input[type="checkbox"]').hide();
        $('span.spannar').show();

        $("#bayaran").prop("disabled", false);
        $("#perludibayar").prop("readonly", true);
        $("#bayaran").val(0);

        $('#divtambahpinjaman').hide();
        $('#divpinjamanbaru').hide();
        $('#divbayaranditerima').hide();
        $('#divbakipinjaman').hide();

        $('#divtelahdibayar').show();
        $('#divbayaran').show();
        $('#divperludibayar').show();

        $('#perludibayar').val(jumupah);

        break;

        case "S":
        $('input[type="checkbox"]').show();
        $('span.spannar').hide();

        $("#bayaran").prop("disabled", true);
        $("#perludibayar").prop("readonly", false);
        $("#bayaran").val(0);

        $('#divtambahpinjaman').hide();
        $('#divpinjamanbaru').hide();
        $('#divbayaranditerima').hide();

        $('#divbakipinjaman').show();
        $('#divtelahdibayar').show();
        $('#divbayaran').show();
        $('#divperludibayar').show();

        $('#perludibayar').val(jumupah);
        break;

        case "P":
        $('input[type="checkbox"]').hide();
        $('span.spannar').show();
        $('#divpinjaman').show();
        $('#divtambahpinjaman').show();
        $('#divpinjamanbaru').show();
        $('#divbayaranditerima').show();

        $('#divtelahdibayar').hide();
        $('#divbakipinjaman').hide();
        $('#divbayaran').hide();
        $('#divperludibayar').hide();


        $("#bayaran").prop("disabled", false);
        $("#bayaran").val(0);
        break;
    }      

});

function bayarkey(e)
{
   
    if($('#sltjenistebus').find(":selected").val() == 'S')
    {
        let byr = $(e).val();
        let total = 0;
        let pdbyr = 0;
        let totalseparuh = 0;

        console.log(byr);

        console.log(bayaranseparuhasal);

        if(byr < (bayaranseparuhasal + parseFloat($('#jumlahupah').val())))
        {
            $('#bayaran').val(bayaranseparuhasal.toFixed(2));
        }
        else
        {
            totalseparuh = byr - parseFloat($('#jumlahupah').val());
            $('#bayaran').val(totalseparuh.toFixed(2));
        }

        // pdbyr = parseFloat(byr);
        pdbyr = $('#bayaran').val();
        total =  $('#pinjaman').val() - pdbyr;

        // $('#perludibayar').val(pdbyr);
        $('#bakipinjaman').val(total.toFixed(2));
    }
}

function bayartambahan(e)
{
    if($('#sltjenistebus').find(":selected").val() == 'A')
    {
        if(tarikhgadai < tarikhtawarruq)
        {
    
        let byr = $(e).val();
        let total = 0;
        let pdbyr = 0;

        if(byr == '')
        {
            $('#perludibayar').val($('#jumlahupah').val());
        }
        else
        {
            pdbyr = parseFloat(byr) + parseFloat($('#jumlahupah').val());

            $('#perludibayar').val(pdbyr);
            // $('#perludibayar').val(total);
        }
       
        }
    }
}


function bayarpinjam(e)
{

    var maxpinjam = parseFloat($('#tambahpinjamsebenar').val());
    var pinjambaru = parseFloat($('#pinjamanbaru').val());
    var pinjam = parseFloat($('#pinjaman').val());
    var nm = parseFloat("{{ $gadai['nilaimarhun'] }}");
    const percentpinj = parseFloat("{{ $gadai['percentpinj'] }}");

    var totalpinjbaru=0;

    totalpinjbaru = pinjam + parseFloat(e.value);

    $(e).val() == ''  ? $('#pinjamanbaru').val(pinjam.toFixed(2)) : $('#pinjamanbaru').val(totalpinjbaru.toFixed(2));

    // if(parseFloat($(e).val()) > maxpinjam)
    //     $(e).val(maxpinjam);

    var total = totalpinjbaru/nm * 100;

    $(e).val() == ''  ? $('#basic-addon2').text(percentpinj.toFixed(2)) : $('#basic-addon2').text(total.toFixed(2));  ;
 

}

let teller = "{{ Auth::user()->name }}";

function bayaransemua()
{
    
    if($('#sltjenistebus').find(":selected").val() == 'T')
    {
        let jenisbayarantebus = '';
        if(tarikhgadai < tarikhtawarruq)
        {
            jenisbayarantebus = "nottawarruq";

            var urlroute = '{{ route("resit.belumtebus", ":id") }}';
            urlroute = urlroute.replace(':id', norujukan);
        }
        else if (tarikhgadai >= tarikhtawarruq){
            jenisbayarantebus = "tawarruq";

            var urlroute = '{{ route("resit.tebus", ":id") }}';
            urlroute = urlroute.replace(':id', norujukan);
        }

        var nopelanggan = "{{ $gadai['nopelanggan'] }}";
        var jenistebus = $('#sltjenistebus').find(":selected").val();
        var jbg = "{{ $gadai['tempoh'] }}";
        var kadarupah = "{{ $gadai['kadarupah'] }}";
        var nilai_marhun = "{{ $gadai['nilaimarhun']}}";
        var pinjaman = "{{ $gadai['pinjaman']}}";
        var ansuran = 0;
        var addpinjaman = 0;
        var bakipinjaman = $('#perludibayar').val();
        var bakiupah = $('#jumlahupah').val();
        var historygadaian = 0;
        var marhun = "{{ $gadai['marhun'] }}";
        var nowakil = nw;

        $.ajax({
            method:'put',
            datatype: 'json',
            url: api + '/api/updatetebus/' + kodcaw + '/' + norujukan,
            data:{
                "nopelanggan" : nopelanggan,
                "jenistebus" : jenistebus,
                "jbg" : jbg,
                "kadarupah" : kadarupah,
                "nilai_marhun" : nilai_marhun,
                "pinjaman" : pinjaman,
                "ansuran" : ansuran,
                "addpinjaman" : addpinjaman,
                "bakipinjaman" : bakipinjaman,
                "bakiupah" : bakiupah,
                "historygadaian" : historygadaian,
                "marhun" : marhun,
                "nowakil" : nowakil,
                "jenisbayarantebus" : jenisbayarantebus,
                "teller" : teller
            },
            success:function(success_data){

                Swal.fire({
                    icon: 'success',
                    title: 'Berjaya!',
                    text: 'You clicked the button!',
                    footer: '<a href>Why do I have this issue?</a>'

                }).then(function() {
                    window.open(urlroute, '_blank');
                    window.location.replace("{{ url()->previous() }}");
                })
            }
        });

        /////////////
        //End File//
        ///////////
    
    }
    else if($('#sltjenistebus').find(":selected").val() == 'A')
    {
        let jenisbayarantebus = '';
        let hadbayaransuran = (parseFloat("{{ $gadai['nilaimarhun']}}") * 0.1);

        if(tarikhgadai < tarikhtawarruq)
        {
            jenisbayarantebus = "nottawarruq";
        }
        else if (tarikhgadai >= tarikhtawarruq){
            jenisbayarantebus = "tawarruq";
        }


        if(tarikhgadai >= tarikhtawarruq)
        {
            var bayar = $('#bayaran').val(); 
            var bakipinjam = parseFloat("{{ $gadai['bakipjm'] }}") - hadbayaransuran;


           
            if(bayar >  bakipinjam)
            {
                Swal.fire(
                    'Amaran!',
                    'Bayaran tidak boleh melebihi 10% nilai marhun!',
                    'error'
                )
                return false;
            }


            $.ajax({
            method:'get',
            url: "{{ route('bayaran.ansuranstawarruq') }}",
            data:{
                "bayaran" : bayar,
                "kodcaw" : kodcaw,
                "norujukan" : norujukan,
                "teller" : teller
            },
            success:function(success_data){

                console.log(success_data);

                var urlroute = '{{ route("resit.ansurans", ":id") }}';
                urlroute = urlroute.replace(':id', norujukan);

                Swal.fire(
                    'Good job!',
                    'You clicked the button!',
                    'success'
                ).then(function() {
                    window.open(urlroute, '_blank');
                    window.location.replace("{{ url()->previous() }}");
                })
            }
        });

        }
        else if(tarikhgadai < tarikhtawarruq)
        {
        // if($('#bayaran').val() > 0 && $('#bayaran').val() <= parseFloat($('#jumlahupah').val()))
        // {
        //     Swal.fire(
        //     'Amaran!',
        //     'Masukkan jumlah melebihi jumlah upah!',
        //     'error'
        //     )
        //     return false;
        // }

        var bakpin = parseFloat("{{ $gadai['pinjaman'] }}") - hadbayaransuran;

        var bayar = $('#bayaran').val();
           
        if(bayar >  bakpin)
        {
            Swal.fire(
                'Amaran!',
                'Bayaran tidak boleh melebihi 10% nilai marhun!',
                'error'
            )
            return false;
        }


        var lebihan = parseFloat($('#perludibayar').val()) - parseFloat($('#jumlahupah').val());
 
        var nopelanggan = "{{ $gadai['nopelanggan'] }}";
        var jenistebus = $('#sltjenistebus').find(":selected").val();
        var jbg = "{{ $gadai['tempoh'] }}";
        var kadarupah = "{{ $gadai['kadarupah'] }} ";
        var nilai_marhun = "{{ $gadai['nilaimarhun']}}";
        var pinjaman = parseFloat("{{ $gadai['pinjaman'] }}") - parseFloat($('#bayaran').val());
        var ansuran = $('#bayaran').val();
        var addpinjaman = $('#bayaran').val();
        var bakipinjaman = parseFloat($('#bayaran').val()) - parseFloat($('#jumlahupah').val());
        var bakiupah = 0;
        var historygadaian = norujukan;
        var marhun = "{{ $gadai['marhun'] }}";
        var noic = "{{ $gadai['nokp'] }}";
        var total_berat = parseFloat("{{ $gadai['berat'] }}");
        var kuantiti_marhun = Number("{{sizeof($marhun)}}");

        var kadarupahbaru = 0;

        if(nilai_marhun > 0 && nilai_marhun < 401.99){
            kadarupahbaru = 1.2/100;
        }else if(nilai_marhun >= 402 && nilai_marhun < 2001.99){
            kadarupahbaru = 1.50/100;
        }else if(nilai_marhun >= 2002 ){
            kadarupahbaru = 1.70/100;
        }

        var keuntungan_sebulan = pinjaman * kadarupahbaru;
        var keuntungan_6bln = keuntungan_sebulan * 6;

        $.ajax({
            method:'get',
            url: "{{ route('bayaran.ansurans') }}",
            data:{
                "nopelanggan" : nopelanggan,
                "jenistebus" : jenistebus,
                "jbg" : jbg,
                "kadarupah" : kadarupah,
                "nilai_marhun" : nilai_marhun,
                "pinjaman" : pinjaman,
                "ansuran" : ansuran,
                "addpinjaman" : addpinjaman,
                "bakipinjaman" : bakipinjaman,
                "bakiupah" : bakiupah,
                "historygadaian" : historygadaian,
                "marhun" : marhun,
                "norujukan" : norujukan,
                "noic" : noic,
                "kadarkeuntungan" : kadarupahbaru,
                "keuntungan_6bln" : keuntungan_6bln,
                "keuntungan_sebulan" : keuntungan_sebulan,
                "kuantiti_marhun" : kuantiti_marhun,
                "lebihan" : lebihan,
                "jenisbayarantebus" : jenisbayarantebus,
                "teller" : teller
                
            },
            success:function(success_data){
                Swal.fire(
                    'Good job!',
                    'You clicked the button!',
                    'success'
                ).then(function() {
                    window.location.replace("{{ url('customer_info') }}");
                })
            },error: function (request, status, error) {
            console.log(request.responseText);
        }
        });

        }
        /////////////
        //End File//
        ////////////

    }
    else if($('#sltjenistebus').find(":selected").val() == 'S')
    {
        let jenisbayarantebus = '';
        if(tarikhgadai < tarikhtawarruq)
        {
            jenisbayarantebus = "nottawarruq";
        }
        else if (tarikhgadai >= tarikhtawarruq){
            jenisbayarantebus = "tawarruq";
        }

        console.log("perlu dibayar: " + $('#perludibayar').val());
        console.log("bayaran : " + (parseFloat($('#bayaran').val()) + parseFloat($('#jumlahupah').val())));

        if($('#perludibayar').val() < (parseFloat($('#bayaran').val()) + parseFloat($('#jumlahupah').val())))
        {
            Swal.fire(
            'Amaran!',
            'Jumlah bayaran kurang daripada jumlah yang perlu dibayar!',
            'error'
            )
            return false;
        }


        let maxbayaran = totalmarhun * 0.1;

        if($('#bakipinjaman').val() < maxbayaran || $('#bakipinjaman').val() < 50)
        {
            Swal.fire(
            'Amaran!',
            `Baki margin pinjaman tidak boleh kurang 10% daripada nilai marhun \n [ RM ${totalmarhun.toFixed(2)} x 10% = RM ${maxbayaran.toFixed(2)} ]`,
            'error'
            )
            return false;
        }

        //checked box
        var checkboxes = document.querySelectorAll('input[type="checkbox"]');
        var checkedOne = Array.prototype.slice.call(checkboxes).some(x => x.checked);

        console.log(checkboxes.length);
        if (checkedOne == false) {
            Swal.fire(
            'Amaran!',
            'Sila tick salah satu marhun!',
            'error'
            )
            return false;
        }

        alert('masuk');
        return false;

        var sumnilaimarhun = 0;
        var sumberat = 0;
        var marhun = "{{ $gadai['marhun'] }}";

        var test = marhun.split(",");
        // var marhunlama = marhun.split(",");
    
        $.each( array_nm, function( index, value ) {
              sumnilaimarhun += parseFloat(value);
        });


        console.log(test);
        console.log(array_marhun);
        var countarrayerror = 0;
        $.each( test, function( index, value ) {

            for(var i=0; i<array_marhun.length; i++)
            {
                if (value.match(array_marhun[i])) {
                console.log("value: " + value + " index :" + index +" marhun : " + array_marhun[i]);
                test.splice(index,1);
                countarrayerror++;

                if(countarrayerror == array_marhun.length)
                    return false;
                
                }
                // else
                // {
                //     console.log("value: " + value + " index :" + index +" marhun : " + array_marhun[i]);
                //     marhunlama.splice(index,1);
                // }
            }
        });

        

        var marhun_baru = test.join(", ");
        // var marhun_lama = marhunlama.join(", ");


        // console.table(marhun_baru);
        // console.table(marhun_lama);

        // return;

        $.each( array_berat, function( index, value ) {
            sumberat += parseFloat(value);
        });

        // var lebihan = parseFloat($('#bayaran').val()) - parseFloat($('#perludibayar').val());

        var nopelanggan = "{{ $gadai['nopelanggan'] }}";
        var jenistebus = $('#sltjenistebus').find(":selected").val();
        var jbg = "{{ $gadai['tempoh'] }}";
        var kadarupah = "{{ $gadai['kadarupah'] }}";
        var nilai_marhun_lama = parseFloat("{{ $gadai['nilaimarhun'] }}");
        var nilai_marhun = parseFloat("{{ $gadai['nilaimarhun'] }}") - sumnilaimarhun;
        var pinjamanbaru = $('#bakipinjaman').val();
        var ansuran = 0;
        var addpinjaman = 0;
        var bakipinjaman = $('#perludibayar').val();
        var bakiupah = 0;
        var historygadaian = "{{ $gadai['norujukan'] }}";
        var marhun = "{{ $gadai['marhun'] }}";
        var noic = "{{ $gadai['nokp'] }}";
        var total_berat = parseFloat("{{ $gadai['berat'] }}") - sumberat;
        var pinjaman = parseFloat("{{ $gadai['pinjaman']}}");
        var marhun_detail = marhun_baru;
        var kuantiti_marhun = Number("{{sizeof($marhun)}}") - array_recno.length;
        var nowakil = nw;


        console.log("Pinjaman Baru Sekali Lagi: " + pinjamanbaru);
        // console.log('lebihan : ' + lebihan + ' ');
        console.log("No Pelanggan:" + nopelanggan + " " + "jenistebus:" + jenistebus + " " + "jbg:" + jbg + " " + "kadarupah:" + kadarupah + " ");
        console.log("nilai_marhun_lama:" + nilai_marhun_lama + " " + "nilai_marhun:" + nilai_marhun + " " + "pinjamanbaru:" + pinjamanbaru + " " + "bakipinjaman:" + bakipinjaman + " ");
        console.log("historygadaian:" + historygadaian + " " + "marhun:" + marhun + " " + "total_berat:" + total_berat + " " + "pinjaman:" + pinjaman + " ");
        console.log("marhun_detail: " + marhun_detail + "kuantiti_marhun: " + kuantiti_marhun);
        console.log(nowakil);
        
        var kadarupahbaru = 0;

        if(nilai_marhun > 0 && nilai_marhun < 401.99){
            kadarupahbaru = 1.2/100;
        }else if(nilai_marhun >= 402 && nilai_marhun < 2001.99){
            kadarupahbaru = 1.50/100;
        }else if(nilai_marhun >= 2002 ){
            kadarupahbaru = 1.70/100;
        }
        
        var keuntungan_sebulan = pinjamanbaru * kadarupahbaru;
        var keuntungan_6bln = keuntungan_sebulan * 6;

        $.ajax({
        method:"GET",
        url: "{{ route('tebus.separuh') }}",
        data:{
            //yang lama
            "norujukan" : norujukan,
            "nopelanggan" : nopelanggan,
            "jenistebus" : jenistebus,
            "jbg" : jbg,
            "kadarupah" : kadarupah,
            "nilai_marhun" : nilai_marhun_lama,
            "pinjaman_lama" : pinjaman,
            "ansuran" : ansuran,
            "addpinjaman" : addpinjaman,
            "bakipinjaman" : bakipinjaman,
            "bakiupah" : bakiupah,
            "historygadaian" : historygadaian,
            "marhun" : marhun,
            "nowakil" : nowakil,
            "arrayrecno" : array_recno,
            "jenisbayarantebus" : jenisbayarantebus,
            "teller" : teller,


            //yang baru
            "noic" : noic,
            "total_nilai_marhun" : nilai_marhun,
            "pinjaman" : pinjamanbaru,
            "kadarkeuntungan" : kadarupahbaru,
            "keuntungan_6bln" : keuntungan_6bln,
            "keuntungan_sebulan" : keuntungan_sebulan,
            "total_berat" : total_berat,
            "marhun_detail" : marhun_detail,
            "kuantiti_marhun" : kuantiti_marhun
 
        },
        success:function(success_data){
            var urlroute = '{{ route("resit.tebus", ":id") }}';
            urlroute = urlroute.replace(':id', norujukan);

            console.log(success_data);
            Swal.fire(
            'Good job!',
            'You clicked the button!',
            'success'
        ) .then(function() {
            window.open(urlroute, '_blank');
            window.location.replace("{{ url()->previous() }}");
        })
        },error: function (request, status, error) {
            console.log(request.responseText);
        }



        });

        /////////////
        //End File//
        ///////////
       
    }
    else if($('#sltjenistebus').find(":selected").val() == 'P')
    {
        let jenisbayarantebus = '';
        if(tarikhgadai < tarikhtawarruq)
        {
            jenisbayarantebus = "nottawarruq";
        }
        else if (tarikhgadai >= tarikhtawarruq){
            jenisbayarantebus = "tawarruq";
        }

        if( $('#tambahpinjam').val() <=  0 && $('#tambahpinjam').val() === '')
            {
                Swal.fire(
                    'Amaran!',
                    'Amaun hendaklah melebihi daripada 0',
                    'error'
                )
                return false;
        } 
    
        if(parseFloat($('#basic-addon2').text()) > 80)
        {
            Swal.fire(
            'Amaran!',
            'Pinjaman Haruslah Dalam Lingkungan 80%!',
            'error'
            )
            return false;
        }


        var nopelanggan = "{{ $gadai['nopelanggan'] }}";
        var jenistebus = $('#sltjenistebus').find(":selected").val();
        var jbg = "{{ $gadai['tempoh'] }}";
        var kadarupah = "{{ $gadai['kadarupah'] }}";
        var nilai_marhun = "{{ $gadai['nilaimarhun']}}";
        var pinjaman = parseFloat($('#pinjamanbaru').val());
        var ansuran = 0;
        var addpinjaman = $('#tambahpinjam').val() == '' ? 0 : parseFloat($('#tambahpinjam').val());
        var maxpinjaman = parseFloat($('#tambahpinjamsebenar').val());
        var bakipinjaman = maxpinjaman - parseFloat($('#tambahpinjam').val());
        var bakiupah = 0;
        var historygadaian = "{{ $gadai['norujukan'] }}";
        var marhun = "{{ $gadai['marhun'] }}";
        var total_berat = parseFloat("{{ $gadai['berat'] }}");
        var kuantiti_marhun = Number("{{sizeof($marhun)}}");
        var noic = "{{ $gadai['nokp'] }}";
        
        
    

        var kadarupahbaru = 0;

        if(nilai_marhun > 0 && nilai_marhun < 401.99){
            kadarupahbaru = 1.2/100;
        }else if(nilai_marhun >= 402 && nilai_marhun < 2001.99){
            kadarupahbaru = 1.50/100;
        }else if(nilai_marhun >= 2002 ){
            kadarupahbaru = 1.70/100;
        }

        var keuntungan_sebulan = pinjaman * kadarupahbaru;
        var keuntungan_6bln = keuntungan_sebulan * 6;

        console.log("No. Pelanggan : " + nopelanggan  + " Jenistebus : " + jenistebus);
        console.log(" jbg : " + jbg  + " kadarupah : " + kadarupah);
        console.log("nilai_marhun : " + nilai_marhun  + " pinjaman : " + pinjaman);
        console.log("ansuran : " + ansuran  + " addpinjaman : " + addpinjaman);
        console.log("bakipinjaman : " + bakipinjaman  + " bakiupah : " + bakiupah);
        console.log("historygadaian : " + historygadaian  + " marhun : " + marhun);
        console.log("total_berat : " + total_berat  + " kuantiti_marhun : " + kuantiti_marhun);
        console.log("noic :" + noic);


        console.log(keuntungan_sebulan + " " + pinjaman);
    
        // return;

        $.ajax({
            method:'GET',
            url: "{{ route('tambah.pinjaman') }}",
            data:{
                "nopelanggan" : nopelanggan,
                "jenistebus" : jenistebus,
                "jbg" : jbg,
                "kadarupah" : kadarupah,
                "nilai_marhun" : nilai_marhun,
                "pinjaman" : pinjaman,
                "ansuran" : ansuran,
                "addpinjaman" : addpinjaman,
                "bakipinjaman" : bakipinjaman,
                "bakiupah" : bakiupah,
                "historygadaian" : historygadaian,
                "marhun" : marhun,
                "kuantiti_marhun" : kuantiti_marhun,
                "total_berat" : total_berat,
                "kadarkeuntungan" : kadarupahbaru,
                "keuntungan_6bln" : keuntungan_6bln,
                "keuntungan_sebulan" : keuntungan_sebulan,
                "noic" : noic,
                "norujukan" : norujukan,
                "jenisbayarantebus" : jenisbayarantebus,
                "teller" : teller

            },
            success:function(success_data){
                Swal.fire(
                    'Good job!',
                    'You clicked the button!',
                    'success'
                ).then(function() {
                    window.location.replace("{{ url()->previous() }}");
                })
            },error: function (request, status, error) {
            console.log(request.responseText);
        }
        });

        /////////////
        //End File//
        ///////////
    }

}

let nw = 0;

function wakilfunction(e)
{
    let wakil = $('#wakiltxt').val();

    if(wakil.length == 12)
    {
        $.ajax({
            method:'GET',
            url: "{{ route('wakil.search') }}",
            data:{
                'wakil' : wakil
            },
            success:function(data){

                if(data == 'no-data')
                {
                    Swal.fire({
                    allowOutsideClick: false,
                    allowEscapeKey: false,
                    allowEnterKey: false,
                    confirmButtonText: '<i class="fa fa-thumbs-up"></i> Daftar Dulu Boss!',
                    icon: 'info',
                    title: 'Maklumat anda tiada dalam senarai wakil! Tekan button okay untuk mendaftar!'
                    }).then(function(){
                        daftarfunction(wakil);
                    });
                }else{
                    Swal.fire({
                    allowOutsideClick: false,
                    allowEscapeKey: false,
                    allowEnterKey: false,
                    confirmButtonText: '<i class="fa fa-thumbs-up"></i> Baik Boss!',
                    icon: 'success',
                    title: 'Maklumat anda Berjaya Direkodkan!'
                    });

                    console.log(data.nowakil);
                    nw = data.nowakil;

                    $('#wakiltxt').prop( "disabled", true );
                    $(e).html("Ubah");
                    $(e).attr("onclick","ubahwakil(this)");
                }
               
            },error: function (request, status, error) {
            console.log(request.responseText);
        }
        });
    }
    else
    {
        Swal.fire({
            icon: 'error',
            titleText: 'Kad Pengenalan',
            text: 'mestilah tidak melebihi dan kurang daripada 12 patah perkataan'
        });
    }
  
}

function daftarwakil()
{
    let nopelanggan = $('#nopelanggan').val();
    let nowakil = $('#nowakil').val();
    let nama = $('#nama').val();
    let hubungan = $('#slthubungan').val();
    let alamat = $('#alamat').val();
    let telefon = $('#notel').val();
    let nota = $('#nota').val();
    let nokp = $('#nokp').val();

    
    $.ajax({
        method:'POST',
        url: "{{ route('wakil.create') }}",
        data:{ 
            "_token": "{{ csrf_token() }}",
            "nopelanggan" : nopelanggan,
            "nowakil" : nowakil,
            "nama" : nama,
            "hubungan" : hubungan,
            "alamat" : alamat,
            "telefon" : telefon,
            "nota" : nota,
            "icno" : nokp
             },
        success:function(data){

            if(data == 1)
            {
                $('#WakilModal').hide();
                $('#WakilModal').modal('hide');
                nw = nowakil;
                Swal.fire({
                    allowOutsideClick: false,
                    allowEscapeKey: false,
                    allowEnterKey: false,
                    confirmButtonText: '<i class="fa fa-thumbs-up"></i> Baik Boss!',
                    icon: 'success',
                    title: 'Berjaya Mendaftar Wakil Pelanggan!'
                }).then(function(){
                    $('#wakiltxt').prop( "disabled", true );
                    $('#caribtn').html("Ubah");
                    $('#caribtn').attr("onclick","ubahwakil(this)");
                  

                });
            }

        },error: function (request, status, error) {
            console.log(request.responseText);
        }
    });
}

function daftarfunction(id)
{
    $('#nokp').val(id);

    $.ajax({
        method:'GET',
        url: "{{ route('wakil.caricustomer') }}",
        data:{ "icno" : id },
        success:function(data){

            $('#WakilModal').modal();
            $('#nama').val('');
            $('#alamat').val(data['']);
            $('#notel').val(data['']);

            //get first wakil
            $.ajax({
                method:'GET',
                url: "{{ route('wakil.first') }}",
                success:function(getfirstwakil)
                {
                    let firstwakil = parseInt(getfirstwakil);

                    $('#nowakil').val(firstwakil+1);
                }
            });

            if(data != 'no-data')
            {
                $('#nama').val(data['nama']);
                $('#alamat').val(data['alamat1']);
                $('#notel').val(data['telefon']);
                $('#nopelanggan').val(data['nopelanggan']);
            }
           

        },error: function (request, status, error) {
            console.log(request.responseText);
        }

    });
}

function ubahwakil(e)
{
    $('#wakiltxt').prop( "disabled", false);
    $(e).html("Cari");
    $(e).attr( "onclick", "wakilfunction(this)");
}


function historybayaran()
{
    $.ajax({
    method: 'get',
    url: api + '/api/transaction/' + norujukan,
    success: function(data)
    {
      historybayarantable(data);
      $('#historybayaranModal').modal();
    }
  });
}



  function historybayarantable(data){
        var counter = 1;
        
        historybayarandatatable.clear().draw();
        $.each(data,function(index,bayaran){

            var urlroute = '{{ route("resit.ansuran", ":id") }}';
            urlroute = urlroute.replace(':id', bayaran['id']);

            console.log(bayaran['']);
            historybayarandatatable.row.add([
                    counter,
                    bayaran['created_at'], 
                    "RM " + bayaran['duit_masuk'],
                    '<a class="btn btn-info" target="_blank" href='+ urlroute +'>Cetak</a>'
                ]).draw();
                counter = counter + 1;
        });
    }


 // Restricts input for the set of matched elements to the given inputFilter function.
 (function($) {
    $.fn.inputFilter = function(inputFilter) {
      return this.on("input keydown keyup mousedown mouseup select contextmenu drop", function() {
        if (inputFilter(this.value)) {
          this.oldValue = this.value;
          this.oldSelectionStart = this.selectionStart;
          this.oldSelectionEnd = this.selectionEnd;
        } else if (this.hasOwnProperty("oldValue")) {
          this.value = this.oldValue;
          this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);
        } else {
          this.value = "";
        }
      });
    };
  }(jQuery));

</script>
@endsection