@extends('cms.layouts.main')

@section('content')
@include('cms.layouts.headers.cards')

<div class="container-fluid mt--7">
	<div class="card text-center shadow overflow-hidden mb-5">
		<div class="card-header border-0">
			<h1 class="mb-0">Welcome <b>{{ Auth::guard('admin')->user()->first_name }}</b> to {{ env('APP_NAME') }} dashboard</h1>
		</div>
	</div>

	<div class="row">
		<div class="col-lg-3 mb-4">
			<div class="card card-stats">
				<div class="card-body">
					<div class="mb-2">
						<h5 class="card-title text-uppercase text-muted mb-0">Next Loto Estimated Jackpot</h5>
						<p class="h2 font-weight-bold mb-0">{{ $next_draw->next_loto_jackpot_formated }}</p>
					</div>
					<div>
						<p class="mb-0"><b>Next Draw #{{ $next_draw->draw_number }}</b></p>
						<p class="text-primary mb-0"><b>{{ date('l M, d, Y', strtotime($next_draw->date)) }}</b></p>
					</div>
				</div>
			</div>
		</div>
		<div class="col-lg-3 mb-4">
			<div class="card card-stats h-100">
				<div class="card-body">
					<div class="row justify-content-between">
						<div class="col-auto">
							<div class="mb-2">
								<h5 class="card-title text-uppercase text-muted mb-0">Orders for this draw</h5>
								<span class="h2 font-weight-bold mb-0">{{ $orders_count }}</span>
							</div>
							<div>
								<h5 class="card-title text-uppercase text-muted mb-0">Grids played for this draw</h5>
								<span class="h2 font-weight-bold mb-0">{{ $grids_count }}</span>
							</div>
						</div>
						<div class="col-auto align-self-end">
							<a href="{{ route('admin.orders') }}">
								<button class="btn btn-primary btn-sm">View All</button>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	@include('cms.layouts.footers.auth')
</div>
@endsection