@extends('layouts.app')

@include('modal.tambahserahan')


@include('modal.denominasimodal')

{{-- {{ dd($denominasi) }} --}}

@section('content')
<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">
            <a href="{{ url('/') }}"><i class="fas fa-arrow-left"></i> Kembali</a>
            <h3 class="text-uppercase text-center">aliran tunai</h3>
            
        <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">


                        <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 text-center" id="tableaddtunai">
                                    <thead>
                                        <tr>
                                            <th>Bil</th>
                                            <th>Masa</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 text-center" id="tablegadaitebus">
                                    <thead>
                                        <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> {{ $gt['pinjaman'] }} </td>
                                        <td> {{ $gt['nilaimarhun'] }} </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 text-center" id="tabletuntutbaki">
                                    <thead>
                                        <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> {{ $tb['cajlelong'] }} </td>
                                        <td> {{ $tb['jumlah'] }} </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
    });

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

        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;

    });
}

</script>
<script src="{{ asset('js/main.js') }}"></script>
@endsection