@extends('layouts.layout')
@section('body_class', 'nav-md')
@section('body_content')
<div class="container body">
    <div class="main_container">
        @include('includes.sidebar')
        <div class="right_col" role="main">
            <div class="page-title">
                <div class="title_left">
                    <h3><i class="fa fa-edit"></i> IRIS Balance List</h3>
                </div>
                <div class="clearfix"></div>
            </div>

            <div class="row text-center">                
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <div class="x_panel" style="background: #E8F5E9;">                        
                        <div class="x_content">
                            <h3>Lakuemas</h3>
                            <h1 id="irisBalanceLEI"><i class="fa fa-spinner fa-pulse"></i></h1>
                        </div>
                    </div>
                </div>                
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <div class="x_panel" style="background: #FFFDE7;">                        
                        <div class="x_content">
                            <h3>Butik LEI</h3>
                            <h1 id="irisBalanceButik"><i class="fa fa-spinner fa-pulse"></i></h1>
                        </div>
                    </div>
                </div>           
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <div class="x_panel" style="background: #E0F7FA;">                        
                        <div class="x_content">
                            <h3>Butik BLE</h3>
                            <h1 id="irisBalanceButikBLE"><i class="fa fa-spinner fa-pulse"></i></h1>
                        </div>
                    </div>
                </div>       
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <div class="x_panel" style="background: #FAFAFA;">                        
                        <div class="x_content">
                            <h3>Resell CMK</h3>
                            <h1 id="irisBalanceButikCMK"><i class="fa fa-spinner fa-pulse"></i></h1>
                        </div>
                    </div>
                </div>            
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <div class="x_panel" style="background: #FBE9E7;">                        
                        <div class="x_content">
                            <h3>SGK</h3>
                            <h1 id="irisBalanceSGK"><i class="fa fa-spinner fa-pulse"></i></h1>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
                    <div class="x_panel" style="background: #ceefb8;">                        
                        <div class="x_content">
                            <h3>SGJB</h3>
                            <h1 id="irisBalanceSGJB"><i class="fa fa-spinner fa-pulse"></i></h1>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection


@section("scripts")
    <script type="text/javascript">
        $(document).ready(function(){
            setTimeout(function() {
                get_balance_lei();
            }, 1000);

            setTimeout(function() {
                get_balance_butik();
            }, 2000);
            setTimeout(function() {
                get_balance_butik_ble();
            }, 3000);
            setTimeout(function() {
                get_balance_butik_cmk();
            }, 4000);
            setTimeout(function() {
                get_balance_sgk();
            }, 5000);
            setTimeout(function() {
                get_balance_sgjb();
            }, 5000);
            
        });

        function get_balance_lei()
        {
            $.ajax({
                url: web_url + '/api/iris/get_balance',
                method: "GET",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
            })
            .done(function(response) {
                $('#irisBalanceLEI').eq(0).html(response.txt_balance);

            }).error(function(response) {
                alert('Gagal mengambil data saldo iris')
            });


            return false;
        }

        function get_balance_butik()
        {   
            $.ajax({
                url: web_url + '/api/iris/get_balance_butikemas',
                method: "GET",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
            })
            .done(function(response) {
                $('#irisBalanceButik').eq(0).html(response.txt_balance);
                

            }).error(function(response) {
                alert('Gagal mengambil data saldo iris')
            });


            return false;
        }

        function get_balance_butik_ble()
        {   
            $.ajax({
                url: web_url + '/api/iris/get_balance_ble',
                method: "GET",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
            })
            .done(function(response) {
                $('#irisBalanceButikBLE').eq(0).html(response.txt_balance);
            }).error(function(response) {
                alert('Gagal mengambil data saldo iris')
            });
            return false;
        }

        function get_balance_butik_cmk()
        {   
            $.ajax({
                url: web_url + '/api/iris/get_balance_cmk',
                method: "GET",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
            })
            .done(function(response) {
                $('#irisBalanceButikCMK').eq(0).html(response.txt_balance);
            }).error(function(response) {
                alert('Gagal mengambil data saldo iris')
            });
            return false;
        }

        function get_balance_sgk() {

            $.ajax({
                url: "{{ url('api/iris/get_balance_sgk') }}",
                method: "GET",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
            }).done(function (response) {
                $('#irisBalanceSGK').html(response.txt_balance);
            });
            return false;
        }

        function get_balance_sgjb() {

            $.ajax({
                url: "{{ url('api/iris/get_balance_sgjb') }}",
                method: "GET",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
            }).done(function (response) {
                $('#irisBalanceSGJB').html(response.txt_balance);
            });
            return false;
        }
    </script>
@endsection