@extends('adminsection.layouts.master')

@section('title')
	Report
	|| @parent
@stop

@section('page-title')
	Report 
@stop

@section('main-content')
	<div class="row gutters">
		<div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col" data-toggle="modal" data-target="#salesReport" style="cursor: pointer;">
			<a href="#" class="block-140">
				<div class="icon primary">
					<i class="icon-shopping-cart2"></i>
				</div>
				<h5>Sales Report</h5>
			</a>
		</div>

		<div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col" style="cursor: pointer;">
			<a href="{{route('report.sales.daily')}}" class="block-140">
				<div class="icon primary">
					<i class="icon-chart-line"></i>
				</div>
				<h5>Daily Sales Report</h5>
			</a>
		</div>

		<div class="col-xl-3 col-lg-3 col-md-3 col-sm-3 col" style="cursor: pointer;">
			<a href="{{route('reminders')}}" class="block-140">
				<div class="icon primary">
					<i class="icon-time"></i>
				</div>
				<h5>Booking Reminders</h5>
			</a>
		</div>
	</div>

	<!-- Sales report modal -->
	<div class="modal fade" id="salesReport" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg" role="document">
			<form method="post" action="{{route('report.sales')}}">
				@csrf
				<div class="modal-content"  style="border-radius: 0px !important;">
					<div class="modal-header">
						<h5 class="modal-title">
							Sales Report
						</h5>
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							<span aria-hidden="true">&times;</span>
						</button>
					</div>
					<div class="modal-body">
						<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12">
							<div class="form-row">
								<div class="form-group col-md-6">
									<label class="col-form-label">From</label>
									<input type="date" name="from" class="form-control">
								</div>
								<div class="form-group col-md-6">
									<label class="col-form-label">To</label>
									<input type="date" class="form-control" name="to">
								</div>
							</div>	
						</div>
					</div>

					<div class="modal-footer">
						<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
						<button type="submit" class="btn btn-primary">Generate Report</button>
					</div>
				</div>
			</form>
		</div>
	</div>
	<!-- Sales report modal -->
@stop