@extends('layouts.admin')

@section('title', 'ကုန်သည်ဂိုဒေါင်အသေးစိတ်ပုံစံ')

@section('content')

@push('styles')
	<link rel="stylesheet" href="{{ asset('plugins/sweetalert2-theme-bootstrap-4/bootstrap-4.min.css') }}">
    <link rel="stylesheet" href="{{ asset('plugins/toastr/toastr.min.css') }}">
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.11.1/css/jquery.dataTables.css">	
@endpush

@push('scripts')
	<script src="{{ asset('plugins/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ asset('plugins/toastr/toastr.min.js') }}"></script>
    <script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.11.1/js/jquery.dataTables.js"></script>
    <script type="text/javascript">
    	@php $productsDataTable = []; @endphp
    	@if(!empty($products))
		  	@foreach ($products as $key => $product)
		  		@php
					$productsDataTable[] = [
						'key' => $key + 1,
						'product_number' => $product->product_number,
						'remaining_products' => number_format($remainingProductsArr[$product->id])
					];
				@endphp
		  	@endforeach
    	@endif

	  	var productsDataTable = @json($productsDataTable);
		$('#data-table').DataTable({
  			data: productsDataTable,
  			columns: [
		        { data: 'key' },
		        { data: 'product_number' },
		        { data: 'remaining_products' },
    		],
	    	"pageLength": 50
		});
  	</script>
@endpush

<div class="container-fluid">
	<div class="row mb-2">
		<div class="col-sm-6">
			<h4 class="m-0 text-dark">ကုန်သည်ဂိုဒေါင်အသေးစိတ်ပုံစံ</h4>

			<!-- Messages -->
			@if ($message = Session::get('success'))
				@push('scripts')
					<script type="text/javascript">
						toastr.success("{{ $message }}");
					</script>
				@endpush
            @endif

            @if ($message = Session::get('error'))
            	@push('scripts')
					<script type="text/javascript">
						toastr.error("{{ $message }}");
					</script>
				@endpush
            @endif
		</div><!-- /.col -->
		
	</div><!-- /.row -->

	@include('admins.partials.breadcrumbs')
</div><!-- /.container-fluid -->

