@extends('layouts.mainlayout')

@section('title','Dashboard')

@section('content')
<div class="row">
	<div class="col-sm-6 col-md-3">
		<div class="card card-stats card-round">
			<div class="card-body ">
				<div class="row align-items-center">
					<div class="col-icon">
						<div class="icon-big text-center icon-primary bubble-shadow-small">
							<i class="fa-solid fa-box"></i>
						</div>
					</div>
					<div class="col col-stats ms-3 ms-sm-0">
						<div class="numbers">
							<p class="card-category">List Barang</p>
							<h4 class="card-title">{{ $JumlahRowLB }}</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-sm-6 col-md-3">
		<div class="card card-stats card-round">
			<div class="card-body">
				<div class="row align-items-center">
					<div class="col-icon">
						<div class="icon-big text-center icon-info bubble-shadow-small">
							<i class="fa-solid fa-arrow-down"></i>
						</div>
					</div>
					<div class="col col-stats ms-3 ms-sm-0">
						<div class="numbers">
							<p class="card-category">Barang Masuk</p>
							<h4 class="card-title">{{ $JumlahRowBM }}</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-sm-6 col-md-3">
		<div class="card card-stats card-round">
			<div class="card-body">
				<div class="row align-items-center">
					<div class="col-icon">
						<div class="icon-big text-center icon-success bubble-shadow-small">
							<i class="fa-solid fa-arrow-up"></i>
						</div>
					</div>
					<div class="col col-stats ms-3 ms-sm-0">
						<div class="numbers">
							<p class="card-category">Barang Keluar</p>
							<h4 class="card-title">{{ $JumlahRowBK }}</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="col-sm-6 col-md-3">
		<div class="card card-stats card-round">
			<div class="card-body">
				<div class="row align-items-center">
					<div class="col-icon">
						<div class="icon-big text-center icon-secondary bubble-shadow-small">
							<i class="fa-solid fa-user"></i>
						</div>
					</div>
					<div class="col col-stats ms-3 ms-sm-0">
						<div class="numbers">
							<p class="card-category">Users</p>
							<h4 class="card-title">{{$JumlahRowUS}}</h4>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

<div class="row">
	<div class="col-md-12">
		<div class="card">
			<div class="card-header">
				<h5 class="card-title">List Barang</h5>
			</div>
			<div class="card-body">
				<div class="table-responsive">
					<table id="basic-datatables"
						class="display table table-bordered table-sm table-striped table-hover nowrap-table">
						<thead class="table-success">
							<tr>
								<th>NO</th>
								<th>SKU</th>
								<th>CATEGORY</th>
								@foreach ($warehouses as $wh)
								<th>{{ $wh->WAREHOUSE }}</th>
								@endforeach
								<th>TOTAL STOCK</th>
							</tr>
						</thead>
						<tbody>
							@foreach ($data as $i => $item)
							<tr>
								<td>{{$loop->iteration}}</td>
								<td>{{ $item['SKU']}}</td>
								<td>{{ $item['CATEGORY']}}</td>
								@foreach ($warehouses as $wh)
								<td>{{ $item['stocks'][$wh->id_warehouse] }}</td>
								@endforeach
								<td>{{ $item['total_stock'] }}</td>
							</tr>
							@endforeach
						</tbody>
					</table>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection