@extends('layouts.app')

@section('content')

<div class="container">
    <div class="nav nav-tabs" id="nav-tab" role="tablist">
        <button  type="button" class="btn btn-light" ><a href="javascript:window.history.go(-1);"><h3><i class="fas fa-arrow-alt-circle-left"></i></h3></a></button>
      </div>
    <div class="row mb-4">
        
        <div class="col-md-11 mx-auto card p-4">
            <p> <b>Nama : </b> {{ $SAGBidItem->name }}</p>
            <p> <b>No Kad Pengenalan : </b> {{ $SAGBidItem->nokp }}</p>
            <p> <b>No.Telefon : </b> {{ $SAGBidItem->notelbimbit }}</p>
            <p> <b>No.Invoice : </b> {{ $getinvoice->invoice_no }}</p>
        </div>
    </div>
</div>

<div class="container">
    <div class="row ">
        <div class="col-md-11 mx-auto card p-4">
            <form action="{{ route('pembida.benarkantunai') }}" method="POST" id="formsahbayartunai">
                @csrf
                <input type="hidden" name="user_id" value="{{ $user_id }}" />
                <input type="hidden" name="lelong_id" value="{{ $lelong_id }}" />
                <input type="hidden" name="eachbid[]" id="eachbid" value="" />
                <table class="table table-border table-hover table-xl" style="width:100%">
                    <thead class="bg-primary text-white">
                        <tr>
                            <th class="text-center">No</th>
                            <th class="text-center">No rujukan</th>
                            <th class="text-center">Harga Asas (RM)</th>
                            <th class="text-center">Harga Bida (RM)</th>
                            <th class="text-center">Tindakan</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($eachbid as $biditem)
                        <tr>
                            <td class="text-center">{{ $loop->iteration }}</td>
                            <td class="text-center">
                                {{ $biditem->norujukan}}
                            </td>
                            <td class="text-center">{{ number_format($biditem->hargaasas, 2, '.', ',')}}</td>
                            <td class="text-center">{{ number_format($biditem->hargabida, 2, '.', ',')}}</td>
                            <td class="text-center">
                                @if($biditem->status_payment == 1)
                                    <!-- <input type="checkbox" aria-label="Checkbox for following text input" name="checkboxdata[]" data-bid_id="{{ $biditem->lelongbid_id}}" onclick="sum(this.value,this)" value="{{ $biditem->hargabida }}"> -->
                                    <span class="btn btn-success btn-sm hovernone-success">PAID</span>
                                @elseif($biditem->status_payment == 2)
                                    <span class="btn btn-warning btn-sm hovernone-warning">TUNGGU PENGESAHAN</span>
                                @else
                                    <span class="btn btn-danger btn-sm hovernone-danger">BELUM BAYAR</span>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                        {{-- <tr>
                            <td colspan="3"><b> Jumlah Bayaran</b></td>
                            <td class="text-center"><b>RM<input type="text" id="total" name="total" value="0" style="border: none;" readonly></b></td>
                            <td class="text-center">
                                @if($getresit)
                                <button type="button" class="btn btn-outline-secondary" data-toggle="modal" data-target="#exampleModal">
                                    Lihat Resit <i class="fas fa-file-alt"></i>
                                </button>
                                @else
                                @endif
                            </td>
                        </tr> --}}
                    </tbody>
                </table>
            </form>
            {{-- <div class="text-right">
                <a href="{{ route('pembayaran.kaunterpembayaran', $lelong_id ) }}" class="btn btn-primary" style="width:15%; margin-right:53%;">Kembali</a>
                <button type="button" class="btn btn-info" style="width:15%" id="btnbanktransfer" onclick="funccdm()">CDM</button>
                <button type="button" class="btn btn-success" style="width:15%" id="btnterima" onclick="functerima()">Tunai</button>
            </div> --}}
            <div class="text-right">
                {{-- <a href="{{ route('pembayaran.kaunterpembayaran', $lelong_id ) }}" class="btn btn-primary" style="width:15%; margin-right:53%;">Kembali</a> --}}
                @if($biditem->status_payment == 0)
                <button type="button" class="btn btn-success" onclick="confirmsah()" >Benarkan Bayaran Tunai</button>
                @endif
            </div>
            <div>
                <a href="{{ route('pembida.kebenaranbayarantunai' ) }}" class="btn btn-primary" style="width:15%; margin-right:53%;">Kembali</a>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="denominasiHQModal" tabindex="-1" data-backdrop="static" data-keyboard="false" role="dialog" aria-labelledby="denominasiHQModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-xl" role="document">
        <form action="{{ route('pembida.benarkantunai') }}" method="POST" id="formsahbayartunai">
            @csrf
            <input type="hidden" name="user_id" value="{{ $user_id }}" />
            <input type="hidden" name="lelong_id" value="{{ $lelong_id }}" />
            <input type="hidden" name="eachbid[]" id="eachbid" value="" />

            <div class="modal-content">
                <div class="modal-header justify-content-center" style="text-align: center;">

                    <div class="d-flex justify-content-center">
                        <div class="col-2">
                            <ul class="nav nav-pills">
                                <li class="nav-item" style="margin-top: 21px;">
                                    <!-- <a class="nav-link active"  data-toggle="pill" href="#home" role="tab" aria-controls="pills-flamingo" aria-selected="true">Keping</a> -->
                                </li>
                            </ul>
                        </div>
                        <div class="col" style="margin: 11px;">
                            <label>Amaun Sebenar</label>
                            <input type="text" class="form-control" id="amaundiminta" value="0.00" readonly>

                        </div>
                        <div class="col" style="margin: 11px;">
                            <label>Amaun Kiraan</label>
                            <input type="text" class="form-control" name="amaunkiraan" id="amaunkiraan" value="0.00" readonly>
                        </div>
                    </div>
                </div>
                <div class="modal-body">

                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="flamingo-tab">

                            <table class="table text-center">
                                <tr>
                                    <th></th>
                                    <th>Ambilan</th>
                                    <th>Jumlah (RM)</th>
                                    <th></th>
                                    <th>Ambilan</th>
                                    <th>Jumlah (RM)</th>
                                </tr>

                                <tr>
                                    <td>RM0.01</td>
                                    <td><input type="text" name="ambilansen1" class="form-control" id="sen1" onkeyup="kiraan(this)" /> </td>
                                    <td><input type="text" name="totalsen1" id="totalsen1" class="form-control" value="0.00" readonly /> </td>
                                    <td>RM1</td>
                                    <td><input type="text" name="ambilanring1" class="form-control" id="ringgit1" onkeyup="kiraan(this)" /> </td>
                                    <td><input type="text" name="totalring1" id="totalring1" class="form-control" value="0.00" readonly /> </td>
                                </tr>
                                <tr>
                                    <td>RM0.05</td>
                                    <td><input type="text" name="ambilansen5" class="form-control" id="sen5" onkeyup="kiraan(this)" /> </td>
                                    <td><input type="text" name="totalsen5" id="totalsen5" class="form-control" value="0.00" readonly /> </td>
                                    <td>RM5</td>
                                    <td><input type="text" name="ambilanring5" class="form-control" id="ringgit5" onkeyup="kiraan(this)" /> </td>
                                    <td><input type="text" name="totalring5" id="totalring5" class="form-control" value="0.00" readonly /> </td>
                                </tr>
                                <tr>
                                    <td>RM0.10</td>
                                    <td><input type="text" name="ambilansen10" class="form-control" id="sen10" onkeyup="kiraan(this)" /> </td>
                                    <td><input type="text" name="totalsen10" id="totalsen10" class="form-control" value="0.00" readonly /> </td>
                                    <td>RM10</td>
                                    <td><input type="text" name="ambilanring10" class="form-control" id="ringgit10" onkeyup="kiraan(this)" /> </td>
                                    <td><input type="text" name="totalring10" id="totalring10" class="form-control" value="0.00" readonly /> </td>
                                </tr>
                                <tr>
                                    <td>RM0.20</td>
                                    <td><input type="text" name="ambilansen20" class="form-control" id="sen20" onkeyup="kiraan(this)" /> </td>
                                    <td><input type="text" name="totalsen20" id="totalsen20" class="form-control" value="0.00" readonly /> </td>
                                    <td> RM20</td>
                                    <td><input type="text" name="ambilanring20" class="form-control" id="ringgit20" onkeyup="kiraan(this)" /> </td>
                                    <td><input type="text" name="totalring20" id="totalring20" class="form-control" value="0.00" readonly /> </td>
                                </tr>
                                <tr>
                                    <td>RM0.50</td>
                                    <td><input type="text" name="ambilansen50" class="form-control" id="sen50" onkeyup="kiraan(this)" /> </td>
                                    <td><input type="text" name="totalsen500" id="totalsen50" class="form-control" value="0.00" readonly /> </td>
                                    <td>RM50</td>
                                    <td><input type="text" name="ambilanring50" class="form-control" id="ringgit50" onkeyup="kiraan(this)" /> </td>
                                    <td><input type="text" name="totalring50" id="totalring50" class="form-control" value="0.00" readonly /> </td>
                                </tr>
                                <tr>
                                    <td></td>
                                    <td></td>
                                    <td></td>
                                    <td td style="display:none;" name="denominasi" class="denominasi"></td>
                                    <td>RM100 </td>
                                    <td><input type="text" name="ambilanring100" class="form-control" id="ringgit100" onkeyup="kiraan(this)" /> </td>
                                    <td><input type="text" name="totalring100" id="totalring100" class="form-control" value="0.00" readonly /> </td>
                                </tr>
                            </table>

                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" onclick="funcbatal()">Batal</button>
                    <button type="button" class="btn btn-success" data-toggle="modal" data-target=".bd-example-modal-sm" id="buttonterima" onclick="terimadeno()">Terima</button>
                </div>
            </div>
        </form>
    </div>
