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

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

<!-- Main content -->
<section class="content">
	<div class="container-fluid">
		<div class="row">
			<div class="col-12">
				<div class="card p-4">
					<div class="card-header">

						<!-- Search Form -->
						<div class="row">
							<div class="col-md-6">
								<h1>{{ $vendor->name . " (" . $vendor->phone . ")" }}</h1>
							</div>
							<div class="col-md-6 text-right">
								<button type="submit" form="details-form" class="btn btn-warning float-right col-sm-3">စာရင်းအကျဉ်းချုပ်ပြုလုပ်ရန်</button>
							</div>
						</div>
					</div>

					<!-- /.card-header -->
					<div class="card-body table-responsive p-0">
						<table class="table table-hover text-center">
							<thead class="userTb">
								<tr>
									<th>#</th>
		                            <th>ရောင်းထွက်ပစ္စည်းအမည်</th>
		                            <th>ပုံ</th>
		                            <th>အရေအတွက်</th>
		                            <th>စုစုပေါင်းငွေပမာဏ</th>
		                            <th>ဝယ်ယူသူ</th>
		                            <th>ဝယ်ယူသည့်ရက်စွဲ</th>
								</tr>
							</thead>
							<tbody>
								@if(!empty($salesRecords))
									<form action="{{ route('admin.sales.confirm', $vendor->id) }}" method="POST" id="details-form">
										@csrf
										@foreach ($salesRecords as $key => $value) 
											<tr>
					                            <td>
					                            	<input type="checkbox" name="selected_sales_records[{{$key}}]" value="{{ $value['id'] }}">
					                            	{{ convertToBurmeseNumber($key + 1) }}
					                            </td>
					                            <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['actor'] }}</td>
					                            <td>{{ $value['acted_at'] }}</td>
					                        </tr>
										@endforeach
									</form>
								@endif
							</tbody>
						</table>
					</div>
					<!-- /.card-body -->
				</div>
			  <!-- /.card -->
			</div>
		</div>
	</div><!-- /.container-fluid -->
</section>
<!-- /.content -->
@endsection