@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 $products = []; @endphp
  	@if($warehouse_loading->products()->count() > 0)
	  	@foreach ($warehouse_loading->products as $key => $loadingProduct)
	  		@php
				$products[] = [
					'key' => $key + 1,
					'product_number' => $loadingProduct->product->product_number,
					'total_products' => number_format($loadingProduct->total_products)
				];
			@endphp
	  	@endforeach
  	@endif

  	var products = @json($products);
  	console.log(products);
		$('#data-table').DataTable({
  		data: products,
  		columns: [
        { data: 'key' },
        { data: 'product_number' },
        { data: 'total_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-6 col-6">
				<!-- small box -->
				<div class="small-box bg-info">
					<div class="inner">
						<h3>{{ number_format($warehouse_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($warehouse_loading->total_parts) }}</h3>

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

		<!-- Warehouse Info -->
		<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>
							</tr>
						</thead>

						<tbody>
							<tr>
								<td>{{ $warehouse_loading->warehouse->name }}</td>
								<td>{{ $warehouse_loading->warehouse->region->name }}</td>
								<td>{{ $warehouse_loading->warehouse->township->name }}</td>
							</tr>
						</tbody>
					</table>
				</div>
				<!-- /.table-responsive -->
          </div>
          <!-- /.card-body -->
          <div class="card-footer clearfix">
            <a href="{{ route('admin.warehouses.show', $warehouse_loading->warehouse->id) }}" 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 -->

		<!-- TABLE: Products -->
		@if($warehouse_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">
				<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($warehouse_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 ($warehouse_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