</div>

<div class="modal fade" id="CDM" data-backdrop="static" data-keyboard="false" role="dialog" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">


        <div class="modal-content text-center">
            <form action="{{ route('pembayaran.banktransfer') }}" method="POST" id="formbanktransfer" enctype="multipart/form-data">
                @csrf
                <input type="hidden" name="user_id" value="{{ $user_id }}" />
                <input type="hidden" name="lelong_id" value="{{ $lelong_id }}" />
                <input type="hidden" name="eachbid[]" id="eachbid" value="" />
                <input type="hidden" name="total_payment" id="totalpay" value="" />

                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Bukti Pembayaran</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="tab-content">
                        <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="flamingo-tab">
                            <div class="input-group">
                                <div class="custom-file">
                                    <input type="file" name="resit" id="inputGroupFile04">
                                    {{-- <label class="custom-file-label" for="inputGroupFile04">Muat Naik Resit</label> --}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-danger" onclick="funccdmbatal()">Batal</button>
                    <button type="button" class="btn btn-success" data-toggle="modal" data-target=".bd-example-modal-sm" onclick="submitcdm()">Muat Naik</button>
                </div>
            </form>
        </div>
    </div>
</div>

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Resit Bayaran CDM</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body text-center" style="padding:3rem">
                @foreach($getresit as $resit)
                <div class=".col-6 .col-sm-4 form-check form-check-inline">
                    <img src="data:image/png;base64, {{ $resit['filename'] }}" alt="Image Preview" style="max-width:700px; maxheight:650px; border: 1px solid #dee2e6" />
                </div>
                @endforeach
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Kembali</button>
                <button type="button" class="btn btn-primary" onclick="funcubah()">Ubah</button>
            </div>
        </div>
    </div>
</div>


<script>
    var arraylelongbid = [];
    $("#btnterima").prop("disabled", true);
    $("#btnbanktransfer").prop("disabled", true);

    function terimadeno() {
        $("input[name='eachbid[]']").val(arraylelongbid);
        $("#formpaymentdenokaunter").submit();
    }

    function functerima() {
        $("#buttonterima").prop("disabled", true);
        $('#denominasiHQModal').modal('show');
        var total_sum = parseFloat($('#total').val());
        $('#amaundiminta').val(parseFloat(total_sum).toFixed(2));
        $('#amaunkiraan').val(parseFloat(0).toFixed(2));
    }

    function funcbatal() {
        $('#denominasiHQModal').modal('hide');
    }

    function submitcdm() {
        $("input[name='eachbid[]']").val(arraylelongbid);
        $("#formbanktransfer").submit();
    }

    function funccdm() {
        $('#CDM').modal('show');
        var total_sum = parseFloat($('#total').val());
        $('#totalpay').val(parseFloat(total_sum).toFixed(2));
    }

    function funccdmbatal() {
        $('#CDM').modal('hide');
    }

    function funcubah() {
        $('#exampleModal').modal('hide');
        $('#CDM').modal('show');
    }

    function confirm() {
        $.confirm({
            title: 'Confirmation',
            content: 'Anda pasti?',
            type: 'blue',
            typeAnimated: true,
            buttons: {
                Batal: {
                    btnClass: 'btn-default',
                    action: function() {}
                },
                Sahkan: {
                    btnClass: 'btn-info',
                    action: function() {
                        $('#eachbid').val(arraylelongbid);
                        var total_sum = parseFloat($('#total').val());
                        $('#total').val(parseFloat(total_sum).toFixed(2));
                        $("#formbanktransfer").submit();
                    }
                }
            }
        });
    }

    function sum(val, e) { //e = get all data
        console.log(arraylelongbid.length);

        let bid_id = $(e).data('bid_id');
        console.log(bid_id);
        if (e.checked == true) //checkbox
        {
            arraylelongbid.push(bid_id);
            var total_sum = parseFloat($('#total').val());
            total_sum = total_sum + parseFloat(val);
            $('#total').val(parseFloat(total_sum).toFixed(2)); //get access to selected total and display total_sum with decimal of 2
        } else {
            var index = arraylelongbid.findIndex(function(item) {
                return item == bid_id
            });
            // console.log(index);
            arraylelongbid.splice(index, 1);
            var total_sum = parseFloat($('#total').val());
            total_sum = total_sum - parseFloat(val);
            $('#total').val(parseFloat(total_sum).toFixed(2));
        }
        // console.log(arraylelongbid);
        if (arraylelongbid.length != 0) {
            $("#btnterima").prop("disabled", false);
            $("#btnbanktransfer").prop("disabled", false);
        } else {
            $("#btnterima").prop("disabled", true);
            $("#btnbanktransfer").prop("disabled", true);
        }
    }

    function totalamount(idwang, bilangan) {
        var amount = 0;
        switch (idwang) {
            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;
    }

    var arrayambilan = [
        ["sen1", 0],
        ["sen5", 0],
        ["sen10", 0],
        ["sen20", 0],
        ["sen50", 0],
        ["ringgit1", 0],
        ["ringgit5", 0],
        ["ringgit10", 0],
        ["ringgit20", 0],
        ["ringgit50", 0],
        ["ringgit100", 0]
    ];

    function kiraan(datakeyin) {
        var idkey = $(datakeyin).attr('id');
        var valkey = $(datakeyin).val();
        var amount = 0;
        let amountkiraan = 0;
        // var totalkiraan= parseFloat($('#amaunkiraan').val()).toFixed(2);
        // var id = $('#jenisjenis').val();

        var validate = parseFloat($('#amaundiminta').val());

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

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

            amount += arr[1];
        });

        if (amount > validate) {
            $.alert({
                title: 'Perhatian!',
                content: 'Amaun Kiraan Melebihi Amaun Sebenar',
            });
            $("#buttonterima").prop("disabled", true);
        } else if ($amount = validate) {
            $("#buttonterima").prop("disabled", false);
            $('#amaunkiraan').val(parseFloat(amount).toFixed(2));

        }

        switch (idkey) {
            case 'sen1':
                amountkiraan += (valkey * 0.01);
                $('#totalsen1').val(parseFloat(amountkiraan).toFixed(2));
                break;
            case 'sen5':
                amountkiraan += (valkey * 0.05);
                $('#totalsen5').val(parseFloat(amountkiraan).toFixed(2));
                break;
            case 'sen10':
                amountkiraan += (valkey * 0.10);
                $('#totalsen10').val(parseFloat(amountkiraan).toFixed(2));
                break;
            case 'sen20':
                amountkiraan += (valkey * 0.20);
                $('#totalsen20').val(parseFloat(amountkiraan).toFixed(2));
                break;
            case 'sen50':
                amountkiraan += (valkey * 0.50);
                $('#totalsen50').val(parseFloat(amountkiraan).toFixed(2));
                break;
            case 'ringgit1':
                amountkiraan += (valkey * 1);
                $('#totalring1').val(parseFloat(amountkiraan).toFixed(2));
                break;
            case 'ringgit5':
                amountkiraan += (valkey * 5);
                $('#totalring5').val(parseFloat(amountkiraan).toFixed(2));
                break;
            case 'ringgit10':
                amountkiraan += (valkey * 10);
                $('#totalring10').val(parseFloat(amountkiraan).toFixed(2));
                break;
            case 'ringgit20':
                amountkiraan += (valkey * 20);
                $('#totalring20').val(parseFloat(amountkiraan).toFixed(2));
                break;
            case 'ringgit50':
                amountkiraan += (valkey * 50);
                $('#totalring50').val(parseFloat(amountkiraan).toFixed(2));
                break;
            case 'ringgit100':
                amountkiraan += (valkey * 100);
                $('#totalring100').val(parseFloat(amountkiraan).toFixed(2));
                break;
        }

    }
