@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>Reporting Transaksi BNC</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_bnc') }}">Reporting</a></li>
                            <li class="active">Transaksi BNC</li>
                        </ol>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-3">
                    <div class="x_panel bg-green summary">
                        <div class="x_title">
                            <h2>Summary Beli</h2>
                        </div>

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

                                <div class="form-group form-group-x" style="margin-top: 1px;">
                                    <label class="col-xs-4 control-label">{{ $label_beli }}</label>
                                    <div class="col-xs-8">
                                        <p class="form-control-static"><span id="summary_total_beli"></span>
                                            Gram</p>
                                    </div>
                                </div>

                                <div class="form-group form-group-x">
                                    <label class="col-xs-4 control-label">Rupiah</label>
                                    <div class="col-xs-8">
                                        <p class="form-control-static">Rp. <span id="total_rupiah"></span>,-
                                        </p>
                                    </div>
                                </div>
                                
                                {{-- <div class="form-group form-group-x">
                                    <label class="col-xs-4 control-label">Discount</label>
                                    <div class="col-xs-8">
                                        <p class="form-control-static" id="summary_discount_rp_beli"><i class="fa fa-spinner fa-pulse"></i>
                                        </p>
                                    </div>
                                </div>
                                
                                <div class="form-group form-group-x">
                                    <label class="col-xs-4 control-label">Total Rupiah</label>
                                    <div class="col-xs-8">
                                        <p class="form-control-static" id="summary_total_rp_beli"><i class="fa fa-spinner fa-pulse"></i>
                                        </p>
                                    </div>
                                </div> --}}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xs-12 col-sm-3">
                    <div class="x_panel bg-blue summary">
                        <div class="x_title">
                            <h2>Summary Jual</h2>
                        </div>

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

                                <div class="form-group form-group-x" style="margin-top: 1px;">
                                    <label class="col-xs-4 control-label">{{ $label_jual }}</label>
                                    <div class="col-xs-8">
                                        <p class="form-control-static"><span id="total_credit"></span>
                                            Gram</p>
                                    </div>
                                </div>

                                <div class="form-group form-group-x">
                                    <label class="col-xs-4 control-label">Rupiah</label>
                                    <div class="col-xs-8">
                                        <p class="form-control-static">Rp. <span id="total_rupiah_sell"></span>,-
                                        </p>
                                    </div>
                                </div>
                                
                                {{-- <div class="form-group form-group-x">
                                    <label class="col-xs-4 control-label">Discount</label>
                                    <div class="col-xs-8">
                                        <p class="form-control-static" id="summary_discount_rp_beli"><i class="fa fa-spinner fa-pulse"></i>
                                        </p>
                                    </div>
                                </div>
                                
                                <div class="form-group form-group-x">
                                    <label class="col-xs-4 control-label">Total Rupiah</label>
                                    <div class="col-xs-8">
                                        <p class="form-control-static" id="summary_total_rp_beli"><i class="fa fa-spinner fa-pulse"></i>
                                        </p>
                                    </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">Tanggal Mulai</label>
                                            <div class="col-sm-10">
                                                <input name="start_date" type="date" class="form-control" placeholder="Date Start" value="{{ $start_date }}" required>
                                            </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Tanggal Selesai</label>
                                            <div class="col-sm-10">
                                                <input name="end_date" type="date" class="form-control" placeholder="Date End" value="{{ $end_date }}" required>
                                            </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Type</label>
                                            <div class="col-sm-10">
                                                <select name="type" class="form-control">
                                                    <option value="">-- All --</option>
                                                        <option value="1" {{ request('type') == '1' ? 'selected' : '' }}>
                                                            Beli
                                                        </option>
                                                        <option value="2" {{ request('type') == '2' ? 'selected' : '' }}>
                                                            Jual
                                                        </option>
                                                </select>
                                            </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-2 control-label">Status</label>
                                            <div class="col-sm-10">
                                                <select name="status" class="form-control">
                                                        <option value="2" {{ request('status', '2') == '2' ? 'selected' : '' }}>
                                                            Success
                                                        </option>
                                                        <option value="0" {{ request('status') == '0' ? 'selected' : '' }}>
                                                            Pending
                                                        </option>
                                                </select>
                                            </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 class="x_panel">
                    <div class="x_title">
                        <div class="row">
                            <div class="col-sm-6">
                                <h2>Data Transaksi BNC</h2>
                            </div>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="x_content" style="overflow: auto;">
                        <div class="form-group">
                            <label class="col-sm-2 control-label">Total BNC</label>
                            {{-- <div class="col-sm-10"> gram</div> --}}
                        </div>
                        <table id="table_transaksi" class="table table-bordered">
                            <thead>
                                <tr>
                                    <th class="text-center">Tanggal</th>
                                    <th class="text-center">Kode</th>
                                    <th class="text-center">Customer Code</th>
                                    <th class="text-center">Customer Name</th>   
                                    <th class="text-center">Rekening</th>
                                    <th class="text-center" colspan="2">Amount</th>
                                    {{-- <th class="text-center">Total Dana</th>
                                    <th class="text-center" colspan="2">Pajak</th>
                                    <th class="text-center">Voucher</th>
                                    <th class="text-center">Total Setor</th>
                                    <th class="text-center">Harga Jual</th>
                                    <th class="text-center">Harga Beli</th>
                                    <th class="text-center">Keterangan</th>
                                    <th class="text-center">Metode Pembayaran</th> --}}
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($transactions as $transaction)
                                    @foreach ($transaction->transaction_to_merchant_customer_saving as $transaksi_bnc)
                                        <tr>
                                            <td class="text-center">
                                                {{ strftime('%d %b %Y %R', strtotime($transaction->created_at)) }}
                                            </td>
                                            <td class="text-center">{{ $transaction->code ?? '' }}</td>
                                            <td class="text-center">{{ $transaksi_bnc->merchant_customer_saving->merchant_customer->customer_code ?? '-' }}</td>
                                            <td class="text-center">{{ $transaksi_bnc->merchant_customer_saving->merchant_customer->name ?? '-' }}</td>
                                            <td class="text-center">{{ $transaksi_bnc->merchant_customer_saving->account_number ?? '-' }}</td>
                                            <td class="text-right">
                                                @if (!empty($transaksi_bnc->debit))
                                                    {{ $transaksi_bnc->debit }}
                                                @else
                                                    {{ $transaksi_bnc->credit }}
                                                @endif
                                            </td>
                                            <td class="text-center">
                                                @if(!empty($transaksi_bnc->debit))
                                                    DB
                                                @else
                                                    CR
                                                @endif
                                            </td>
                                        </tr>
                                    @endforeach

                                @empty
                                    <tr>
                                        <td colspan="6" class="text-center">Data kosong</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                        <div style="padding:30; text-align:center">
                            {{ $transactions->links() }}
                        </div>
                    </div>
                </div>
            </div>
        </div> 
    </div>
</div>
<script>
    function getSummaryData() {
    $.ajax({
        url: '{{ url("reporting/transaksi_bnc/get_summary_beli") }}',
        method: 'GET',
        data: {
            start_date: $('input[name="start_date"]').val(),
            end_date: $('input[name="end_date"]').val(),
            type: $('select[name="type"]').val(),
            status: $('select[name="status"]').val()
        },

        beforeSend: function() {
            $('#summary_total_beli').html(
                '<i class="fa fa-spinner fa-pulse"></i>'
            );
            $('#total_rupiah').html(
                '<i class="fa fa-spinner fa-pulse"></i>'
            );
            $('#total_credit').html(
                '<i class="fa fa-spinner fa-pulse"></i>'
            );
            $('#total_rupiah_sell').html(
                '<i class="fa fa-spinner fa-pulse"></i>'
            );
        }
    })
    .done(function(response) {

        if (response.status) {

            $('#summary_total_beli').html(
                response.result.total_beli
            );

            $('#total_rupiah').html(
                response.result.total_rupiah
            );

            $('#total_credit').html(
                response.result.total_credit
            );

            $('#total_rupiah_sell').html(
                response.result.total_rupiah_sell
            );

        }
    })
    .fail(function(xhr) {

        console.log(xhr.responseText);

        $('#summary_total_beli').html('0.0000');
    });
    }
    $(document).ready(function() {
        getSummaryData();
    });
</script>
@endsection