@extends('adminlte::layouts.app')

@section('htmlheader_title')
	Unprocessed Charges
@endsection
@section('page_title')
	Unprocessed
@endsection

@section('contentheader_title')
	Unprocessed Charges
@endsection
@section('contentheader_description')
@endsection

@section('main-content')
	<div class="row">
		<div class="col-9">
			<div class="card">
				<div class="card-body">
					<table class="table table-striped table-hover" id="unprocessed_charges">
						<thead>
						<tr>
							<th>ID</th>
							<th>Date Created</th>
							<th>Date Charge</th>
							<th>Account</th>
							<th>Service</th>
							<th>Description</th>
							<th class="text-right">Total</th>
						</tr>
						</thead>

						<tbody>
						@foreach(\App\Models\Charge::unprocessed()->with(['account.user','service'])->get() as $o)
							<tr>
								<td><a href="{{ url('a/charge/addedit',$o->id) }}">{{ $o->id }}</a></td>
								<td>{{ $o->charge_at->format('Y-m-d') }}</td>
								<td>{{ $o->created_at->format('Y-m-d') }}</td>
								<td>{{ $o->account->name }}</td>
								<td>{{ $o->service->name_short }}</td>
								<td>{{ $o->description }}</td>
								<td class="text-right">{{ number_format($o->quantity*$o->amount,2) }}</td>
							</tr>
						@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
@endsection

@section('page-scripts')
	@css(datatables,bootstrap4)
	@js(datatables,bootstrap4)

	<script type="text/javascript">
		$(document).ready(function() {
			$('#unprocessed_charges').DataTable( {
				order: [1,'desc'],
			});
		});
	</script>
@append