@extends('layouts.admin')

@section('title', 'ထုတ်ကုန်ပြုပြင်ရန်ပုံစံ')

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/image-uploader.min.css') }}">
    <link type="text/css" rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
    <link href="https://fonts.googleapis.com/css?family=Lato:300,700|Montserrat:300,400,500,600,700|Source+Code+Pro&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.css" rel="stylesheet">
@endpush

@push('scripts')
    <script type="text/javascript" src="{{ asset('js/image-uploader.min.js') }}"></script>
    <script src="https://cdn.jsdelivr.net/npm/summernote@0.8.18/dist/summernote.min.js"></script>
@endpush

@section('content')
<div class="container-fluid">
	<div class="row mb-2">
		<div class="col-sm-6">
			<h4 class="m-0 text-dark">ထုတ်ကုန်များစာရင်း</h4>
		</div><!-- /.col -->
		
	</div><!-- /.row -->

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

          
<!-- Main content -->
<section class="content">
	<div class="container-fluid">
    	<div class="row d-flex justify-content-center">
            <div class="col-11">
                <div class="card">
                	<div class="card-header shadow-sm">
						<i class="fas fa-plus-square mr-3"></i>
						<span>စာရင်းပြုပြင်ရန်ပုံစံ</span>
    				</div>
    				<!-- /.card-header -->

    				<div class="card-body  my-3">
    					<div class="row d-flex justify-content-center">
    						<div class="col-12">
					        	<form role="form" id="products-form" action="{{ route('admin.products.update', $product->id) }}" method="POST" enctype="multipart/form-data">
					        		@method('PUT')
					        		@csrf
						        	<div class="card-body">
										<div class="row px-5">

											<div class="col-6">

												<div class="form-group">
													<label for="name">နာမည်</label>
													<input type="text" class="form-control @if ($errors->has('name')) is-invalid @endif" id="name" placeholder="Enter name" name="name" value="{{ old('name')? old('name') : $product->name }}">

													@if ($errors->has('name'))
													    <span class="text text-danger" role="alert">
															<strong>{{ $errors->first('name') }}</strong>
														</span>
													@endif
												</div>

												<div class="form-group">
													<label for="engine">အင်ဂျင်မော်ဒယ်</label>
													<input type="text" class="form-control @if ($errors->has('engine_model')) is-invalid @endif" id="engine" placeholder="Enter model name" name="engine_model" value="{{ old('engine_model')? old('engine_model') : $product->engine_model }}">

													@if ($errors->has('engine_model'))
													    <span class="text text-danger" role="alert">
															<strong>{{ $errors->first('engine_model') }}</strong>
														</span>
													@endif
												</div>

												<div class="form-group">
													<label for="number">ထုတ်ကုန်နံပါတ်</label>
													<input type="text" class="form-control @if ($errors->has('product_number')) is-invalid @endif" id="number" placeholder="383838838" name="product_number" value="{{ old('product_number')? old('product_number') : $product->product_number }}" required autofocus>

													@if ($errors->has('product_number'))
													    <span class="text text-danger" role="alert">
															<strong>{{ $errors->first('product_number') }}</strong>
														</span>
													@endif
												</div>

												<div class="form-group">
													<label for="type">ထုတ်ကုန်အမျိုးအစား</label>
													<div class="form-group">
														<select class="form-control @if ($errors->has('category_id')) is-invalid @endif select2" name="category_id" style="width: 100%;" required>
															@if(!empty($categories))
																<option value="">ရွေးချယ်ပါ</option>
																@foreach ($categories as $key => $value)
																	@if(old('category_id') == $key)
																		<option value="{{ $key }}" selected="selected">{{ $value }}</option>
																	@elseif($product->category_id == $key)
																		<option value="{{ $key }}" selected="selected">{{ $value }}</option>
																	@else
																		<option value="{{ $key }}">{{ $value }}</option>
																	@endif
																@endforeach
															@endif
														</select>

														@if ($errors->has('category_id'))
														    <span class="text text-danger" role="alert">
																<strong>{{ $errors->first('category_id') }}</strong>
															</span>
														@endif
													</div>
												</div>

												<div class="form-group">
													<label for="description">အကြောင်းအရာ</label>
													<textarea class="textarea" id="summernote" name="description" placeholder="Place some text here" value="{{ old('description')? old('description') : $product->description }}">
														{{ old('description')? old('description') : $product->description }}
													</textarea>

													@if ($errors->has('description'))
													    <span class="text text-danger" role="alert">
															<strong>{{ $errors->first('description') }}</strong>
														</span>
													@endif
												</div>
											</div>

											<div class="col-6">
												<div class="form-group">
													<label for="thumbnail"></label><br>
													<input type="file" class="file-image mt-3 form-control @if ($errors->has('thumbnail')) is-invalid @endif" name="thumbnail" id="thumbnail">
													<img class="large-img-thumbnail mb-2" src="{{ asset('storage' . $product->thumbnail) }}" alt="Photo">

													@if ($errors->has('thumbnail'))
													    <span class="text text-danger" role="alert">
															<strong>{{ $errors->first('thumbnail') }}</strong>
														</span>
													@endif
												</div>

												<div class="form-group">
													<label for="default_price">မူရင်းဈေးနှုန်း</label>
													<input type="number" class="form-control @if ($errors->has('default_price')) is-invalid @endif" id="default_price" placeholder="16000" name="default_price" value="{{ old('default_price')? old('default_price') : $product->default_price }}" required autofocus>

													@if ($errors->has('default_price'))
													    <span class="text text-danger" role="alert">
															<strong>{{ $errors->first('default_price') }}</strong>
														</span>
													@endif
												</div>

												<div class="form-group">
													<label for="member_price">အသင်းဝင်ဈေးနှုန်း</label>
													<input type="number" class="form-control @if ($errors->has('member_price')) is-invalid @endif" id="member_price" placeholder="19000" name="member_price" value="{{ old('member_price')? old('member_price') : $memberPrice }}">

													@if ($errors->has('member_price'))
													    <span class="text text-danger" role="alert">
															<strong>{{ $errors->first('member_price') }}</strong>
														</span>
													@endif
												</div>

												<div class="form-group">
													<label for="vendor_price">ရောင်းသူဈေးနှုန်း</label>
													<input type="number" class="form-control @if ($errors->has('vendor_price')) is-invalid @endif" id="vendor_price" placeholder="20000" name="vendor_price" value="{{ old('vendor_price')? old('vendor_price') : $vendorPrice }}">

													@if ($errors->has('vendor_price'))
													    <span class="text text-danger" role="alert">
															<strong>{{ $errors->first('vendor_price') }}</strong>
														</span>
													@endif
												</div>
											</div>
										</div>

										<div class="row px-5">
											<div class="col-12">
												@if($product->images->count() > 0)
											        <div class="form-group mb-2">
														<label>ပုံအဟောင်းများဖျက်ရန်</label>
											            <div class="input-field">
															<div class="input-images-2"></div>
											            </div>
													</div>
												@endif

												<div class="form-group">
													<label>ပုံအသစ်များတင်ရန်</label>
										            <div class="input-field">
														<div class="input-images-1"></div>
										            </div>
												</div>
							                </div>
										</div>
						        	</div>
					        		<!-- /.card-body -->
					        	</form>
    						</div>
    					</div>
    					<div class="row mt-2 float-right" form="my-form">
    						<div class="col-md-12 d-flex">
					        	<button form="products-form" type="reset" onclick="window.location.replace('{{ url()->previous() }}')">ပယ်ဖျက်မည်</button>
					        	<button form="products-form" type="submit" class="btn btnBtn btn-sm px-4 mx-3">ပြုပြင်မည်</button>
    						</div>
    					</div>
    				</div>
    			</div>
    			<!-- /.card -->
    		</div>
    	</div>
	</div><!-- /.container-fluid -->
</section>

@push('scripts')
<script type="text/javascript">
	$(document).ready(function() {

		// Image Uploader
		let preloaded = null;
		$('.input-images-2').imageUploader({
			lable: 'ပုံများကိုဆွဲယူ၍ချပါ သို့မဟုတ် browse လုပ်ရန်နှိပ်ပါ',
			preloaded: preloaded,
			imagesInputName: 'photos',
			preloadedInputName: 'old_images'
		});

		$('.input-images-1').imageUploader({
			lable: 'ပုံများကိုဆွဲယူ၍ချပါ သို့မဟုတ် browse လုပ်ရန်နှိပ်ပါ',
			imagesInputName: 'images'
		});

		$('#summernote').summernote({
			height: 210
		});
		
	});
</script>
@endpush

@endsection