@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">

		<!-- Vendor Sales Confirmation 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>{{ $confirmed_sale->inventory->user->name }}</td>
	                            <td>{{ $confirmed_sale->code }}</td>
	                            <td>{{ number_format($confirmed_sale->count) }}</td>
							</tr>
						</tbody>
					</table>
				</div>
				<!-- /.table-responsive -->
          </div>
          <!-- /.card-body -->
          <div class="card-footer clearfix"></div>
          <!-- /.card-footer -->
        </div>
        <!-- /.card -->

		<!-- TABLE: Sales Records -->
		@if($confirmed_sale->sales()->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>
								</tr>
							</thead>

							<tbody>
								@foreach ($confirmed_sale->sales as $key => $value)
									<tr>
			                            <td>{{ $confirmed_sale->inventory->user->name }}</td>
			                            <td>{{ ($value->log->product_number)? $value->log->product_number : $value->log->valve_number  }}</td>
			                            <td>{{ abs($value->log->count) }}</td>
			                            <td>{{ $value->log->actor }}</td>
			                            <td>{{ $value->log->acted_at }}</td>
									</tr>
								@endforeach
							</tbody>
						</table>
					</div>
					<!-- /.table-responsive -->
	          </div>
	          <!-- /.card-body -->
	          <div class="card-footer clearfix"></div>
	          <!-- /.card-footer -->
	        </div>
	        <!-- /.card -->
		@endif

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

@endsection