@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>Journaling Transaksi Pembelian</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('/journaling/beli') }}">Journaling</a></li>
                        <li class="active">Transaksi Pembelian</li>
                    </ol>
                </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="date_start" type="date" class="form-control" placeholder="Date Start"@isset($_GET['date_start']) {!! ' value="'.$_GET['date_start'].'"' !!} @endisset>
                                    </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"@isset($_GET['date_end']) {!! ' value="'.$_GET['date_end'].'"' !!} @endisset>
                                    </div>
                                </div>

                                <!--<div class="form-group">
                                    <label class="col-sm-2 control-label">Metode Pembayaran</label>
                                    <div class="col-sm-10">
                                        <select id="payment_method" name="payment_method" class="form-control">
                                            <option value="">Pilih</option>
                                            @foreach($payment_methods as $payment_method)
                                                <option value="{{ $payment_method->id }}">{{ $payment_method->label }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                </div>-->

                                <div class="form-group">
                                    <label class="col-sm-2 control-label">Pencarian</label>
                                    <div class="col-sm-10">
                                        <input name="find" class="form-control" placeholder="Search by Kode"@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 class="col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <div class="row">
                                <div class="col-sm-12">
                                    <h2>Data Transaksi Pembelian Lakuemas</h2>
                                    <div>
                                        Grand Total Dana Setor : <b>Rp. {{ number_format($total_dana_setor) }}</b>
                                    </div>
                                    <div class="text-right" style="margin-top:-35px;">
                                        <a href="{{ url('journaling/beli/download' . $params) }}" class="btn btn-primary btn-sm" target="_blank"><i class="fa fa-download" aria-hidden="true"></i> Unduh</a>
                                    </div>
                                </div>
                                <div class="col-sm-6 text-right"></div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">
                            <div class="row form-group">
                            <table id="table_transaksi" class="table table-bordered table-hover">
								{{ csrf_field() }}
                                <thead>
                                    <tr>
                                        <th class="text-center">No</th>
                                        <th class="text-center"><span>Kode</span></th>
                                        <th class="text-center">Customer</th>
										<th class="text-center">Wkt. Transaksi</th>
                                        <th class="text-center">Jumlah (Gram)</th>
										<th class="text-center">Biaya Layanan</th>
                                        <th class="text-center">Total Dana Setor</th>
                                    </tr>
                                </thead>
                                <tbody>
								@foreach($trx->items() as $k => $item)
									<tr>
										<td class="text-center">{{ ((((empty(@$_GET['page']) ? 1 : @$_GET['page'])-1) * $paginate) + ($k + 1)) }}</td>
										<td class="text-center"><label class="checkbox-inline"><input type="checkbox" name="trx_id[]" value="{{ encrypt($item->id) }}">{{ $item->code }}</label></td>
										<td>{{ @$item->tabungan_transaksi[0]->tabungan->customer->name }}</td>
										<td class="text-center">{{ substr($item->date_approved, 0, 16) }}</td>
										<td class="text-right">{{ number_format($item->tabungan_transaksi[0]->debet, 4, ',', '.') }}</td>
										<td class="text-right">{{ number_format($item->tabungan_transaksi[0]->biaya_layanan, 0, ',', '.') }}</td>
										<td class="text-right">{{ number_format($item->tabungan_transaksi[0]->total_dana_setor, 0, ',', '.') }}</td>
									</tr>
								@endforeach
                                </tbody>
                                <tfoot>
                                	<tr>
                                		<td class="text-center" colspan="8">{{ $trx->appends(['date_start' => @$_GET['date_start'], 'date_end' => @$_GET['date_end'], 'find' => @$_GET['find']]) }}</td>
                                	</tr>
                                </tfoot>
                            </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        @include('includes.footer')
    </div>
</div>
@endsection

@section('scripts')
<script>
$(function(){
    @if(isset($_GET['payment_method']))
    $('#payment_method').val('{{ $_GET['payment_method'] }}');
    @endif
	if($("input[name='trx_id[]']").length>0){
		$("th:contains('Kode')").prepend($("<input>").attr({type:"checkbox",id:"chkAll"})).wrapInner($("<label>").attr({class:"checkbox-inline"}));
		$("#chkAll").click(function(){
			if($(this).is(":checked")){
				$("input[name='trx_id[]']").prop("checked", true);
			} else {
				$("input[name='trx_id[]']").removeAttr("checked");
			}
			count_selected();
		});
		//$("<form>").attr({method:"post"}).wrapInner($("#table_transaksi"));
		$("#table_transaksi").wrap($("<form>").attr({method:"post",id:"buy_list"}));

		$("#table_transaksi tfoot").prepend($("<tr>").append($("<td>").attr({align:"center",colspan:"9"}).append($("<div>").attr({class:"loading hidden"}).append($("<i>").attr({class:"fa fa fa-spinner fa-pulse"}))).append($("<div>").attr({class:"btn-group"}).append($("<input>").attr({type:"button",id:"send_btn",class:"btn btn-primary",value:"Kirim"})))));

		$("#send_btn").click(function(){
			var formData = new FormData($("#buy_list")[0]);
			// $("input[name='trx_id[]']:checked").map(function(){return $(this).val();}).get()
			if($(".resp_msg").length==1) $(".resp_msg").parent().remove();
			if($("input[name='trx_id[]']:checked").length == 0) {
				alert("Pilih Kode Transaksi yang akan diproses");
				return false;
			}

			cmp = $(this);
			$(this).parent().addClass("hidden");
			$(this).parent().prev().removeClass("hidden");
			$.ajax({
				url:web_url + '/api/journaling/beli',
				type: "POST",
				headers: {
					"X-CSRF-TOKEN":$('meta[name="csrf-token"]').attr('content')
				},
				data: formData,
				processData: false,
				contentType: false
			})
			.done(function(response) {
				if($(".resp_msg").length==0) $("#table_transaksi").parent().parent().before($("<div>").attr({class:"row form-group"}).append($("<div>").attr({class:"alert alert-success resp_msg"}).html(response.msg)));
				if(response.code.length > 0) {
					for(i=0;i<response.code.length;i++) {
						$("label:contains('"+response.code[i]+"')").parent().html(response.code[i]);
					}
				}
				$('html, body').animate({
					scrollTop: $(".resp_msg").offset().top
				}, 200, function(){
					$(cmp).parent().prev().addClass("hidden");
					$(cmp).parent().removeClass("hidden");
				});
			})
			.error(function(response) {
				if($(".resp_msg").length==0) $("#table_transaksi").parent().parent().before($("<div>").attr({class:"row form-group"}).append($("<div>").attr({class:"alert alert-danger resp_msg"}).html(response.responseJSON.msg)));
				$('html, body').animate({
					scrollTop: $(".resp_msg").offset().top
				}, 200, function(){
					$(cmp).parent().prev().addClass("hidden");
					$(cmp).parent().removeClass("hidden");
				});
			});
		});
		$("input[name='trx_id[]']").click(function(){count_selected();});

		function count_selected(){
			selected_count = $("input[name='trx_id[]']:checked").length;
			th = $("label span", "#table_transaksi thead tr th:contains('Kode')");
			th.html("Kode"+(selected_count>0 ? " ("+selected_count+")" : ""));
		}
	}
	$("#menu_toggle").trigger("click");
});
</script>
@endsection