@extends('layouts.app')

	@section('breadcrumb')
		<ul class="breadcrumb">
		    <li><a href="/home">{!! trans('messages.home') !!}</a></li>
		    <li class="active">{!! trans('messages.auto').' '.trans('messages.advance').' '.trans('messages.payment') !!}</li>
		</ul>
	@stop

	@section('content')
		<div class="row">
			@if(Laratrust::isAbleTo('create-auto-advance-payment'))
			<div class="col-sm-12 collapse" id="box-detail">
				<div class="box-info">
					<h2><strong>{!! trans('messages.add_new') !!}</strong> {!! trans('messages.auto').' '.trans('messages.advance').' '.trans('messages.payment') !!}
					<div class="additional-btn">
						<button class="btn btn-sm btn-primary" data-toggle="collapse" data-target="#box-detail"><i class="fa fa-minus icon"></i> {!! trans('messages.hide') !!}</button>
					</div>
					</h2>
					{!! Form::open(['route' => 'auto_advance_payment.store','role' => 'form', 'class'=>'auto-advance-payment-form','id' => 'auto-advance-payment-form','data-file-upload' => '.file-uploader']) !!}
						@include('auto_advance_payment._form')
					{!! Form::close() !!}
				</div>
			</div>
			@endif

			{{-- <div class="col-sm-12 collapse" id="box-detail-filter">
				<div class="box-info">
					<h2><strong>{!! trans('messages.filter') !!}</strong> {!! trans('messages.loan') !!}
					<div class="additional-btn">
						<button class="btn btn-sm btn-primary" data-toggle="collapse" data-target="#box-detail-filter"><i class="fa fa-minus icon"></i> {!! trans('messages.hide') !!}</button>
					</div></h2>
					{!! Form::open(['url' => 'filter','id' => 'loan-filter-form','data-no-form-clear' => 1]) !!}
						<div class="row">
							<div class="col-md-3">
							  	<div class="form-group">
									<label for="to_date">{!! trans('messages.head') !!}</label>
							  	</div>
							</div>
							<div class="col-md-3">
							  	<div class="form-group">
									<label for="to_date">{!! trans('messages.user') !!}</label>
							  	</div>
							</div>
							<div class="col-md-3">
							  	<div class="form-group">
									<label for="to_date">{!! trans('messages.status') !!}</label>
							  	</div>
							</div>
						</div>
						<div class="row">
							<div class="col-md-4">
								<div class="form-group">
									<label for="start_date_range">{{trans('messages.date_of').' '.trans('messages.loan')}}</label>
									<div class="input-daterange input-group">
									    <input type="text" class="input-sm form-control" name="date_of_loan_start" readonly />
									    <span class="input-group-addon">{{trans('messages.to')}}</span>
									    <input type="text" class="input-sm form-control" name="date_of_loan_end" readonly />
									</div>
								</div>
							</div>
							<div class="col-md-4">
								<div class="form-group">
									<label for="created_at_date_start">{{trans('messages.created_at')}}</label>
									<div class="input-daterange input-group">
									    <input type="text" class="input-sm form-control" name="created_at_start" readonly />
									    <span class="input-group-addon">{{trans('messages.to')}}</span>
									    <input type="text" class="input-sm form-control" name="created_at_end" readonly />
									</div>
								</div>
							</div>
						</div>
						<div class="form-group">
						<button type="submit" class="btn btn-default btn-success pull-right">{!! trans('messages.filter') !!}</button>
						</div>
					{!! Form::close() !!}
				</div>
			</div> --}}

			<div class="col-sm-12">
				<div class="box-info full">
					<h2><strong>{!! trans('messages.list_all') !!}</strong> {!! trans('messages.auto').' '.trans('messages.advance').' '.trans('messages.payment') !!}
					<div class="additional-btn">
						@if(Laratrust::isAbleTo('create-auto-advance-payment'))
						<button class="btn btn-sm btn-primary" data-toggle="collapse" data-target="#box-detail"><i class="fa fa-plus icon"></i> {!! trans('messages.add_new') !!}</button>
						@endif
					</div>
					</h2>
					<div class="row" style="margin:10px">
						@if(Laratrust::isAbleTo('delete-auto-advance-payment'))
							<button class="btn btn-xs btn-danger" id="delete_selected"><i class="fa fa-trash icon" style="margin-right:4px"></i>Delete Selected</button>
						@endif
					</div>
					@include('global.datatable',['table' => $table_data['auto-advance-payment-table']])
				</div>
			</div>
		</div>

	@stop

	@section('js')
		<script type="text/javascript">
			$(document).ready(function() {
				var table = $('#auto_advance_payment_table').DataTable();
				var table_data;
				var id_array;
				$('#auto_advance_payment_table tbody').on( 'click', 'tr', function () {
					$(this).toggleClass('selected');
				});

				$('#delete_selected').click( function() {
					id_array = [];
					table_data = table.rows('.selected').data().toArray();
					table_data.forEach(function(data){ //only loop when user press action button (delete, etc...)
						item = data[0].split('/auto_advance_payment/').pop().split('"')[0];
						id_array.push(item);
					});
					if (confirm("Delete Auto Advance Payment Record(s)?")) {
					  $.ajax({
							type: 'DELETE',
							url:'/auto_advance_payment/'+id_array,
							success: function(response){
								alert('Auto Advance Payment Record(s) deleted!');
								window.location = "/auto_advance_payment";
							},
							error: function(response){
								alert('Error deleting');
							}
						});
					} else {
					  console.log("Delete Cancelled");
					}
				})
			});
		</script>
		@stop