<!-- Main content -->
<section class="content">
	<div class="container-fluid">

		<!-- Summary Info -->
		<div class="row">
			<div class="col-lg-4 col-6">
				<!-- small box -->
				<div class="small-box bg-success">
					<div class="inner">
						<h3>{{ number_format($productSales->count()) }}</h3>

						<p>ယခုလအတွင်းထုတ်ကုန်အရောင်းများ</p>
					</div>
					<div class="icon">
						<i class="fas fa-cart-plus"></i>
					</div>
				</div>
			</div>
			<!-- ./col -->

			<div class="col-lg-4 col-6">
				<!-- small box -->
				<div class="small-box bg-success">
					<div class="inner">
						<h3>{{ number_format($partSales->count()) }}</h3>

						<p>ယခုလအတွင်းအစိတ်အပိုင်းအရောင်းများ</p>
					</div>
					<div class="icon">
						<i class="fas fa-cart-plus"></i>
					</div>
				</div>
			</div>
			<!-- ./col -->

			<div class="col-lg-4 col-6">
				<!-- small box -->
				<div class="small-box bg-primary">
					<div class="inner">
						<h3>{{ number_format($remainingPercentage) }}<sup style="font-size: 20px">%</sup></h3>

						<p>ကျန်ရှိသောပစ္စည်းများ</p>
					</div>
					<div class="icon">
						<i class="fas fa-box"></i>
					</div>
				</div>
			</div>
			<!-- ./col -->
		</div>
		<!-- /.row -->

		<!-- TABLE: Product Sales -->
		@if(!empty($salesRecords))
	        <div class="card">
				<div class="card-header border-transparent">
					<h3 class="card-title">ယခုလအတွင်းအရောင်းများ</h3>

					<div class="card-tools">
						<button type="button" class="btn btn-tool" data-card-widget="collapse">
							<i class="fas fa-minus"></i>
						</button>
						<button type="button" class="btn btn-tool" data-card-widget="remove">
							<i class="fas fa-times"></i>
						</button>
					</div>
				</div>
				<!-- /.card-header -->
	          	<div class="card-body p-0">
					<div class="table-responsive">
						<table class="table m-0">
							<thead>
								<tr>
						            <th>ရောင်းထွက်ပစ္စည်းအမည်</th>
		                            <th>ပုံ</th>
		                            <th>အရေအတွက်</th>
		                            <th>စုစုပေါင်းငွေပမာဏ</th>
		                            <th>ဝယ်ယူသူ</th>
		                            <th>ဝယ်ယူသည့်ရက်စွဲ</th>
								</tr>
							</thead>

							<tbody>
								@foreach ($salesRecords as $key => $value)
									<tr>
										<td>{{ $value['name'] }}</td>
			                            <td>
			                            	<a target="_blank" href="{{ $value['thumbnail'] }}">
	                                            <img src="{{ $value['thumbnail'] }}" class="small-img-thumbnail" alt="">
	                                        </a>
			                            </td>
			                            <td>{{ number_format($value['count']) }}</td>
			                            <td>{{ number_format($value['total_amount']) }} MMK</td>
			                            <td>{{ $value['customer_name'] }}</td>
			                            <td>{{ $value['sold_at'] }}</td>
									</tr>
								@endforeach
							</tbody>
						</table>
					</div>
					<!-- /.table-responsive -->
	          </div>
	          <!-- /.card-body -->
	        </div>
	        <!-- /.card -->
		@endif

		<!-- TABLE: Products -->
		@if($products->count() > 0)
		    <div class="card">
				<div class="card-header border-transparent">
					<h3 class="card-title">ကျန်ရှိသောထုတ်ကုန်များ</h3>

					<div class="card-tools">
						<button type="button" class="btn btn-tool" data-card-widget="collapse">
							<i class="fas fa-minus"></i>
						</button>
						<button type="button" class="btn btn-tool" data-card-widget="remove">
							<i class="fas fa-times"></i>
						</button>
					</div>
				</div>
				<!-- /.card-header -->
				<div class="card-body">
					<div class="table-responsive">
						<table class="table" id="data-table">
							<thead>
								<tr>
									<th>နံပါတ်</th>
									<th>ထုတ်ကုန်နံပါတ်</th>
									<th>အရေအတွက်</th>
								</tr>
							</thead>
						</table>
					</div>
					<!-- /.table-responsive -->
	        	</div>
	        	<!-- /.card-body -->
	        	<div class="card-footer clearfix">
	          	<!-- <a href="javascript:void(0)" class="btn btn-sm btn-secondary float-right">View All Orders</a> -->
	        	</div>
	        	<!-- /.card-footer -->
	      	</div>
	      	<!-- /.card -->
		@endif

		<!-- TABLE: Parts -->
		@if($parts->count() > 0)
	        <div class="card">
				<div class="card-header border-transparent">
					<h3 class="card-title">ကျန်ရှိသောထုတ်ကုန်အစိတ်အပိုင်းများ</h3>

					<div class="card-tools">
						<button type="button" class="btn btn-tool" data-card-widget="collapse">
							<i class="fas fa-minus"></i>
						</button>
						<button type="button" class="btn btn-tool" data-card-widget="remove">
							<i class="fas fa-times"></i>
						</button>
					</div>
				</div>
				<!-- /.card-header -->
	          	<div class="card-body p-0">
					<div class="table-responsive">
						<table class="table m-0">
							<thead>
								<tr>
						            <th>ရုပ်ပုံ</th>
									<th>နာမည်</th>
									<th>အင်ဂျင်မော်ဒယ်</th>
									<th>အစိတ်အပိုင်းနံပါတ်</th>
									<th>ဈေးနှုန်း</th>
									<th>လက်ကျန်အရေအတွက်</th>
								</tr>
							</thead>

							<tbody>
								@foreach ($parts as $key => $value)
									<tr>
										<td>
											@if(!empty($value->thumbnail))
												<a target="_blank" href="{{ asset('storage' . $value->thumbnail) }}">
		                                            <img src="{{ asset('storage' . $value->thumbnail) }}" class="small-img-thumbnail" alt="">
		                                        </a>
											@endif
										</td>
										<td>{{ $value->name }}</td>
										<td>{{ $value->engine_model }}</td>
										<td>{{ $value->valve_number }}</td>
										<td>{{ number_format($value->default_price) }} MMK</td>
										<td>{{ number_format($remainingPartsArr[$value->id]) }}</td>
									</tr>
								@endforeach
							</tbody>
						</table>
					</div>
					<!-- /.table-responsive -->
	          </div>
	          <!-- /.card-body -->
	          <div class="card-footer clearfix">
	            <a href="{{ route('admin.inventory_loadings.create') }}" class="btn btn-sm btn-info float-left">ကုန်သည်ဂိုဒေါင်ကုန်ချစာရင်းအသစ်ထည့်ရန်</a>
	            <!-- <a href="javascript:void(0)" class="btn btn-sm btn-secondary float-right">View All Orders</a> -->
	          </div>
	          <!-- /.card-footer -->
	        </div>
	        <!-- /.card -->
		@endif

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

@endsection