@extends('layouts.app')

@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">

                {{-- {{ dd($gadai) }} --}}
            <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" selected>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">
                        </div>
                    </div>
                </div>
                <div class="col-4">
                    <div class="form-group row" style="visibility: hidden;">
                        <div class="col-4">
                            WAKIL
                        </div>
                        <div class="col-8">
                            <input type="text">
                        </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>
                            </tr>
                        </thead>
                        <tbody>
                            @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>
                            </tr>
                            @endforeach
                        </tbody>
                    </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">
                                <div class="form-group row">
                                    <div class="col-4">
                                        PINJAMAN(RM)
                                    </div>
                                    <div class="col-8">
                                        <input type="text" 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>
                            <div class="col-6">
                                <div class="form-group row">
                                    <div class="col-4">
                                       BAYARAN(RM)
                                    </div>
                                    <div class="col-8">
                                        <input type="text" id="bayaran" placeholder="0.00" class="form-control" disabled/>
                                    </div>
                                </diV>
                            </div>
                            <div class="col-6">
                                <div class="form-group row">
                                    <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">
                                    <div class="col-4">
                                        PERLU DIBAYAR(RM)
                                    </div>
                                    <div class="col-8">
                                        <input type="text" id="perludibayar" class="form-control" readonly/>
                                    </div>
                                </diV>
                            </div>
                            <div class="col-12">
                                <input type="button" class="float-right btn btn-danger mr-2" value="BATAL">
                                <input type="button" class="float-right btn btn-primary mr-2" value="TERIMA" onclick="bayaransemua()">
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>

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

$('input[type="checkbox"]').hide();

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

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

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

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

function tebusan()
{
    
    if(tarikhgadai >= tarikhtawarruq)
    {

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


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


    }
    else if(tarikhgadai < tarikhtawarruq)
    {
        //Upah Bukan Tawarruq
        $.ajax({
          method:'GET',
          url: api + '/api/upahbukantawarruq/' + kodcaw + '/' + norujukan,
          dataType: 'json',
          success:function(data){
            $('#jumlahupah').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)
{
          //Separuh Bayar Tawarruq
    $(document).on('click', '#checkmarhun', function(e) {

        var recno = $(this).data('recno');

        if ($(this).is(':checked')) {
            array_recno.push(recno);
        }
        else{
            var rm = array_recno.findIndex(x => x === recno);
            array_recno.splice(rm);
        }
        $.ajax({
            method:'GET',
            url: api + '/api/tebusseparuhtawarruq/' + kodcaw + '/' + norujukan,
            dataType: 'json',
            data:{
            "array_recno" : array_recno
            },
            success:function(success){
                $('#perludibayar').val(Number(success.toFixed(2)));
            }
        });
    });

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

      if (checkedOne == false) {
        $('#perludibayar').val(0);
      }
      else
      {
        $('#perludibayar').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);


                        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);

                        }
                        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);
                        }

                        if (checkedOne == false) {
                            $('#perludibayar').val(0);
                        }
                        else
                        {
                            $.ajax({
                                method:'GET',
                                url: api + '/api/tebusseparuhbukantawarruq/' + kodcaw + '/' + norujukan,
                                dataType: 'json',
                                data:{
                                "array_recno" : array_recno
                                },
                                success:function(success){
                                    $('#perludibayar').val(Number(success.toFixed(2)));
                                },
                                error: function (request, status, error) {
                                    console.log(request.responseText);
                                }
                            });
                        }
                    });
    }
    

  

$("#sltjenistebus").change(function(){
  
    switch($(this).val()) {
        case "T":
        $('input[type="checkbox"]').hide();
        $('span.spannar').show();
        $("#bayaran").prop("disabled", true);

        tebusan();
        break;
        case "A":
        $('input[type="checkbox"]').hide();
        $('span.spannar').show();
        $("#bayaran").prop("disabled", false);

        tebusan();
        break;
        case "S":
        $('input[type="checkbox"]').show();
        $('span.spannar').hide();
        $("#bayaran").prop("disabled", false);

        $('#perludibayar').val(0);
        break;
        case "P":
        $('input[type="checkbox"]').hide();
        $('span.spannar').show();
        $("#bayaran").prop("disabled", false);
        break;
    }      

});


function bayaransemua()
{
    

    if($('#sltjenistebus').find(":selected").val() == 'T')
    {
        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 = 0;
        var bakiupah = 0;
        var historygadaian = 0;
        var marhun = "{{ $gadai['marhun'] }}";

        $.ajax({
            method:'PUT',
            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
            },
            success:function(success_data){
                Swal.fire(
                    'Good job!',
                    'You clicked the button!',
                    'success'
                ).then(function() {
                    window.location.replace("{{ url()->previous() }}");
                })
            }
        });
    
    }
    else if($('#sltjenistebus').find(":selected").val() == 'A')
    {
        Swal.fire(
            'Good job!',
            'You clicked the button!',
            'success'
        ) .then(function() {
            alert('dass');
        })
    }
    else if($('#sltjenistebus').find(":selected").val() == 'S')
    {
        var sumnilaimarhun = 0;
        var sumberat = 0;
        var marhun = "{{ $gadai['marhun'] }}";

        var test = 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]);
                console.log('true');
                test.splice(index,1);
                countarrayerror++;

                if(countarrayerror == array_marhun.length)
                    return false;
                
                }
            }
        });


        var marhun_baru = test.join(", ");

        // console.log(typeof marhun_baru  + " " + marhun_baru);

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

        // console.log(array_recno);

        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 = parseFloat("{{ $gadai['pinjaman']}}") -  parseFloat($('#perludibayar').val());
        var ansuran = 0;
        var addpinjaman = 0;
        var bakipinjaman = parseFloat("{{ $gadai['pinjaman']}}") -  parseFloat($('#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 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;

        // console.log("keuntungan : " + keuntungan_sebulan + "keuntungan 6bulan : " + keuntungan_6bln);

        alert(norujukan);

        $.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,
            "arrayrecno" : array_recno,


            //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){
            console.log(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);
        }



        });
       
    }
    else if($('#sltjenistebus').find(":selected").val() == 'P')
    {
        Swal.fire(
            'Good job!',
            'You clicked the button!',
            'success'
        ) .then(function() {
            // alert('dass');
        })
    }

}




</script>
@endsection