@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">
		<div class="row">
			<div class="col-12">
				<div class="card p-4">
					<div class="card-header">
						<div class="row">
							<!-- Search Form -->
							<div class="col-md-8">
								<form action="{{ route('admin.products.index') }}" method="GET">
									<div class="col-md-12">
										<input type="text" name="keyword" class="form-control d-inline col-md-4" placeholder="ရှာဖွေပါ" value="{{ \Request('keyword') }}">
										<select class="form-control d-inline select2 col-md-4" name="category_id">
											@if(!empty($categories))
												<option value="">ရွေးချယ်ပါ</option>
												@foreach ($categories as $key => $value)
													@if(\Request('category_id') == $key)
														<option value="{{ $key }}" selected="selected">{{ $value }}</option>
													@else
														<option value="{{ $key }}">{{ $value }}</option>
													@endif
												@endforeach
											@endif
										</select>
										<button type="submit" class="btn btn-success col-md-2 d-inline form-control">ရှာဖွေပါ</button>
									</div>
								</form>
							</div>
							<div class="col-md-4">
								<a href="{{ route('admin.products.create') }}" class="btn btn-success float-right col-sm-5">အသစ်ပြုလုပ်ရန်</a>
							</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>
									<th>ပြုလုပ်ရန်</th>
								</tr>
							</thead>
							<tbody>
								@if($products->count() > 0)
									@foreach ($products as $key => $value) 
										<tr>
											<td>{{ convertToBurmeseNumber($products->firstItem() + $key) }}</td>
											<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->category->name }}</td>
											<td>{{ $value->engine_model }}</td>
											<td>{{ $value->product_number }}</td>
											<td>{{ number_format($value->default_price) }} MMK</td>
											<td>
												<div class="dropdown">
													<button class="btn actionBtn btn-sm dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
											    		ပြုလုပ်ရန်
											  		</button>
													<div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
														<a class="dropdown-item" href="{{ route('admin.products.show', $value->id) }}">အသေးစိတ်</a>
														<a class="dropdown-item" href="{{ route('admin.products.edit', $value->id) }}">ပြင်ရန်</a>

														<a class="dropdown-item delete-btn" data-form-id="delete-form-{{ $value->id }}" href="#">
										                    ဖျက်ရန်
										                </a>
										                <form id="delete-form-{{ $value->id }}" action="{{ route('admin.products.destroy', $value->id) }}" method="POST" style="display: none;">
										                	@method('DELETE')
										                    @csrf
										                </form>
													</div>
												</div>
											</td>
										</tr>
									@endforeach
								@endif
							</tbody>
						</table>

						<!-- Pagination Links -->
						<div class="d-flex justify-content-center mt-5">
							{{ $products->appends(request()->except('page'))->links() }}
						</div>
					</div>
					<!-- /.card-body -->
				</div>
			  <!-- /.card -->
			</div>
		</div>
	</div><!-- /.container-fluid -->
</section>
<!-- /.content -->

@endsection