@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') }}">
@endpush

@push('scripts')
	<script src="{{ asset('plugins/sweetalert2/sweetalert2.min.js') }}"></script>
    <script src="{{ asset('plugins/toastr/toastr.min.js') }}"></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-6 col-6">
				<!-- small box -->
				<div class="small-box bg-info">
					<div class="inner">
						<h3>{{ number_format($inventory_loading->total_products) }}</h3>

						<p>ထုတ်ကုန်များ</p>
					</div>
					<div class="icon">
						<i class="fas fa-city"></i>
					</div>
				</div>
			</div>
			<!-- ./col -->

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

						<p>ထုတ်ကုန်အစိတ်အပိုင်းများ</p>
					</div>
					<div class="icon">
						<i class="fas fa-cart-plus"></i>
					</div>
				</div>
			</div>
			<!-- ./col -->
		</div>
		<!-- /.row -->

		<!-- TABLE: Products -->
		@if($inventory_loading->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 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>
									<th>အရေအတွက်</th>
								</tr>
							</thead>

							<tbody>
								@foreach ($inventory_loading->products as $key => $loadingProduct)
									<tr>
										<td>
											@if(!empty($loadingProduct->product->thumbnail))
												<a target="_blank" href="{{ asset('storage' . $loadingProduct->product->thumbnail) }}">
		                                            <img src="{{ asset('storage' . $loadingProduct->product->thumbnail) }}" class="small-img-thumbnail" alt="">
		                                        </a>
											@endif
										</td>
										<td>{{ $loadingProduct->product->name }}</td>
										<td>{{ $loadingProduct->product->category->name }}</td>
										<td>{{ $loadingProduct->product->engine_model }}</td>
										<td>{{ $loadingProduct->product->product_number }}</td>
										<td>{{ number_format($loadingProduct->product->default_price) }} MMK</td>
										<td>{{ number_format($loadingProduct->total_products) }}</td>
									</tr>
								@endforeach
							</tbody>
						</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($inventory_loading->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 ($inventory_loading->parts as $key => $loadingPart)
									<tr>
										<td>
											@if(!empty($loadingPart->part->thumbnail))
												<a target="_blank" href="{{ asset('storage' . $loadingPart->part->thumbnail) }}">
		                                            <img src="{{ asset('storage' . $loadingPart->part->thumbnail) }}" class="small-img-thumbnail" alt="">
		                                        </a>
											@endif
										</td>
										<td>{{ $loadingPart->part->name }}</td>
										<td>{{ $loadingPart->part->engine_model }}</td>
										<td>{{ $loadingPart->part->valve_number }}</td>
										<td>{{ number_format($loadingPart->part->default_price) }} MMK</td>
										<td>{{ number_format($loadingPart->total_parts) }}</td>
									</tr>
								@endforeach
							</tbody>
						</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

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

@endsection