@section('header')
	@include('common.header')
@stop

@section('content')
	<h3>{!! $client->name !!} <a href="{!! URL::route('accounts.index') !!}"><small>Go back to accounts</small></a></h3>
	<div class="row">
		<div class="col-sm-3">
			<div class="widget">
				<div class="widget-content text-center">
					<h3>&pound;{!! number_format($overview['owed']['labour'] + $overview['owed']['parts'], 2) !!}</h3>
					<h4><small>&pound;{!! number_format($overview['owed']['labour'], 2) !!} Labour + &pound;{!! number_format($overview['owed']['parts'], 2) !!} Parts</small></h4>
					<h5>Money owed to us</h5>
				</div>
			</div>
		</div>
		<div class="col-sm-3">
			<div class="widget">
				<div class="widget-content text-center">
					<h3>&pound;{!! number_format($overview['overdue']['labour'] + $overview['overdue']['parts'], 2) !!}</h3>
					<h4><small>&pound;{!! number_format($overview['overdue']['labour'], 2) !!} Labour + &pound;{!! number_format($overview['overdue']['parts'], 2) !!} Parts</small></h4>
					<h5>Overdue invoices</h5>
				</div>
			</div>
		</div>
	</div>

	{{-- Tabs below --}}
	<uib-tabset>
		<uib-tab heading="Open">
			<div class="repair-tab bookings-content">
				<div accounts-queue data-client-id="{!! $client->id !!}" data-client-type="{!! $client_type !!}"></div>
			</div>
		</uib-tab>
		<uib-tab heading="Projects">
			<div class="repair-tab bookings-content">
				<div accounts-projects data-client-id="{!! $client->id !!}" data-client-type="{!! $client_type !!}"></div>
			</div>
		</uib-tab>
	</uib-tabset>

	<script type="text/ng-template" id="accounts/queue.html">
		@include('accounts::templates.queue')
	</script>

	<script type="text/ng-template" id="accounts/projects.html">
		@include('accounts::templates.projects')
	</script>
@stop