@extends('layouts.app')
@section('content')
@include('modal.tambahserahan')


@include('modal.denominasimodal')


<div class="container">
    <div class="row justify-content-center">
        @php $auth_user = Auth::user();@endphp
        <input type="hidden" id="api" value="{{ $api_url }}"/>
        <div class="col-md-12">
          

            <nav aria-label="breadcrumb">
                <ol class="breadcrumb pb-3">
                  <li class="breadcrumb-item"><a href="{{ route('home') }}">Home</a></li>
                  <li class="breadcrumb-item active" aria-current="page">Aliran Tunai</li>
                </ol>
              </nav>

            
        <div class="row justify-content-center">  


            <div class="justify-content-center col-4">

                <div class="col-12">
                    <div class="small-box bg-info">
                        <div class="inner">
                            <h4>RM {{ number_format($alirantunai['bakiawal'],2) }}</h4>
                            <p>Baki Awal Tunai</p>
                        </div>
                        <div class="icon">
                            <i class="fas fa-money-bill-alt"></i>
                        </div>
                    </div>
                </div>

                <div class="col-12">
                    <div class="small-box bg-info">
                        <div class="inner">
                            <h4 id="bakiakhir">RM {{ number_format($alirantunai['baki'],2) }}</h4>
                            <p>Baki Tunai Semasa</p>
                        </div>
                        <div class="icon">
                            <i class="fas fa-cash-register"></i>
                        </div>
                    </div>
                </div>

            </div>


            <div class="justify-content-center col-4">
                <div class="col-12">
                    <div class="small-box bg-success">
                        <div class="inner">
                            <h4>RM {{ number_format($alirantunai['tambah'],2) }}</h4>

                            <p>Pendahuluan</p>
                        </div>
                        <div class="icon">
                            <i class="fas fa-sign-in-alt"></i>
                        </div>
                    </div>
                </div>
                <div class="col-12">
                    <div class="small-box bg-danger">
                        <div class="inner">
                            <h4>RM {{ number_format($alirantunai['kurang'],2) }}</h4>

                            <p>Serahan</p>
                        </div>
                        <div class="icon">
                            <i class="fas fa-sign-out-alt"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="justify-content-center col-4">
                <div class="col-12">
         

                    <div class="small-box bg-success">
                        <div class="inner">
                            <h4>RM {{ number_format($alirantunai['masuk'],2) }}</h4>
                            {{-- <h3>{{ $GT['tcount'] }}</h3> --}}
                            <p>Jumlah Penebusan</p>
                        </div>
                        <div class="icon">
                            <i class="fas fa-plus-square"></i>
                        </div>
                    </div>

                </div>
                <div class="col-12">
                 
                    <div class="small-box bg-danger">
                        <div class="inner">
                            <h4>RM {{ number_format($alirantunai['keluar'],2) }}</h4>
                            {{-- <h3>{{ $GT['gcount'] }}</h3> --}}
                            <p>Jumlah Gadaian</p>
                        </div>
                        <div class="icon">
                            <i class="fas fa-minus-square"></i>
                        </div>
                    </div>

                </div>
            </div>

        </div>

            <div class="row">
                <div class="col-md-12 text-center">
                    <input type="button" class="btn btn-lg btn-primary" value="TAMBAH MODAL" data-kodcaw="{{ $auth_user['cawangan'] }}" data-teller="{{ $auth_user['name'] }}" id="tambahmodal" onclick="openuptambahdanserah(this)">
                    <input type="button" class="btn btn-lg btn-primary" value="SERAHAN MODAL" data-kodcaw="{{ $auth_user['cawangan'] }}" data-teller="{{ $auth_user['name'] }}" id="serahanmodal" onclick="openuptambahdanserah(this)">
                </div>
            </div>
            <div class="row mt-3">
                <div class="card col-12">
                    <div class="card-body">


                        <button type="button" onclick="kemaskiniupah()" class="btn btn-primary float-right" disabled>Kemaskini</button>
                        <nav>
                            <div class="nav nav-tabs mb-4" id="nav-tab" role="tablist">
                              <a class="nav-item nav-link active" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true">Tunai</a>
                              <a class="nav-item nav-link" id="nav-profile-tab" data-toggle="tab" href="#nav-profile" role="tab" aria-controls="nav-profile" aria-selected="false">Gadai / Tebus</a>
                              <a class="nav-item nav-link" id="nav-contact-tab" data-toggle="tab" href="#nav-contact" role="tab" aria-controls="nav-contact" aria-selected="false">Tuntut Baki</a>
                            </div>
                          </nav>
                          <div class="tab-content" id="nav-tabContent">
                            <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab">

                                <table class="table table-striped table-hover  text-center" id="tableaddtunai">
                                    <thead class="thead-dark">
                                        <tr>
                                            <th>Bil</th>
                                            <th>Tarikh</th>
                                            <th>Debit (RM)</th>
                                            <th>Kredit (RM)</th>
                                            <th>Nota</th>
                                        </tr>
                                    </thead>
                                </table>

                            </div>
                            <div class="tab-pane fade" id="nav-profile" role="tabpanel" aria-labelledby="nav-profile-tab">
                                
                                <table class="table table-striped table-hover text-center" id="tablegadaitebus">
                                    <thead class="thead-dark">
                                        <tr>
                                            <th>Bil</th>
                                            <th>No Rujukan</th>
                                            <th>Pinjaman (RM)</th>
                                            <th>Nilai Marhun (RM)</th>
                                            <th>Jenis Transaksi</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if(is_object($gadai_tebus) || is_array($gadai_tebus))
                                        @foreach($gadai_tebus as $gt)
                                        <tr>
                                        <td> {{ $loop->iteration }} </td>
                                        <td> {{ $gt['norujukan'] }} </td>
                                        <td> {{ number_format($gt['pinjaman'],2) }} </td>
                                        <td> {{ number_format($gt['nilaimarhun'],2) }} </td>
                                        <td> @php if($gt['jenistebus'] == ''){
                                                echo '<h4><span class="badge badge-success">Gadai</span></h4>';
                                        }else{
                                            echo '<h4><span class="badge badge-danger">Tebus</span></h4>';
                                        }  
                                        @endphp </td>
                                        </tr>
                                        @endforeach
                                        @endif
                                    </tbody>
                                </table>

                            </div>
                            <div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab">

                                <table class="table table-striped table-hover  text-center" id="tabletuntutbaki">
                                    <thead class="thead-dark">
                                        <tr>
                                            <th>Bil</th>
                                            <th>Tarikh</th>
                                            <th>Caj Lelong (RM)</th>
                                            <th>Jumlah (RM)</th>
                                            <th>Jenis</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if(is_object($tuntutbaki) || is_array($tuntutbaki))
                                        @foreach($tuntutbaki as $tb)
                                        <tr>
                                        <td> {{ $loop->iteration }} </td>
                                        <td> {{ $tb['tarikh'] }} </td>
                                        <td> {{ number_format($tb['cajlelong'],2) }} </td>
                                        <td> {{ number_format($tb['jumlah'],2) }} </td>
                                        <td> @php if($tb['jenis'] == 'T'){
                                                echo '<h4><span class="badge badge-success">Baki Lelong</span></h4>';
                                        }else{
                                            echo '<h4><span class="badge badge-danger">Rugi Lelong</span></h4>';
                                        }  
                                        @endphp </td>
                                        </tr>
                                        @endforeach
                                        @endif
                                    </tbody>
                                </table>

                            </div>
                          </div>

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>

    var tableaddtunai = $('#tableaddtunai').DataTable({
        //   "scrollX": true
        });

    var tablegadaitebus = $('#tablegadaitebus').DataTable({
    //   "scrollX": true
    });

    var tabletuntutbaki = $('#tabletuntutbaki').DataTable({
    //   "scrollX": true
    });
    var tele = "{{ $auth_user['name'] }}";

    $(document).ready( function () {
        var api = '{{ $api_url }}';
        var kodcaw = "{{ $auth_user['cawangan'] }}";

        function getData(){
            $.ajax({
                type: 'get',
                url: api + '/api/getAddTunai/' + kodcaw + '/kodlaluan/',
                data: { "kodlaluan" : tele },
                success: function(data){
                    gettable(data);
                }
            });
        }

        getData();
        setInterval(function () {
            getData(); 
        }, 10000);  



    });

    function gettable(datala)
    {
        var counter = 1;
        tableaddtunai.clear().draw();

        $.each(datala, function(index,arr){

            var urlroute = "{{ route('pendahuluan.serah', ':no_id') }}";
            
            urlroute = urlroute.replace(':no_id', arr['no']);
        
            tableaddtunai.row.add([
                counter,
                arr['tarikh'],
                'RM ' + formatter.format(arr['tambah']),
                'RM ' + formatter.format(arr['kurang']),
                arr['nota']
            ]).draw();
            counter = counter + 1;

        });
    }

    function kemaskiniupah()
    {
        $.ajax({
                type: 'get',
                url: "{{ route('kemaskini.upah') }}",
                data: { "namateller" : tele },
                success: function(data){
                    console.log(data);
                }
            });

    }

    let pusherenv = "{{ env('PUSHER_APP_KEY') }}";
    let laporanroute = "{{ route('laporan.serahanteller') }}";
</script>
<script src="{{ asset('js/main.js') }}"></script>
@endsection