@extends('layouts.app')

@section('content')

<div class="container-fluid">
    <div class="row ">
        <div class="col-md-11 mx-auto card p-4">
        <table class="table table-striped  table-xl text-center" id="serahanpembayaran" style="width:100%">
            <thead class="bg-primary text-white">
                    <tr>
                        <th>No</th>
                        <th>Nama</th>
                        <th>No Kad Pengenalan</th>
                        <th>No Telefon</th>
                        <th>Bilangan Surat</th>
                        <th>Jumlah Bidaan(RM)</th>
                        <th>Slip Serahan</th>
                        <th>Barang Bidaan</th>
                        <th>Tindakan</th>

                    </tr>
            </thead>
            <tbody>
                @foreach($payment as $pay)
                        <tr>
                            <td> {{ $loop->iteration }} </td>
                            <td align = 'left'>{{ $pay['details']['name']}}</td>
                            <td>{{ $pay['details']['nokp']}}</td>
                            <td>{{ $pay['details']['notelbimbit']}}</td>
                            <td>{{ $pay['total_surat']}}</td>
                            <td>{{ number_format($pay['totalBid'], 2, '.', ',')}}</td>
                            {{-- <td> <a href="{{ route('serahan.penyatabayaran',['user_id'=>$pay['details']['id'],'lelong_id'=>$lelong_id]) }}"><i class="fas fa-download"></i></a></td> --}}
                            <td><a href="{{ route('serahan.slipserahan',['user_id'=>$pay['user_id'],'resit_id'=>$pay['resit'],'lelong_id'=>$lelong_id]) }}" target = "blank" data-toggle="tooltip" data-placement="top" title="Muat Turun Slip Serahan" ><i class="fas fa-download"></i></a></td>
                            <td> <a href="{{ route('serahan.senaraibid',['user_id'=>$pay['details']['id'],'lelong_id'=>$lelong_id]) }}" data-toggle="tooltip" data-placement="top" title="Muat Turun Butiran Bidaan" ><i class="fas fa-download"></i></a></td>
                            <td class="text-center">
                                <button class="btn btn-danger btn-sm hovernone-danger" disabled>EXPORT</button>                            
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
                <div class="modal-footer" style="margin-top:2%;">
                    <a  href="{{ route('serahan.laporanserahan') }}" class="btn btn-primary">Kembali</a>
                </div>
                </div>
            </div>
        </div>
<script>
     //Enable tooltips everywhere
     $(function () {
        $('[data-toggle="tooltip"]').tooltip()
    })
    $('a.confirmdel').confirm({
        title: 'Confirmation',
        content: 'Anda pasti?',
        type: 'orange',
        typeAnimated: true,
        buttons: {
            Delete: {
                btnClass: 'btn-warning',
                action: function () {
                    location.href = this.$target.attr('href');
                }
            },  
            Batal: {
                btnClass: 'btn-default',
                action: function () {}
            }
        }
    });

        var tableserahanpembayaran = $('#serahanpembayaran').DataTable( {
            "columnDefs": [ 
                {
                "targets": 0,
                "orderable": false
                }, 
                {
                "targets": 6,
                "orderable": false
                },
                {
                "targets": 7,
                "orderable": false
                },
                {
                "targets": 8,
                "orderable": false
                }
            ],
            order: [[1, 'desc']],
            // "ordering": false,
            "info": false,
            "lengthChange": false,
            "pageLength": 15,
            dom: 'Bfrtip',
            buttons: [
                // 'copy', 'excel', 'pdf'
                // { text: 'copy', className: 'btn btn-primary' },
                // {
                //     className: 'btn btn-outline-success pl-4 pr-4 btn-sm addsim',
                //     text: '<i class="fas fa-plus" id="test"></i>',
                //     titleAttr: 'Tambah Simulasi',
                //     action: function ( e, dt, node, config ) {
                //         alert( 'Button activated' );
                //     }
                // },
                // {
                //     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();
                //     }
                // }
            ]
        });

        $('.addsim').tooltip();
        $('.export').tooltip();
        // $( '.dt-buttons').addClass('btn-group');
        $( '.addsim').removeClass('dt-button');
        $( '.export').removeClass('dt-button');


    function selectall(cb) {
        tablesimulasi.rows().nodes().to$().find('input[type="checkbox"]').each(function(){
            $(this).prop('checked', cb.checked);
        })
    }
</script>
     
@endsection