@extends('layouts.app-admin')

@section('title', 'Dashboard')

@section('content')

<div class="page-content">
	<div class="content-wrapper">
		<div class="panel panel-flat">
			<div class="panel-heading">
				<h5 class="panel-title">
					<i class="icon-display4"></i> 
					{{'Project Summary'}}
				</h5>
			</div>

			<div class="panel-body">
				<div class="row">
					<div class="col-lg-12">
						<div class="col-lg-3">
							<div class="panel bg-blue-400">
								<div class="panel-body">
									<h3 class="no-margin">{{" $ " . number_format($totalRevenue, 2)}}</h3>
									Today's Total Revenue
								</div>

								<div id="today-revenue"></div>
							</div>
						</div>

						<div class="col-lg-3">
							<div class="panel bg-pink-400">
								<div class="panel-body">
									<h3 class="no-margin">{{number_format($totalTransaction)}}</h3>
									Today's Total Transaction
								</div>
							</div>
						</div>
				
						<div class="col-lg-3">
							<div class="panel bg-teal-400">
								<div class="panel-body">
									<h3 class="no-margin">{{number_format($totalIssueCards)}}</h3>
									Today's Total Issue Cards
								</div>
							</div>
						</div>

						<div class="col-lg-3">
							<div class="panel bg-warning-400">
								<div class="panel-body">
									<h3 class="no-margin">{{number_format($totalShops)}}</h3>
									Total Shops
								</div>
							</div>
						</div>

						<div class="col-lg-3">
							<div class="panel bg-indigo-300">
								<div class="panel-body">
									<h3 class="no-margin">{{number_format($totalUsers)}}</h3>
									Total Users
								</div>
							</div>
						</div>

						<div class="col-lg-3">
							<div class="panel bg-success-400">
								<div class="panel-body">
									<h3 class="no-margin">{{number_format($totalCustomers)}}</h3>
									Total Customers
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-lg-12">
				<div class="panel panel-flat">
					<div class="panel-heading">
						<!-- <h5 class="panel-title text-teal">
							{{trans('admin_default.table_revenue')}}
						</h5> -->
					</div>
					<div class="panel-body">
						<div class="col-lg-6">
							<div class="table-responsive">
								<table class='table table-bordered'>
									<thead>
										<tr class="active border-double">
											<th colspan="5">Today's Revenues</th>
										</tr>
										<tr>
											<th>Shop Name</th>
											<th># Transactions</th>
											<th>Revenues</th>
										</tr>
									</thead>
									<tbody>
										@if(count($tableRevenueToday))
											@foreach($tableRevenueToday as $key)
											<tr>
												<td>{{$key->name}}</td>
												<td class="text-right">
													{{number_format($key->total_transactions)}}
												</td>
												<td class="text-right">
													{{" $ " . number_format($key->total_revenues, 2)}}
												</td>
											</tr>
											@endforeach
										@else
											<tr>
												<td colspan="5">{{trans('admin_default.no_records_found')}}</td>
											</tr>
										@endif
									</tbody>
								</table>
							</div>
						</div>
						<!--
						<div class="col-lg-6">
							<div class="table-responsive">
								<table class="table text-nowrap">
									<thead>
										<tr class="active border-double">
											<th colspan="5">Yesterday's Revenues</th>
											<th class="text-right">
												<span class="progress-meter" id="yesterday-progress" data-progress="65"></span>
											</th>
										</tr>
										<tr>
											<th>Logo</th>
											<th>Shop Name</th>
											<th>Revenues</th>
										</tr>
									</thead>
									<tbody>
										@foreach($tableRevenueYesterday as $key)
										<tr>
											<td><img src="{{ asset('images/upload/'.$key->logo.'') }}"></td>
											<td>{{$key->name}}</td>
											<td class="text-right">{{" $ " . number_format($key->total, 2)}}</td>
										</tr>
										@endforeach
										
									</tbody>
								</table>
							</div>
						</div>
						-->
					</div>
				</div>

			</div>

		</div>
	</div>
</div>


@endsection