</script>

<script>

    function confirmsah() {
        $.confirm({
        title: 'Confirmation',
        content: 'Anda pasti?',
        type: 'orange',
        typeAnimated: true,
        buttons: {
            Sahkan: {
                btnClass: 'btn-warning',
                action: function () {
                    $("#formsahbayartunai").submit();
                }
            },  
            Batal: {
                btnClass: 'btn-default',
                action: function () {}
            }
        }
        });
    }
    var tablekaunter = $('#tablekaunter').DataTable({
            "columnDefs": [ 
                {
                "targets": 0,
                "orderable": false
                }, 
                {
                "targets": 7,
                "orderable": false
                }
            ],
            order: [[0, 'asc']],
            "info": false,
            "lengthChange": false,
            "pageLength": 15,
            dom: 'Bfrtip',
            // buttons: [
            //     {
            //         className: 'btn btn-outline-success pl-4 pr-4 btn-sm addcaw',
            //         text: '<i class="fas fa-plus" id="test"></i>',
            //         titleAttr: 'Tambah Cawangan',
            //         action: function ( e, dt, node, config ) {
            //             // alert( 'Button activated' );
            //             // console.log('hye');
                        
            //             $('#myModal').modal("show");
            //             $('#myModal').on('shown.bs.modal', function () {
            //                 $('#rolename').trigger('focus')
            //             })
            //         }
            //     },
            //     {
            //         className: 'btn btn-outline-secondary pl-4 pr-4 btn-sm  export',
            //         titleAttr: 'Export to CSV',
            //         text: '<i class="fas fa-download"></i>',
            //         action: function ( e, dt, node, config ) {
            //             $("#exportform").submit();
            //         }
            //     }
            // ]
    });

        // $('.addcaw').tooltip();
        // $('.export').tooltip();
        // // $( '.dt-buttons').addClass('btn-group');
        // $( '.addcaw').removeClass('dt-button');
        // $( '.export').removeClass('dt-button');
</script>

@endsection