@extends('admin.layouts.app')

@section('content')
	<div class="row"><div class="col-12"><div class="page-title-box d-sm-flex align-items-center justify-content-between">
		<div class="container-fluid">
			<div class="row mb-2">
				<div class="col-sm-6">
					<h1>Tablero</h1>
				</div>
				<div class="col-sm-6">

				</div>
			</div>
		</div>
		<!-- /.container-fluid -->
	

		<!-- Default box -->
		<div class="container-fluid">
			<div class="row">

				<div class="col-lg-4 col-6">
					<div class="small-box card">
						<div class="inner">
							<h3>{{ $totalOrders }}</h3>
							<p>Total Ordenes</p>
						</div>
						<div class="icon">
							<i class="ion ion-bag"></i>
						</div>
						<a href="{{ route('orders.index') }}" class="small-box-footer text-dark">Mas info <i class="ri-arrow-right-circle-line"></i></a>
					</div>
				</div>


				<div class="col-lg-4 col-6">
					<div class="small-box card">
						<div class="inner">
							<h3>{{ $totalProducts }}</h3>
							<p>Total Productos</p>
						</div>
						<div class="icon">
							<i class="ion ion-bag"></i>
						</div>
						<a href="{{ route('products.index') }}" class="small-box-footer text-dark">Mas info <i class="ri-arrow-right-circle-line"></i></a>
					</div>
				</div>

				<div class="col-lg-4 col-6">
					<div class="small-box card">
						<div class="inner">
							<h3>{{ $totalCustomers }}</h3>
							<p>Total Clientes</p>
						</div>
						<div class="icon">
							<i class="ion ion-stats-bars"></i>
						</div>
						<a href="{{ route('users.index') }}" class="small-box-footer text-dark">Mas info <i class="ri-arrow-right-circle-line"></i></a>
					</div>
				</div>

				<div class="col-lg-4 col-6">
					<div class="small-box card">
						<div class="inner">
							<h3>${{ number_format($totalRevenue,2) }}</h3>
							<p>Total de Ventas del Shop</p>
						</div>
						<div class="icon">
							<i class="ion ion-person-add"></i>
						</div>
						<a href="javascript:void(0);" class="small-box-footer">&nbsp;</a>
					</div>
				</div>

				<div class="col-lg-4 col-6">
					<div class="small-box card">
						<div class="inner">
							<h3>${{ number_format($revenueThisMonth,2) }}</h3>
							 <p>Ingresos mes actual</p>
						</div>
						<div class="icon">
							<i class="ion ion-person-add"></i>
						</div>
						<a href="javascript:void(0);" class="small-box-footer">&nbsp;</a>
					</div>
				</div>

				<div class="col-lg-4 col-6">
					<div class="small-box card">
						<div class="inner">
							<h3>${{ number_format($revenueLastMonth,2) }}</h3>
							<p>Ingresos mes anterior ({{ $lastMonthName }})</p>
						</div>
						<div class="icon">
							<i class="ion ion-person-add"></i>
						</div>
						<a href="javascript:void(0);" class="small-box-footer">&nbsp;</a>
					</div>
				</div>

				<div class="col-lg-4 col-6">
					<div class="small-box card">
						<div class="inner">
							<h3>${{ number_format($revenueLastThirtyDays,2) }}</h3>
							<p>Ingresos ultimos 30 dias</p>
						</div>
						<div class="icon">
							<i class="ion ion-person-add"></i>
						</div>
						<a href="javascript:void(0);" class="small-box-footer">&nbsp;</a>
					</div>
				</div>

			</div>
		</div>
		<!-- /.card -->
	
@endsection


@section('customJs')

<script>
	console.log("Hello")
</script>

@endsection