@extends('layouts.app')



@section('content')

<div class="container-fluid">
    {{-- @include('marhun.partials.camera_modals_per_marhun')
    @include('marhun.partials.camera_modals') --}}
    <div class="row ">
        <div class="col mx-auto p-4">
            <div class="card">
            <div class="card-header header-style">
                <a href="javascript:window.history.go(-1);" class="header-style-icon">
                    <i class="fas fa-arrow-left"></i>
                </a>
                <div class="header-style-title">
                    Pengesahan Bayaran Kaunter Bank/CDM : {{ $cawanganDetail->caw_name }}
                </div>
            </div>
            <div class="card-body">
            @if ($message = Session::get('success'))
            <div class="alert alert-success">
                <p>{{ $message }}</p>
            </div>
            @endif
            <div class="container">
                <div class="row mb-2">
                    <div class="col-md-12 mx-auto card p-4" style="margin-top:2%; margin-bottom:2%;">
                        <p> <b>Nama Pembida : </b> {{ $userdetails['name'] }}</p>
                        <p> <b>No Kad Pengenalan : </b> {{ $userdetails['nokp'] }}</p>
                        <p> <b>No Telefon : </b> {{ $userdetails['notelbimbit'] }}</p>
                        {{-- <p> <b>No Resit: </b>{{ $noresit['reference_no'] }}</p> --}}
                    </div>
                </div>
           
            <form action="{{ route('account.sahbayaronline') }}" method="POST" id="formsahbayaronline">
            @csrf
                <input type="hidden" name="lelong_id" value="{{ $lelong_id }}" />
                <input type="hidden" name="kodcaw" value="{{ $cawanganDetail->caw_code }}" />
                <input type="hidden" name="user_id" value="{{ $user_id }}" />
                <input type="hidden" name="senarai_sag" value="{{ $senaraisag }}" />
                <input type="hidden" name="jenis_button" value="terima" id="jenis_button" />
                <input type="hidden" name="nama_pembida" value="{{ $userdetails['name']}}" />
                <input type="hidden" name="nokp_pembida" value="{{ $userdetails['nokp'] }}" />
                <input type="hidden" name="notel_pembida" value="{{ $userdetails['notelbimbit'] }}" />
                <input type="hidden" name="kodcaw" value="{{ $caw_code }}" />

                <table class="table table-bordered text-center" style="width:100%">
                    {{-- <thead class="bg-primary text-white">
                            <tr>
                                <th>No</th>
                                <th>No Rujukan</th>
                                <th>Tarikh Lelong</th>
                                <th>Harga Asas (RM)</th>
                                <th>Harga Bida (RM)</th>
                                <th>Masa Bidaan</th>
                                <th>No Resit</th>
                                <th>Nota</th>
                                <th class="text-center">Status</th>
                            </tr>
                    </thead> --}}
                    {{-- <tbody>
                        @foreach($senaraisag as $sag)
                                <tr>
                                <td> {{ $loop->iteration }} </td>
                                <td>{{ $sag['norujukan'] }}</td>
                                <td>@php
                                    $myDateTime = DateTime::createFromFormat('Y-m-d', $sag['t_lelong'] );
                                    $t_lelong =  $myDateTime->format('d-m-Y');
                                echo($t_lelong);
                                @endphp</td>
                                <td>{{ number_format($sag['hargaasas'], 2, '.', ',') }}</td>
                                <td>{{ number_format($sag['hargabida'], 2, '.', ',') }}</td>
                                <td>{{ $sag['masa_bidaan'] }}</td>
                                <td>{{ $sag['reference_no'] }}</td>
                                <td>
                                    <button class="btn btn-outline-success btn-sm" disabled><b>{{ $sag['remark'] }}</b></button>
                                </td>
                                <td>
                                    <span class="btn btn-success btn-sm hovernone-success" disabled>TELAH DIBAYAR</span>                        
                                </td>
                                </tr>
                        @endforeach
                    </tbody> --}}
                {{-- <tr>
                    
                    <td colspan="2"><b> No.Resit</b></td>
                    <td colspan="2"></td>
                    <td><b>{{ $noresit['reference_no'] }}</b></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr> --}}
                <tr>
                    {{-- {{dd($senaraisag->sum('hargabida'))}} --}}
                    <td><b> Jumlah Bayaran</b></td>
                    <td><b>RM{{ number_format($senaraisag->sum('hargabida'), 2, '.', ',') }}</b></td>
                    <td>
                        <span class="btn btn-info btn-sm hovernone-info" disabled>TELAH DIBAYAR</span>                        
                    </td>
                    {{-- <td>
                        @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>
                </table>

                <input type="hidden" name="photo_type" value="1">
          
                        <div class="row justify-content-center">
                            <div class="col-12">
                                <div class="card card-overall-marhun">
                                    <div class="card-header">Bukti Pembayaran(Resit)</div>
                                    @foreach ($fileresit as $item)
                                        <div class="card-body pl-0 pr-0" style="align-self: center; justify-content: center;">
                                            {{-- <button type="button" data-toggle="modal" onclick="kesulurahanMarhunData(this)" data-lelongid="{{$lelong_id}}" data-lelongbidid="" data-lelongbid_status_semak="" data-fileid="{{  $item->fileresit_id }}" data-target="#modaloverallphoto"> --}}
                                                <img src="{{ route('account.showphotoresit', ['user_id' => $user_id, 'fileresit_id' => $item->fileresit_id]) }}" width="100%">
                                            {{-- </button> --}}
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>
            
                <div style="margin-top:2%; align:center">
                    {{-- <a  href="{{ route('account.listbayaranonline', [$lelong_id,$caw_code]) }}" class="btn btn-primary">Kembali</a> --}}
                    {{-- @foreach($senaraisag as $senarai) --}}
                        {{-- @if($sag['checking_payment'])
                            <button type="button" class="btn btn-success" disabled>Berjaya Disahkan</button>
                        @else --}}
                            <button type="button" class="btn btn-success" onclick="confirm(this)" id="sah">Sahkan</button>
                            <button type="button" class="btn btn-danger" onclick="xsahconfirm(this)" id="tidaksah" >Tidak Sah</button>
                        {{-- @endif --}}
                    {{-- @endforeach --}}
                </div>
            </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>
        </div>
      </div>
    </div>
</div>

<script>

    function confirm() {
        let jenis=event.target.id;
        $.confirm({
        title: 'Confirmation',
        content: 'Anda pasti?',
        type: 'orange',
        typeAnimated: true,
        buttons: {
            Sahkan: {
                btnClass: 'btn-warning',
                action: function () {
                    $('#jenis_button').val(jenis);
                    $("#formsahbayaronline").submit();
                }
            },
            Batal: {
                btnClass: 'btn-default',
                action: function () {}
            }
        }
        });
    }

    function xsahconfirm() {
        let jenis=event.target.id;
        $.confirm({
        title: 'Confirmation',
        content: 'Anda pasti?',
        type: 'orange',
        typeAnimated: true,
        buttons: {
            TidakSah: {
                btnClass: 'btn-danger',
                action: function () {
                    $('#jenis_button').val(jenis);
                    $("#formsahbayaronline").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