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

@section('htmlheader_title')
	{{ $o->role }} Home
@endsection
@section('page_title')
	{{ $o->full_name }}
@endsection

@section('contentheader_title')
	{{ $o->full_name }}
@endsection
@section('contentheader_description')
	{{ $o->role  }}
@endsection

@section('main-content')
	<!-- Our Summary Home Page Boxes -->
	<div class="row">
		@include('common.account.widget.summary')
	</div>

	<div class="row">
		<div class="col-12">
			<div class="card-header bg-white">
				<ul class="nav nav-pills">
					<li class="nav-item"><a class="nav-link active" href="#tab-services" data-toggle="tab">Services</a></li>
					{{--
					<!-- @todo this is not working -->
					<li class="nav-item"><a class="nav-link" href="#tab-nextinvoice" data-toggle="tab">Next Invoice</a></li>
					--}}
					<li class="nav-item"><a class="nav-link" href="#tab-futureinvoice" data-toggle="tab">Future Invoice</a></li>

					@if ($o == $user)
						@canany('reseller','wholesaler')
							<li class="nav-item ml-auto"><a class="nav-link" href="#tab-reseller" data-toggle="tab">Reseller</a></li>
						@endcanany
					@endif
				</ul>
			</div>

			<div class="card-body pl-0 pr-0">
				<div class="tab-content">
					<div class="active tab-pane" id="tab-services">
						<div class="row">
							<div class="col-12 col-xl-7">
								@include('u.service.widgets.active')
							</div>

							<div class="col-12 col-xl-5">
								@include('u.invoice.widgets.due')

								@include('u.invoice.widgets.list')

								@include('u.payment.widgets.list')
							</div>
						</div>
					</div>

					{{--
					<!-- @todo this is not working -->
					<div class="tab-pane" id="tab-nextinvoice">
						<div class="row">
							<div class="col-12">
								@include('u.invoice.widgets.next',['future'=>FALSE])
							</div>
						</div>
					</div>
					--}}

					<div class="tab-pane" id="tab-futureinvoice">
						<div class="row">
							<div class="col-12 col-xl-9">
								@include('u.invoice.widgets.next',['future'=>TRUE])
							</div>
						</div>
					</div>

					@if ($o == $user)
						@canany('reseller','wholesaler')
							<div class="tab-pane" id="tab-reseller">
								@include('r.home.widgets.home')
							</div>
						@endcanany
					@endif
				</div>
			</div>
		</div>
	</div>
@endsection

@section('page-scripts')
<script>
	$(document).ready(function() {
		$('body')
			.addClass('sidebar-collapse')
			.delay(500)
			.queue(function () {
				window.dispatchEvent(new Event('resize'));
				$(this).dequeue();
			});
	});
</script>
@append