@extends('layouts.table')

@section('title', trans('menu.deposit'))

@section('create_url', route('deposit.create', ['customer_id' => $customer_id]))

@section('thead')

<th class="text-center" >{{ trans('deposit.bill_no') }}</th>
<th class="text-center" >{{ trans('deposit.deposit') }}</th>
<th class="text-center" >{{ trans('deposit.usage') }}</th>
<th class="text-center" >{{ trans('deposit.print') }}</th>
<th class="text-center" >{{ trans('lang.status') }}</th>
<th class="text-center" >{{ trans('lang.action') }}</th>

@endsection

@section('tbody')

	@foreach($list as $d)
	<tr>
		<td>
			<p class="m-0 p-0" >{{ $d->bill_no }}</p>
			<p class="m-0 p-0 font-size-sm text-muted" >{{ date('d M Y', strtotime($d->bill_date)) }}</p>
			@if(!empty($d->remark))
			<p class="m-0 p-0 font-size-sm text-danger font-italic" >{{ $d->remark }}</p>
			@endif
		</td>
		<td class="text-right" >
			<p class="m-0 p-0" >{{ $d->real_deposit }}</p>
			@if(strcmp($d->is_vat, 1) == 0)
			<p class="m-0 p-0 font-size-sm text-muted" >{{ '( ' . $d->deposit . ' + ' . $d->vat . ' )' }}</p>
			@endif
		</td>
		<td class="text-center" >
			{!! badge_deposit_usage($d->usage) !!}
		</td>
		<td class="text-center" >{!! badge_status($d->status) !!}</td>
		<td class="text-center" >
			<button type="button" class="btn btn-primary btn-sm btn-print-deposit" data-id="{{ $d->id }}" >{{ trans('deposit.print') }}</button>
		</td>
		<td class="text-center" >
			@if(strcmp($d->usage, 0) == 0)
			<div class="btn-group">
				<a href="{{ route('deposit.update', ['id' => $d->id]) }}" class="btn btn-sm btn-primary" >
					<i class="fa fa-pencil-alt"></i>
				</a>
				<button type="button" class="btn btn-sm btn-primary js-tooltip-enabled" data-toggle="tooltip" title="" data-original-title="Delete">
					<i class="fa fa-times"></i>
				</button>
			</div>
			@endif
		</td>
	</tr>
	@endforeach

@endsection

@push('scripts')
<script>
	jQuery('.btn-print-deposit').on("click", function(){
		var id = $(this).attr('data-id');
		$.post("{{ route('deposit.printbill') }}", {
			id: id,
			type: 1,
			_token: $('meta[name="csrf-token"]').attr('content')
		}, function (res) {
			console.log("res", res);
			if(res.status){
				w = window.open(null, 'print', "width=400,height=1200");
				w.document.write(res.html);
				setTimeout(function() {
					w.focus();
					/* w.print();
					w.close(); */
				}, 500);
			}
		}, 'json');
	});
</script>
@endpush