@extends('layouts.app')

@include('modal.tambahserahan')

@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="col-lg-4 col-md-6 col-sm-12">
                    <div class="small-box bg-info">
                        <div class="inner">
                            <h3>RM {{ number_format($alirantunai['bakiawal'],2) }}</h3>

                            <p>Baki Awal Tunai</p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-bag"></i>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="small-box bg-success">
                        <div class="inner">
                            <h3>RM {{ number_format($alirantunai['tambah'],2) }}</h3>

                            <p>Tunai Diterima</p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-stats-bars"></i>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="small-box bg-warning">
                        <div class="inner">
                            <h3>RM {{ number_format($alirantunai['kurang'],2) }}</h3>

                            <p>Tunai Dikeluar</p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-person-add"></i>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center">
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="small-box bg-danger">
                        <div class="inner">
                            <h3>RM {{ number_format($alirantunai['baki'],2) }}</h3>
                            <p>Baki Akhir Tunai</p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-pie-graph"></i>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="small-box bg-danger">
                        <div class="inner">
                            <h3>RM {{ number_format($alirantunai['keluar'],2) }}</h3>
                            {{-- <h3>{{ $GT['gcount'] }}</h3> --}}
                            <p>Jumlah Gadaian</p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-android-contacts"></i>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-12">
                    <div class="small-box bg-danger">
                        <div class="inner">
                            <h3>RM {{ number_format($alirantunai['masuk'],2) }}</h3>
                            {{-- <h3>{{ $GT['tcount'] }}</h3> --}}
                            <p>Jumlah Penebusan</p>
                        </div>
                        <div class="icon">
                            <i class="ion ion-pie-graph"></i>
                        </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">
                        <table class="table" id="tableaddtunai">
                            <thead>
                                <tr>
                                    <th>Bil</th>
                                    <th>Masa</th>
                                    <th>Debit</th>
                                    <th>Kredit</th>
                                    <th>Nota</th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>

var tableaddtunai = $('#tableaddtunai').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 + '/' + 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 ' + arr['tambah'],
                    'RM ' + arr['kurang'],
                    arr['nota']
                ]).draw();
                counter = counter + 1;

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