@extends('layouts.layout')
@section('css')
	<style>
		.x_panel {
			padding: 3px;
		}
		.col-lg-12 {
			padding: 3px !important;
		}
	</style>
@endsection

@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>Reporting Transaksi ICDX</h3>
                    </div>
                    <div class="clearfix"></div>
                </div>

                <div class="row">
                    <div class="col-xs-12">
                        <ol class="breadcrumb">
                            <li><a href="{{ url('/dashboard') }}">Home</a></li>
                            <li><a href="{{ url('/reporting/transaksi_lakuemas') }}">Reporting</a></li>
                            <li class="active">Transaksi ICDX</li>
                        </ol>
                    </div>

                    <div class="col-xs-12">
                        <div id="loadingSummary" class="text-center">
                            Waiting for transaction summary
                            <h2>
                                <i class="fa fa-2x fa-pulse fa-spinner"></i>
                            </h2>
                        </div>
                        <div id="summaryData" class="row" style="display: none; zoom: 0.9;">
                            <div class="col-xs-12 col-sm-2">
                                <div class="x_panel bg-green">
                                    <div class="x_title">
                                        <h2>Beli</h2>
                                        {{-- 
                                    <ul class="nav navbar-right panel_toolbox">
                                        <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
                                    </ul>
                                    <div class="clearfix"></div>
                                     --}}
                                    </div>

                                    <div class="x_content">
                                        <div class="form-horizontal">

                                            <div class="form-group">
                                                <label class="col-xs-5 control-label">Beli</label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static"><span id="summary_total_beli"></span>
                                                        Gram</p>
                                                </div>
                                            </div>

                                            <div class="form-group" style="display: none;">
                                                <label class="col-xs-5 control-label">Pajak</label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static">Rp. <span
                                                            id="summary_total_pajak"></span>,-</p>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-xs-5 control-label">Rupiah</label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static">Rp. <span id="summary_rp_beli"></span>,-
                                                    </p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="col-xs-12 col-sm-2">
                                <div class="x_panel bg-red">
                                    <div class="x_title">
                                        <h2>Jual</h2>
                                    </div>

                                    <div class="x_content">
                                        <div class="form-horizontal">
                                            <div class="form-group">
                                                <label class="col-xs-5 control-label">Jual</label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static"><span id="summary_total_jual"></span>
                                                        Gram</p>
                                                </div>
                                            </div>

                                            <div class="form-group">
                                                <label class="col-xs-5 control-label">Rupiah</label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static">Rp. <span id="summary_rp_jual"></span>,-
                                                    </p>
                                                </div>
                                            </div>
											
                                            <div class="form-group">
                                                <div class="col-xs-12 control-label"><hr style="border: 1px dashed #ff0; margin: 5px;"></div>
                                                <label class="col-xs-5 control-label">Payment Elite</label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static"><span id="total_payment_elite"></span>
                                                        Gram</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
 
                            <div class="col-xs-12 col-sm-3">
                                <div class="x_panel" style="background: #7986CB !important; color: #fff;">
                                    <div class="x_title">
                                        <h2>Redeem Voucher</h2>
                                    </div>

                                    <div class="x_content">
                                        <div class="form-horizontal">
                                            <div class="form-group">
                                                <label class="col-xs-5 control-label">Redeem</label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static"><span id="summary_total_redeem"></span>
                                                        Gram</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-horizontal" style="display: none;">
                                            <div class="form-group">
                                                <label class="col-xs-5 control-label">Pajak</label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static">Rp. <span
                                                            id="summary_total_redeem_pajak"></span></p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-horizontal" style="display: none;">
                                            <div class="form-group">
                                                <label class="col-xs-5 control-label">Rupiah</label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static">Rp. <span
                                                            id="summary_total_redeem_rupiah"></span></p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
							
                            <div class="col-xs-12 col-sm-2">
                                <div class="x_panel" style="background: #00BCD4 !important; color: #fff;">
                                    <div class="x_title">
                                        <h2>Transfer</h2>
                                    </div>

                                    <div class="x_content">
                                        <div class="form-horizontal">
                                            <div class="form-group">
                                                <label class="col-xs-5 control-label">Debet</label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static"><span id="summary_transfer_debet"></span>
                                                        Gram</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-horizontal">
                                            <div class="form-group">
                                                <label class="col-xs-5 control-label">Credit</label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static"><span id="summary_transfer_credit"></span>
                                                        Gram</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12 col-sm-3">
                                <div class="x_panel" style="background: #CBBE79 !important; color: #fff;">
                                    <div class="x_title">
                                        <h2>Mutasi Saldo ICDX</h2>
                                    </div>

                                    <div id="submitPage" class="x_content" style="display: none;">
                                        <div class="form-horizontal">
                                            <div class="form-group">
                                                <div class="col-xs-12 text-center">
                                                    <button class="btn btn-primary" onclick="saveICDX()"><i class="fa fa-save"></i> SUBMIT ICDX LAST MONTH</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    <div id="summaryPage" class="x_content">
                                        <div class="form-horizontal">
                                            <div class="form-group">
											{{-- <label class="col-xs-5 control-label">Saldo Awal {{ date('m', strtotime($request['date_start'] ?: date('Y-m-d'))) }} {{ date('Y', strtotime($request['date_start'] ?: date('Y-m-d'))) }} </label> --}}
                                                <label class="col-xs-5 control-label">Saldo Awal<br><small>({{ $request['date_start'] ? : date('Y-m-d') }})</small> </label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static"> <span
                                                        id="total_saldo_awal"></span>   Gram</p>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="form-horizontal">
                                            <div class="form-group">
                                                <label class="col-xs-5 control-label">Debet</label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static"> <span
                                                            id="total_debet_lei_bnc"></span>  Gram</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-horizontal">
                                            <div class="form-group">
                                                <label class="col-xs-5 control-label">Credit</label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static"> <span
                                                            id="total_credit_lei_bnc"></span>     Gram</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="form-horizontal">
                                            <div class="form-group">
											{{-- <label class="col-xs-5 control-label">Saldo Akhir {{ date('m', strtotime($request['date_end'] ?: date('Y-m-d'))) }} {{ date('Y', strtotime($request['date_start'] ?: date('Y-m-d'))) }} </label> --}}
                                                <label class="col-xs-5 control-label">Saldo Akhir <br><small>({{ $request['date_end'] ? : date('Y-m-d') }})</small></label>
                                                <div class="col-xs-7">
                                                    <p class="form-control-static"> <span
                                                            id="total_saldo_akhir"></span>  Gram</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-xs-12">
                        <div class="x_panel">
                            <div class="x_title">
                                <h2>Filter</h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a></li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content">
                                <form id="form_filter" class="form-horizontal">
                                     <div class="form-group">
                                        <label class="col-sm-2 control-label">Tipe Tanggal</label>
                                        <div class="col-sm-10">
                                            <select name="tipe_tanggal" class="form-control">
                                                <option value="tanggal_buat" {{ request('tipe_tanggal') == 'tanggal_buat' ? 'selected' : '' }}>Tanggal Create</option>
                                                <option value="tanggal_posting" {{ request('tipe_tanggal') == 'tanggal_posting' ? 'selected' : '' }}>Tanggal Posting</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Tanggal Mulai</label>
                                        <div class="col-sm-10">
                                            <input name="date_start" type="date" class="form-control"
                                                placeholder="Date Start"
                                                value="{{ $request['date_start'] ?: date('Y-m-01') }}" required>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Tanggal Selesai</label>
                                        <div class="col-sm-10">
                                            <input name="date_end" type="date" class="form-control"
                                                placeholder="Date End" value="{{ $request['date_end'] ?: date('Y-m-d') }}"
                                                required>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Tipe Transaksi</label>
                                        <div class="col-sm-10">
                                            <select name="transaction_type" class="form-control">
                                                <option value="" selected>Pilih Tipe Transaksi</option>
                                                @foreach ($transaction_type as $key => $value)
                                                    <option value="{{ $key }}"
                                                        {{ $request_transaction_type == $key ? 'selected' : '' }}>
                                                        {{ $value }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Keyword</label>
                                        <div class="col-sm-10">
                                            <input name="find" class="form-control"
                                                placeholder="Search by Kode, Customer Code or Customer Name"@isset($_GET['find']) {!! ' value="' . htmlentities($_GET['find'], ENT_COMPAT) . '"' !!} @endisset>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <div class="col-sm-offset-2 col-sm-10">
                                            <button type="submit" class="btn btn-default"><i class="fa fa-search"></i>
                                                Cari</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <input type="hidden" id="is_downloaded" value="0">
            @include('includes.footer')
        </div>
    </div>
@endsection


@section('scripts')
    <script type="text/javascript">
    $(document).ready(function() {
            $('#myTable').DataTable({
                searching: false,
                lengthChange: false,
                pageLength: 5,
                order: [
                    [0, 'desc']
                ]
            });
        });

        function check_download_proceess(id) {
            $.ajax({
                url: "{{ url('reporting/transaksi_lakuemas_icdx/check_download_process') }}/" + id,
                method: "GET",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
            }).done(function(response) {
                if (response.status == "completed") {
                    $('#is_downloaded').val(1);
                    $('#file_download').show();
                    $('#prosess').hide();

                    //  var downloadConfirmation = confirm("silahkan klik ok untuk proses selanjutnya!!");
                    //  if (downloadConfirmation) {
                    alert("Proses Download Anda Selesai")
                    location.reload();
                    //  }

                    // setTimeout(function() {
                    //     location.reload();
                    // }, 1000);
                }
            });
            return false;
        }
        $(document).ready(function() {
            getSummaryData();
        });


        function getSummaryData() {

            $.ajax({
                url: '{{ url('reporting/transaksi_lakuemas_icdx/get_summary') }}?date_start={{ $request['date_start'] }}&date_end={{ $request['date_end'] }}&transaction_type={{ $request['transaction_type'] }}&find={{ $request['find'] }}',
                method: "GET",
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
            }).done(function(response) {
                setTimeout(function() {
                    $('#summary_total_emas').html(response.result.total_emas);
                    $('#summary_total_tabungan_aktif').html(response.result.total_tabungan_aktif);
                    $('#summary_total_pajak').html(response.result.total_pajak);
                    $('#summary_total_beli').html(response.result.total_beli);
                    $('#summary_rp_beli').html(response.result.rp_beli);
                    $('#summary_total_jual').html(response.result.total_jual);
                    $('#summary_rp_jual').html(response.result.rp_jual);
                    $('#summary_total_tarik').html(response.result.total_tarik);
                    $('#summary_total_tarik_biaya_cetak').html(response.result.total_tarik_biaya_cetak);
                    $('#summary_total_redeem').html(response.result.total_redeem);
                    $('#summary_total_redeem_pajak').html(response.result.total_redeem_pajak);
                    $('#total_saldo_awal').html(response.result.total_saldo_awal);
                    $('#total_debet_lei_bnc').html(response.result.total_debet_lei_bnc);
                    $('#total_credit_lei_bnc').html(response.result.total_credit_lei_bnc);
                    $('#total_saldo_akhir').html(response.result.total_saldo_akhir);
                    $('#summary_transfer_debet').html(response.result.total_transfer_saldo_debet);
                    $('#summary_transfer_credit').html(response.result.total_transfer_saldo_credit);
                    $('#total_payment_elite').html(response.result.total_payment_elite);

                    if(parseFloat(response.result.total_saldo_awal) == 0){
                        $('#summaryPage').hide();
                        $('#submitPage').show();
                    }
                    else {
                        $('#submitPage').hide();
                        $('#summaryPage').show();
                    }

                    $('#loadingSummary').hide();
                    $('#summaryData').fadeIn();
                }, 1000)
            });
        }

        function saveICDX() {
            let total_saldo_awal = $('#total_saldo_awal').html();
            let total_saldo_debet = $('#total_saldo_debet').html();
            let total_saldo_credit = $('#total_saldo_credit').html();
            let total_saldo_akhir = $('#total_saldo_akhir').html();
            
			$('#cover-spin').show();
			$.ajax({
				url: "{{ url('reporting/transaksi_lakuemas_icdx/save') }}",
				method: "POST",
				headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
				data: {
					'total_saldo_awal' : total_saldo_awal,
					'total_saldo_debet' : total_saldo_debet,
					'total_saldo_credit' : total_saldo_credit,
					'total_saldo_akhir' : total_saldo_akhir,
				},
				success: function(response) {
					iziToast.success({
						title: '',
						position: 'topRight',
						message: 'Data saved !',
					});
                    location.reload();
				},
				error: function(response) {
					var data = response.responseJSON;
					iziToast.error({
						title: '',
						position: 'topRight',
						message: 'Oops, something wrong !',
					});
					$('#cover-spin').hide();
				}
			});
        }
    </script>
@endsection