@extends('layout')
@section('title','View Sales')
@section('content')
	
	   <div class="page-title">
		  <h3>{{$lottery_name->lottery_name}} </h3>
	   </div>
	   <div id="container">
		  <div class="row 2col">
			 <div class="col-md-3 col-sm-6 spacing-bottom-sm spacing-bottom">
				<div class="tiles blue added-margin">
				   <div class="tiles-body">
					  <div class="controller">
						 <a href="javascript:;" class="reload"></a>
						 <a href="javascript:;" class="remove"></a>
					  </div>
					  <div class="tiles-title"><h4><b>Total Business Partners</b></h4></div>
					  <div class="heading"><i class="fa fa-group fa-2x"></i> <span class="animate-number" data-value="{{$business_partner ?? ''}}" data-animation-duration="1200"></span></div>
				   </div>
				</div>
			 </div>
			 <div class="col-md-3 col-sm-6 spacing-bottom-sm spacing-bottom">
				<div class="tiles green added-margin">
				   <div class="tiles-body">
					  <div class="controller">
						 <a href="javascript:;" class="reload"></a>
						 <a href="javascript:;" class="remove"></a>
					  </div>
					  <div class="tiles-title"><h4><b>Total Customers</b></h4></div>
					  <div class="heading"><i class="fa fa-group fa-2x"></i> <span class="animate-number" data-value="{{ $customer ?? ''}}" data-animation-duration="1000">0</span> </div>
				   </div>
				</div>
			 </div>
			 <div class="col-md-3 col-sm-6 spacing-bottom">
				<div class="tiles red added-margin">
				   <div class="tiles-body">
					  <div class="controller">
						 <a href="javascript:;" class="reload"></a>
						 <a href="javascript:;" class="remove"></a>
					  </div>
					  <div class="tiles-title"><h4><b>Total Tickets</b></h4></div>
					  <div class="heading"><i class="fa fa-credit-card fa-2x"></i> <span class="animate-number" data-value="{{ $ticket ?? ''}}" data-animation-duration="1000">0</span> </div>
				   </div>
				</div>
			 </div>
			 <div class="col-md-3 col-sm-6">
				<div class="tiles purple added-margin">
				   <div class="tiles-body">
					  <div class="controller">
						 <a href="javascript:;" class="reload"></a>
						 <a href="javascript:;" class="remove"></a>
					  </div>
					  <div class="tiles-title"><h4><b>Total Revenue</b></h4></div>
					  <div class="heading"><i class="fa fa-euro fa-2x"></i> <span class="animate-number" data-value="{{ $revenue ?? '' }}" data-animation-duration="1000">0</span> </div>
				   </div>
				</div>
			 </div>
		  </div>
		  <div class="row">
			 <div class="col-md-12 spacing-bottom">
				<div class="row tiles-container tiles white spacing-bottom">
				   <div class="row-fluid">
					  <div class="span12">
						 <div class="grid simple ">
							<div class="grid-title">
							   <h3><i class="fa fa-users"></i><span class="semi-bold"> View {{$lottery_name->lottery_name}} Sales</span> <a href="{{route('lottery')}}" class="btn btn-primary" style="border-radius:25px;float:right;"><i class="fa fa-paste"></i>&nbsp;View All Transactions</a></h3>
							</div>
							<div class="grid-body ">
							   <table class="table table-striped" id="example2">
								  <thead>
									 <tr>
										<th>Business Partner Details</th>
										<th>Customer Details</th>
										<th>Date Of Tx</th>
										<th>Revenue</th>
									 </tr>
								  </thead>
								  <tbody>
								      @foreach($view_sale as $view_sales)
									 <tr>
										<td>{{$view_sales->poc_first_name}}<br>{{$view_sales->poc_email}}<br>{{$view_sales->poc_mobile}}</td>
										<td>{{$view_sales->first_name}}<br>{{$view_sales->email}}<br>{{$view_sales->mobile}}</td>
										<td>{{ date('d-M-Y',strtotime($view_sales->created_at))}}</td>
										<td>{{$view_sales->price}}</td>
									 </tr>
									 @endforeach
								  </tbody>
							   </table>
							</div>
						 </div>
					  </div>
				   </div>
				</div>
			 </div>
		  </div>
	   </div>
	   <!-- END PAGE -->
	
@endsection