@extends('layouts.backend.app')

@section('content')

<!-- Start right Content here -->
<div class="main-content">
  <div class="page-content">
  	<div class="container-fluid">
	 		<div class="page-title-box">
				<div class="row align-items-center">@php $brandinfo=$data['brandinfo'];$ser_cond=$data['ser_cond']; @endphp
		   		<div class="col-md-8">
			  		<h6 class="page-title">@if(!empty($brandinfo->brand_name)) {{ ucfirst($brandinfo->brand_name) }} @endif</h6>
					  <ol class="breadcrumb m-0">
						 <li class="breadcrumb-item"><a href="#">Home </a></li>
						 <li class="breadcrumb-item active" aria-current="page">Product Full Details</li>
					  </ol>
		   		</div>
					<div class="col-md-4">
					<a class="btn btn-primary button-1 float-right" href="{{ route('dofy-products-finder')}}">
					<span class="pe-1 color-primary"><i class="ti-angle-left"></i></span> Back</a>
					</div>
				</div>
	 		</div><!-- Add Mobile row  -->
	 		
  	<!-- Mobile visible table  -->
 			<div class="row product-row">
				<div class="col-md-12">
	   			<div class="pb-3">
		  			<div class="card-body">
			 				<div class="row">
								<div class="col-md-8">
									<div class="card mb-4 shadow-none">
									  <div class="mob-title">
										  <h4>Mobile Details</h4>
									  </div>
									  <div class="mobileinfo d-flex p-3">
		 									<div class="mobileinfleft">
		 										@php $proinfo = $data['proinfo'];$proprice = $data['proprice']; @endphp
												<img src="@if(!empty($proinfo->pro_imei)) {{ asset('backend/assets/images/brand/'.$brandinfo->brand_logo) }} @else {{ asset('backend/assets/images/noimage.jpg') }} @endif" class="img-fluid" alt="...">
		 									</div>
		 									<div class="mobileinfrigh px-3">
												<p class="card-text mb-1">
													<span class="h6">Brand : </span>@if(!empty($brandinfo->brand_name)) {{ ucfirst($brandinfo->brand_name) }} @endif
												</p>

												@if(!empty($proinfo->pro_imei) && empty($proinfo->pro_serial))
												<p class="card-text mb-1">
													<span class="h6">IMEI Number: </span> @if(!empty($proinfo->pro_imei)) {{ $proinfo->pro_imei }} @endif
												</p>

												@elseif(!empty($proinfo->pro_serial) && empty($proinfo->pro_imei))
												<p class="card-text mb-1">
													<span class="h6">Serial Number : </span> @if(!empty($proinfo->pro_serial)) {{ $proinfo->pro_serial }} @endif
												</p>
												@endif

												<p class="card-text mb-1">
													<span class="h6">Temp Bar Code : </span> @if(!empty($proinfo->barcode)) {{ $proinfo->barcode }} @endif
												</p>
												<p class="card-text mb-1">
													<span class="h6">Sale Bar Code : </span> <span class="nwlcode">@if(!empty($proprice->sales_barcode)){{ $proprice->sales_barcode }}@endif </span>
												</p>
											 </div>
										  </div>
  									</div>

									@php 
										$lot_no=$data['lot_no'];
										$dofy_product_id=$data['dofy_product_id'];	
										$barcode_no=$data['barcode_no'];
										$producttype=$data['producttype'];
										$productcolor=$data['productcolor'];
										$prosizes=$data['prosizes'];
										$productrom=$data['productrom'];
										$processorss=$data['processorss'];
										$graphicscards=$data['graphicscards'];
										$inchess=$data['inchess'];
									@endphp

   							<div class="row"><!-- Page Preloder -->
									<div id="preloder"><div class="loader"></div></div>
										<form action="{{ route('productfinder-update') }}" method="POST" id="dtad" name="dtad" enctype="multipart/form-data" class="p-3">
										    @csrf
												<input type="hidden" name="proinfo_id" id="proinfo_id" value="@if(!empty($proinfo->id)){{ $proinfo->id }}@endif">
												<input type="hidden" name="user_ids" id="user_ids" value="@if(!empty($user_ids)){{ $user_ids }}@endif">
												<input type="hidden" name="lot_no" id="lot_no" value="@if(!empty($lot_no)){{ $lot_no }}@endif">
												<input type="hidden" name="barcode" id="barcode" value="@if(!empty($barcode_no)){{ $barcode_no }}@endif">
												<input type="hidden" name="barcode_id" id="barcode_id" value="@if(!empty($barcode_id)){{ $barcode_id }}@endif">
	
										  	<div class="col-md-12">
											  	<div class="card mb-4">
														<div class="service-title">
													  	<h6>Product Details</h6>
														</div>
														<div class="row product-row form-add testing-prod-add">
															<div class="col-md-12">
																<div class="row mb-3" @if(!empty($barcodedis)) style="display:none;" @endif >
																	<label for="inputNumber3" class="col-sm-2 col-form-label">Temporary Barcode</label>
																	<div class="col-sm-6">
																		<input type="num" class="form-control" value="@if(!empty($barcode_no)){{$barcode_no}}@endif" disabled>
																	</div>
																</div>
																<div class="row mb-3">
																	<label for="inputText3" class="col-sm-2 col-form-label"> Product Condtion</label>
																	<div class="col-sm-6">
																		<select class="form-select form-control" name="phone_con" id="phone_con" >
																			<option value="">Select</option>
																			<option value="Good">On Condition</option>
																			<option value="Dead">Death Condition</option>
																			
																			
																		</select>
																	@php
																	if(!empty($proinfo->phone_con)) {
																		$phone_con = $proinfo->phone_con;
																	} else {
																		$phone_con ='';
																	}
																	@endphp
																<script>document.getElementById("phone_con").value ='{{$phone_con}}';</script>
																</div>
															</div>
															<div class="row mb-3">
																<label for="inputText3" class="col-sm-2 col-form-label">Select Product Type</label>
																<div class="col-sm-6">
																	<select class="form-select form-control serviceSelect" name="pro_type" id="pro_type" >
																		<option value="">Select</option>
																		@foreach($producttype as $producttypes)
																			<option value="{{ $producttypes->id }}">{{ $producttypes->protype_name }}</option>
																		@endforeach
																	</select>
																@php
																if(!empty($proinfo->pro_type)) {
																	$pro_type = $proinfo->pro_type;
																} else {
																	$pro_type ='';
																}
																@endphp
															<script>document.getElementById("pro_type").value ='{{$pro_type}}';</script>
															</div>
														</div>
														<div class="row mb-3">
															<label for="inputText3" class="col-sm-2 col-form-label">Select Brand</label>
															<div class="col-sm-6">
																<select class="form-select form-control serviceSelect" name="pro_brand" id="pro_brand">
																	<option value="">Select</option>
																																	</select>
															</div>
														</div>
														<div class="row mb-3">
															<label for="pro_modal" class="col-sm-2 col-form-label">Modal Name</label>
															<div class="col-sm-6">
																<select class="form-select form-control serviceSelect" name="pro_modal" id="pro_modal">
																	<option value="">Select</option>
																																	</select>
															</div>
														</div>

														<div class="row mb-3 align-items-center wifitypes">
															<label for="inputText3" class="col-sm-2 col-form-label">Type</label>
															<div class="col-sm-6 d-flex align-items-center">
																<div class=" form-check me-3">
																	<input type="radio" class="form-check-input wifi" id="wifi" name="wifi" value="Wifi" @if(!empty($proinfo->wifi) && $proinfo->wifi =='Wifi') checked="checked" @endif>
																	<label class="form-check-label" for="wifi">Wifi</label>
																</div>

																<div class="form-check">
																	<input type="radio" class="form-check-input wifis" id="wifis" name="wifi" value="Sim" @if(!empty($proinfo->wifi) && $proinfo->wifi =='Sim') checked="checked" @endif>
																	<label class="form-check-label" for="wifis">Sim</label>
																</div>
															</div>
															<div class="col-sm-6">
																<div class="wificheck"></div>
															</div>
														</div>

														<div class="row mb-3 align-items-center gpstypes">
															<label for="inputText3" class="col-sm-2 col-form-label">Type</label>
															<div class="col-sm-6 d-flex align-items-center">
																<div class=" form-check me-3">
																	<input type="radio" class="form-check-input gps" id="gps" name="gps" value="gps" @if(!empty($proinfo->gps) && $proinfo->gps =='gps') checked="checked" @endif>
																	<label class="form-check-label" for="gps">GPS</label>
																</div>

																<div class="form-check">
																	<input type="radio" class="form-check-input gpss" id="gpss" name="gps" value="imei" @if(!empty($proinfo->gps) && $proinfo->gps =='imei') checked="checked" @endif>
																	<label class="form-check-label" for="gpss">IMEI</label>
																</div>
															</div>
															<div class="col-sm-6">
																<div class="gpscheck"></div>
															</div>
														</div>		
														@php
															$roleid = Auth::User()->role()->id;
														@endphp

													<div class="row mb-3 pro_imei">
														<label for="pro_imei" class="col-sm-2 col-form-label">IMEI Number</label>
														<div class="col-sm-6">
															<input type="num" class="form-control" id="pro_imei" name="pro_imei" @if(!empty($proinfo->id) && $roleid !='1' && $proinfo->phone_con != 'Dead') readonly @endif value="@if(!empty($proinfo->pro_imei)){{ $proinfo->pro_imei }}@endif" maxlength="15"
											            >
															<input type="hidden" id="dupimeiid" name="dupimeiid" value="">
														</div>
													</div>

													<div class="row mb-3 pro_color">
														<label for="pro_color" class="col-sm-2 col-form-label">Color</label>
															<div class="col-sm-6">
															<select class="form-select form-control serviceSelect" name="pro_color" id="pro_color">
																<option value="">Select</option>
																@foreach($productcolor as $productcolors)
																	<option value="{{ $productcolors->id }}">{{ $productcolors->color }}</option>
																@endforeach
															</select>
														@php
														
														if(!empty($proinfo->pro_color)) {
															$pro_color = $proinfo->pro_color;
														} else {
															$pro_color ='';
														}
														@endphp
														<script>document.getElementById("pro_color").value ='{{$pro_color}}';</script>
														</div>
													</div>

													<div class="row mb-3 pro_serial">
														<label for="pro_serial" class="col-sm-2 col-form-label">Serial Number</label>
														<div class="col-sm-6">
															<input type="num" class="form-control" id="pro_serial" name="pro_serial" @if(!empty($proinfo->id) && $roleid !='1') readonly @endif value="@if(!empty($proinfo->pro_serial)){{ $proinfo->pro_serial }}@endif">
															<input type="hidden" id="dupsernoid" name="dupsernoid" value="">
														</div>
													</div>

													<div class="row mb-3 pro_size">
														<label for="pro_size" class="col-sm-2 col-form-label">Ram Size</label>
															<div class="col-sm-6">
															<select class="form-select form-control serviceSelect" name="pro_size" id="pro_size">
																<option value="">Select</option>
																@foreach($prosizes as $prosize)
																	<option value="{{ $prosize->id }}">{{ $prosize->ram_type }}</option>
																@endforeach
															</select>
														@php
														if(!empty($proinfo->pro_size)) {
															$pro_size = $proinfo->pro_size;
														} else {
															$pro_size ='';
														}
														@endphp
														<script>document.getElementById("pro_size").value ='{{$pro_size}}';</script>
														</div>
													</div>

													<div class="row mb-3 pro_rom">
														<label for="pro_rom" class="col-sm-2 col-form-label">Rom Size</label>
															<div class="col-sm-6">
															<select class="form-select form-control serviceSelect" name="pro_rom" id="pro_rom">
																<option value="">Select</option>
																@foreach($productrom as $productroms)
																	<option value="{{ $productroms->id }}">{{ $productroms->rom_type }}</option>
																@endforeach
															</select>
														@php
														if(!empty($proinfo->rom)) {
															$pro_rom = $proinfo->rom;
														} else {
															$pro_rom ='';
														}
														@endphp
														<script>document.getElementById("pro_rom").value ='{{$pro_rom}}';</script>
														</div>
													</div>

													<div class="row mb-3 processor">
														<label for="processor" class="col-sm-2 col-form-label">Processor</label>
															<div class="col-sm-6">
															<select class="form-select form-control serviceSelect" name="processor" id="processor">
																<option value="">Select</option>
																@foreach($processorss as $processors)
																	<option value="{{ $processors->id }}">{{ $processors->processor_type }}</option>
																@endforeach
															</select>
														@php
														if(!empty($proinfo->processor)) {
															$processor = $proinfo->processor;
														} else {
															$processor ='';
														}
														@endphp
														<script>document.getElementById("processor").value ='{{$processor}}';</script>
														</div>
													</div>

													<div class="row mb-3 graphics">
														<label for="graphics" class="col-sm-2 col-form-label">Graphics Cards</label>
															<div class="col-sm-6">
															<select class="form-select form-control serviceSelect" name="graphics" id="graphics">
																<option value="">Select</option>
																@foreach($graphicscards as $graphics)
																	<option value="{{ $graphics->id }}">{{ $graphics->grap_card }}</option>
																@endforeach
															</select>
														@php
														if(!empty($proinfo->grap)) {
															$graps = $proinfo->grap;
														} else {
															$graps ='';
														}
														@endphp
														<script>document.getElementById("graphics").value ='{{$graps}}';</script>
														</div>
													</div>

									        <div class="row mb-3 battery">
									            <label for="battery" class="col-sm-2 col-form-label">Battery</label>
									            <div class="col-sm-6">
									                <input type="text" class="form-control" name="battery" id ="battery" placeholder = "Battery" value = "@if(!empty($proinfo->battery)){{$proinfo->battery}}@endif">
									            </div>
									        </div>


													<div class="row mb-3 inches">
			<label for="inches" class="col-sm-2 col-form-label">Inches</label>
				<div class="col-sm-6">
				<select class="form-select form-control serviceSelect" name="inches" id="inches">
					<option value="">Select</option>
					@foreach($inchess as $inches)
						<option value="{{ $inches->id }}">{{ $inches->inches_type }}</option>
					@endforeach
				</select>
			@php
			if(!empty($proinfo->inches)) {
				$inches_type = $proinfo->inches;
			} else {
				$inches_type ='';
			}
			@endphp
			<script>document.getElementById("inches").value ='{{$inches_type}}';</script>
			</div>
		</div>
																<div class="row mb-3">
				<label for="pro_kit" class="col-sm-2 col-form-label">KIT</label>
				<div class="col-sm-6">

				<select class="form-select form-control serviceSelect" name="pro_kit" id="pro_kit">
					<option value="">Select</option>
					{{--<option value="Full Kit">Full Kit</option>--}}
					{{--<option value="Charge">Charge</option>--}}
					{{--<option value="Mobile Only">Mobile Only</option>--}}
					<option value="Device Only">Device Only</option>
					<option value="Device + Charger">Device + Charger</option>
					<option value="Own Box">Own Box</option>
					<option value="Own Box + Charger">Own Box + Charger</option>
					<option value="Full Kit">Full Kit</option>
					<option value="Box Only">Box Only</option>
				</select>
				@php
				if(!empty($proinfo->pro_kit)) {
					$pro_kit = $proinfo->pro_kit;
				} else {
					$pro_kit ='';
				}
				@endphp
				<script>document.getElementById("pro_kit").value ='{{$pro_kit}}';</script>

				</div>
			</div>
			<div class="row mb-3">
				<label for="warranty" class="col-sm-2 col-form-label"> Warranty</label>
				<div class="col-sm-6">
					<select class="form-select form-control mb-3 serviceSelect" name="warranty" id="warranty">
						<option value="">Select</option>
						<option value="Yes">Yes</option>
						<option value="No">No</option>
					</select>
					@php
						if(!empty($proinfo->warranty)) {
							$warranty = $proinfo->warranty;
						} else {
							$warranty ='';
						}
					@endphp
					<script>
						document.getElementById("warranty").value ='{{$warranty}}'
						document.addEventListener('DOMContentLoaded', function () {
						var warrantySelect = document.getElementById('warranty');
						var warcountDiv = document.getElementById('warcountdiv');

						warrantySelect.addEventListener('change', function () {
							if (this.value === 'Yes') {
								warcountDiv.style.display = 'block';
							} else {
								warcountDiv.style.display = 'none';
							}
						});
						});
					</script>

				<div class="mt-3" id="warcountdiv"  @if(!empty($proinfo->warranty) && $warranty =='Yes') style="display:block" @else style="display:none" @endif >
				  <select class="form-select form-control serviceSelect"  name="warcount" id="warcount">
						<option value="">Select</option>
						<option value="1">1</option>
						<option value="2">2</option>
						<option value="3">3</option>
						<option value="4">4</option>
						<option value="5">5</option>
						<option value="6">6</option>
						<option value="7">7</option>
						<option value="8">8</option>
						<option value="9">9</option>
						<option value="10">10</option>
						<option value="11">11</option>
						<option value="12">12</option>
					</select>
					@php
					if(!empty($proinfo->warcount)) {
						$warcount = $proinfo->warcount;
					} else {
						$warcount ='';
					}
					@endphp
					<script>document.getElementById("warcount").value ='{{$warcount}}';</script>
				</div>
			</div>
		</div>

		<div class="row mb-3 align-items-center">
				<label for="inputText3" class="col-sm-2 col-form-label">Do you Have a Bill?</label>
				<div class="col-sm-6 d-flex align-items-center">
					<div class="form-check me-3">
						<input type="radio" class="form-check-input bill" id="bill" name="bill" value="Yes" @if(!empty($proinfo->bill) && $proinfo->bill =='Yes') checked="checked" @endif>
						<label class="form-check-label" for="bill">Yes</label>
					</div>

					<div class="form-check">
						<input type="radio" class="form-check-input bill" id="bill" name="bill" value="No" @if(!empty($proinfo->bill) && $proinfo->bill =='No') checked="checked" @endif>
						<label class="form-check-label" for="bill">No</label>
					</div>
				</div>
				<div class="col-sm-6">
					<div class="bilcheck"></div>
				</div>
			</div>

		
			<div class="row mb-3">
				<label for="mob_con" class="col-sm-2 col-form-label">Product Condition</label>
				<div class="col-sm-6">
					@php $mob_con = !empty($proinfo->mob_con) ? json_decode($proinfo->mob_con) : [''] ; @endphp
					@php $new_con = !empty($newcondition) ? json_decode($newcondition) : [];
					//dd($new_con);
					@endphp					

					<table class="table qtytable" style="border-color:white;">
						<tbody id="tblspc">
				 @php if(empty($mob_con)){ $mob_con=array();}@endphp
					@for($i = 0; $i < count($mob_con); $i++)
				@php	$sel = ''; @endphp
					<tr>
					  <td class="tdb">
				<select class="form-select form-control mob_con" name="mob_con[]" id="mob_con[]">
					<option value="">Select</option>
					@foreach($mob_con as $val)
						<option value="{{$val }}" selected>{{ $val }}</option>
					@endforeach
				</select>
					  </td>
						@php if($i == 0) { @endphp
							<td class="tdbs"><button type="button" class="btn btn-success me-2 p-2 addrowpcd">
							<i class="fas fa-plus-circle"></i></button></td>
						@php } else { @endphp
							 <td style="width:40px" class="tdbs"><button type="button" class="btn me-2 p-2 btn-danger rmvbtnpc">-</button></td>
						@php } @endphp
					</tr>

					@endfor

						</tbody>
					</table>
				</div>
			</div>

			<div class="row mb-3">
				<label for="qc_status" class="col-sm-2 col-form-label">Qc Status</label>
				<div class="col-sm-6">
					<select class="form-select form-control serviceSelect" name="qc_status" id="qc_status">
						<option value="">Select</option>
						<option value="Okay">Okay</option>
						<option value="Not Okay">Not Okay</option>
					</select>
				@php
				if(!empty($proinfo->qc_status)) {
					$qc_status = $proinfo->qc_status;
				} else {
					$qc_status ='';
				}
				@endphp
			<script>document.getElementById("qc_status").value ='{{$qc_status}}';</script>
				</div>
			</div>

			<div class="row mb-3">
				<label for="about_com" class="col-sm-2 col-form-label">About Comments</label>
				<div class="col-sm-6">
					<textarea class="form-control" id="about_com" name="about_com" rows="4" cols="50" placeholder="Write your comments...">@if(!empty($proinfo->about_com)){{ $proinfo->about_com }}@endif</textarea>
				</div>
			</div>
        
			<div class="row mb-3">
				<label for="inputText3" class="col-sm-2 col-form-label"></label>
				<div class="col-sm-6">
					<button type="button" class="sumbtn btn btn-primary me-3">Submit</button>
				</div>
			</div>

			</form>
			</div>
		</div>
<script>
	document.addEventListener('DOMContentLoaded', function() {
		var inputs = document.querySelectorAll('input, select, textarea');

		for (var i = 0; i < inputs.length; i++) {
		    console.log(i);
			inputs[i].addEventListener('keydown', function(e) {
				if (e.key === 'Tab') {
					var index = Array.prototype.indexOf.call(inputs, this);
					if (!e.shiftKey) {
						// Move to the next input element
						if (index < inputs.length - 1) {
							inputs[index + 1].focus();
						} else {
							// If it's the last input, focus on the first one
							inputs[0].focus();
						}
					} else {
						// Move to the previous input element
						if (index > 0) {
							inputs[index - 1].focus();
						} else {
							// If it's the first input, focus on the last one
							inputs[inputs.length - 1].focus();
						}
					}
					e.preventDefault();
				}
			});
		}
	});

//     $(document).ready(function() {
//     $('#pro_rom').select2('open');
// });

</script>
			</div>
		</div>
	</div>
</div>

<div class="col-md-4">
	<div class="card">
	  <div class="card-body">
		 	<div class="mb-3">
				<label for="exampleFormControlInput1" class="form-label">NLC :</label>
				<input type="text" class="form-control" onpaste="return false" onkeypress="return isNumber(event)" maxlength="20" name="nlc" id="nlc" value="@if(!empty($proprice->nlc_price)){{ $proprice->nlc_price }}@endif">
		 	</div>
	 		<div class="mb-3">
				<label for="exampleFormControlInput1" class="form-label">DP :</label>
				<input type="text" class="form-control" onpaste="return false" onkeypress="return isNumber(event)" maxlength="20" name="dp" id="dp" value="@if(!empty($proprice->dp_price)){{ $proprice->dp_price }}@endif">
	 		</div>
		 	<div class="mb-3">
				<label for="exampleFormControlInput1" class="form-label">MOP :</label>
				<input type="text" class="form-control" onpaste="return false" onkeypress="return isNumber(event)" maxlength="20" name="mop" id="mop" value="@if(!empty($proprice->mop_price)){{ $proprice->mop_price }}@endif">
		  </div>
	 		<div class="btn-container float-right">
	 			<button class="btn btn-primary crdbr">Generate Barcode </button>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
	 			<button class="btn btn-primary crdbrprci"> Save</button>
	 		</div>
  	</div>
	</div>

	<div class="service-cost">
		<div class="card">
			<div class="table-title">
				<h6>Service Details</h6>
			</div>
			<div class="service-table">
				<table class="table">
				 	<thead>
					  <th>Parts</th>
					  <th>Quantity</th>
					  <th>Price</th>
				 	</thead>
				<tbody>
				@php 
					$pro_spare = isset($ser_cond->pro_spare) ? explode(',', $ser_cond->pro_spare) : '';
					$pro_qnt = isset($ser_cond->pro_qnt) ? explode(',', $ser_cond->pro_qnt) : '';
					$pro_price = isset($ser_cond->pro_price) ? explode(',', $ser_cond->pro_price) : '';
					$pric=0;
				@endphp	

				@if(!empty($ser_cond))

					@for($i=0;$i<count($pro_spare);$i++)

					  <tr>
						 <td>@if(!empty($pro_spare[$i])){{ $pro_spare[$i] }}@endif</td>
						 <td>@if(!empty($pro_qnt[$i])){{ $pro_qnt[$i] }}@endif</td>
						 <td>@if(!empty($pro_price[$i])){{ $pro_price[$i] }}@endif</td>
					  </tr>
					  
					  @php
						$pric += $pro_price[$i];
					  @endphp

					@endfor

				@endif

				  </tbody>
				</table>
				<div class="total-price">
				  <h6>Total Price :</h6>
				  <h6>₹ {{$pric}}</h6>
				</div>
			 </div>
		  </div>
	   </div>
		</div>
		</div>
		</div><!-- end col -->
	  </div><!-- end row -->
	</div><!-- End Page-content -->
 </div><!-- end main content-->
</div>

<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel"
 aria-hidden="true">
 <div class="modal-dialog">
	<div class="modal-content">
	   <div class="modal-body">
		  <div class="row">
			 <div class="col-12">
				<div class="">
				   <div class="">
					  <form action="" class="mt-3">
						 <div class="row">
							<div class="col-md-6">
							   <div class="mb-3">
								  <label for="exampleFormControlInput1" class="form-label">Mobile Name</label>
								  <input type="text" class="form-control" id="exampleFormControlInput1" placeholder="">
							   </div>
							</div>
							<div class="col-md-6">
							   <div class="mb-3">
								  <label for="exampleFormControlInput1"
									 class="form-label">Modal Name</label>
								  <input type="text" class="form-control"
									 id="exampleFormControlInput1" placeholder="">
							   </div>
							</div>
							<div class="col-md-6">
							   <div class="mb-3">
								  <label for="exampleFormControlInput1"
									 class="form-label">Logo</label>
								  <input type="file" class="form-control"
									 id="exampleFormControlInput1" placeholder=>
							   </div>
							</div>
							<div>
							   <button class="btn btn-primary add-btn">
							   <a href="#">Submit </a>
							   </button>
							   <button type="button" class="btn btn-secondary"
								  data-bs-dismiss="modal">Cancel</button>
							</div>
						 </div>
					  </form>
				   </div>
				</div>
			 </div>
			 <!-- end col -->
		  </div>
	   </div>
	</div>
 </div>
</div>


<div class="modal fade stock-modal" id="testedMobile" tabindex="-1" aria-labelledby="exampleModalLabel"
 aria-hidden="true">
 <div class="modal-dialog">
	<div class="modal-content">
	   <div class="modal-header">
		  <h1 class="modal-title fs-5" id="exampleModalLabel">Download</h1>
		  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
	   </div>
	   <div class="modal-body">
		  <div class="container">
			 <!-- Mobile visible table  -->
			 <div class="row stock-row">
				<div class="col-md-12">
				   <div class="row">
					  <div class="col-md-12">
						 <div class=" mb-3" style="max-width: 540px;">
						 <input type="hidden" id="newsalcode" name="newsalcode" value="">
							<div class="">
							   <div class="mb-3 selectdraf text-center" id="valdcode"></div>
							   <div class="d-flex justify-content-center align-items-center">
									<button class="btn btn-primary" id="btn_convert"> <i class="fas fa-file-download me-2"></i> Download </button>
							   </div>
							</div>
							</div>
					  </div>
				   </div>
				</div>
			 </div>
		  </div>
	   </div>

		<input type="hidden" id="previewImg">

	   <!-- <div class="modal-footer">
		  <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
		  <button type="button" class="btn btn-primary">Save changes</button>
		  </div> -->
	</div>
 </div>
</div>
<!-- JAVASCRIPT -->

@endsection

@section('scripts')

@php $proinfo=$data['proinfo']; @endphp
<script>
var pro_wifi = "@if(!empty($proinfo->wifi)){{$proinfo->wifi}}@endif";
var pro_gps = "@if(!empty($proinfo->gps)){{$proinfo->gps}}@endif";
var pro_modal = "@if(!empty($proinfo->pro_modal)){{$proinfo->pro_modal}}@endif";
var pro_brand = "@if(!empty($proinfo->pro_brand)){{$proinfo->pro_brand}}@endif";
var mdif = "@if(!empty($proinfo->id)){{$proinfo->id}}@endif";
</script>

<script src="{{ asset('backend/assets/js/product-info.js') }}"></script>
{{--  <script src="https://cdn.bootcss.com/html2pdf.js/0.9.1/html2pdf.bundle.js"></script>  --}}
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.9.1/html2pdf.bundle.min.js"></script>
<script>

$(document).on('click', '#btn_convert', function(){
	//var base = $('meta[name="base_url"]').attr("content");
	var url = $('meta[name="base_url"]').attr("content")+'/dofy-products-finder';
	var rid = $('#newsalcode').val();
	var element = document.getElementById('valdcode');//console.log(element);
	var lot_no ="{{$lot_no}}";console.log("data");

	// var nlc = $("#nlc").val();
	// var dp = $("#dp").val();
	// var mop = $("#mop").val();
	// var lot_no = $("#lot_no").val();
	// var barcode = $("#barcode").val();
	// var token = $('meta[name="csrf-token"]').attr("content");
	// var path = $('meta[name="base_url"]').attr("content") + "/generatebarcode_dofylot";

	// $.ajax({ url: path, type: "POST", data: { _token: token, nlc: nlc, dp: dp, mop: mop, lot_no: lot_no, barcode: barcode
	// 		}, success: function (data) {	//console.log(data[1]);

	// 			var printContents = data;
	// 			var originalContents = document.body.innerHTML;
	// 			document.body.innerHTML = printContents;
	// 			self.print();
	// 			document.body.innerHTML = originalContents;
	// 			const myTimeout = setTimeout(myGreeting, 2000);
	// 			location.reload();
	// 			//window.location.replace("/product-details-dofyadmin/"+lot_no);
	// 			// if(data.status == true) {
	// 			// 	// $('#newsalcode').val(data.newsalcode);
	// 			// 	// $('#valdcode').html(data.valdcode);
	// 			// 	// $('.nwlcode').html(data.newsalcode);
	// 			// 	//custom_noty("success", data.msg);
	// 			// 	//window.location.replace("/dofy-lot/"+lot_no);
	// 			// 	var printContents = data.valdcode;//document.getElementById('lot_no').innerHTML;
	// 			//   var originalContents = document.body.innerHTML;
	// 			//   document.body.innerHTML = printContents;
	// 			//   self.print();
	// 			//   document.body.innerHTML = originalContents;
	// 			//   const myTimeout = setTimeout(myGreeting, 2000);
	// 			// } else {
	// 			// 	custom_noty("error", data.msg);
	// 			// }
	// 		}
	// 	});


	html2pdf(element, {
		margin:[0, 0, 0, 15],
		padding:0,
		filename: 'barcodes.pdf',
		image: { type: 'element', quality: 2 },
		html2canvas: { scale: 2, logging: true },
		jsPDF: {
			unit: 'px', 
			format: [189, 94], 
			orientation: 'l'
			},
		pagebreak: { before: '.beforeClass', after: ['#after1', '#after2'], avoid: 'img' }
	}).from('element-to-print').outputPdf().get('pdf').then(function (pdfObj) { pdfObj.autoPrint();
	  
	  window.open(pdfObj.output("bloburl"), "F")
	  $('#testedMobile').modal('hide');
	  window.location.href = url;
	});
});

</script>

<script>

	//Add 
$(document).on("click", ".crdbrprci", function () {

	var err = true;

	var input = $("#nlc");
	var urlvl = $("#nlc").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#nmb").remove();
		$('<div id="nmb" class="text-danger">NLC is required</div>').insertAfter("#nlc");
		$("#nlc").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#nmb").remove();
	}

	if(err == true) {

		$(".crdbrprci").attr("disabled", true);
		$("#preloder").fadeIn();

		var nlc = $("#nlc").val();
		var dp = $("#dp").val();
		var mop = $("#mop").val();

		var lot_no = $("#lot_no").val();
		var barcode = $("#barcode").val();

		var token = $('meta[name="csrf-token"]').attr("content");
		var path = $('meta[name="base_url"]').attr("content") + "/price-update";
		$.ajax({ url: path, type: "POST", data: { _token: token, nlc: nlc, dp: dp, mop: mop, lot_no: lot_no, barcode: barcode
			}, success: function (data) {				
				$("#preloder").fadeOut();
				$(".crdbrprci").attr("disabled", false);
				if(data.status == true) {
					$('#newsalcode').val(data.newsalcode);
					$('#valdcode').html(data.valdcode);
					$('.nwlcode').html(data.newsalcode);
					custom_noty("success", data.msg);

				} else {
					custom_noty("error", data.msg);
				}
			}
		});
	}

});

	//Add 
$(document).on("click", ".crdbr", function () {

	var err = true;

	var input = $("#nlc");
	var urlvl = $("#nlc").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#nmb").remove();
		$('<div id="nmb" class="text-danger">NLC is required</div>').insertAfter("#nlc");
		$("#nlc").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#nmb").remove();
	}

	var input = $("#dp");
	var urlvl = $("#dp").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#dpv").remove();
		$('<div id="dpv" class="text-danger">DP is required</div>').insertAfter("#dp");
		$("#dp").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#dpv").remove();
	}

	var input = $("#mop");
	var urlvl = $("#mop").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#mpo").remove();
		$('<div id="mpo" class="text-danger">MOP is required</div>').insertAfter("#mop");
		$("#mop").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#mpo").remove();
	}

	if(err == true) {

		//$(".crdbr").attr("disabled", true);
		//$("#preloder").fadeIn();

		var nlc = $("#nlc").val();
		var dp = $("#dp").val();
		var mop = $("#mop").val();
		var lot_no = $("#lot_no").val();
		var barcode = $("#barcode").val();

		var token = $('meta[name="csrf-token"]').attr("content");
		var path = $('meta[name="base_url"]').attr("content") + "/generatebarcode_dofylot";
		$.ajax({ url: path, type: "POST", data: { _token: token, nlc: nlc, dp: dp, mop: mop, lot_no: lot_no, barcode: barcode
			}, success: function (data) {

				$("#preloder").fadeOut();
				$(".crdbr").attr("disabled", false);

				if(data.status == true) {

					$('#newsalcode').val(data.newsalcode);
					$('#valdcode').html(data.valdcode);
					$('.nwlcode').html(data.newsalcode);
					custom_noty("success", data.msg);
					$('#testedMobile').modal('show');

				} else {
					custom_noty("error", data.msg);
				}
			}
		});
	}

});

$("#nlc").on("change", function(event) {
	var input = $("#nlc");
	var urlvl = $("#nlc").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#nmb").remove();
		$('<div id="nmb" class="text-danger">NLC is required</div>').insertAfter("#nlc");
		$("#nlc").focus();
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#nmb").remove();
	}
});

$("#dp").on("change", function(event) {
	var input = $("#dp");
	var urlvl = $("#dp").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#dpv").remove();
		$('<div id="dpv" class="text-danger">DP is required</div>').insertAfter("#dp");
		$("#dp").focus();
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#dpv").remove();
	}
});

$("#mop").on("change", function(event) {
	var input = $("#mop");
	var urlvl = $("#mop").val();
	if(urlvl==''){
		input.removeClass("valid").addClass("invalid");
		$("#mpo").remove();
		$('<div id="mpo" class="text-danger">MOP is required</div>').insertAfter("#mop");
		$("#mop").focus();
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#mpo").remove();
	}
});


function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}
</script>

@php $productcondition = $data['productcondition']; @endphp


<!-- autocomplete start -->

<link rel="stylesheet" href="{{ asset('backend/assets/css/smoothness_jquery-ui.css') }}">
<script src="{{ asset('backend/assets/js/jquery-ui.min.js') }}"></script>

<script>

// $(document).ready(function(){
//     $(".mob_con").autocomplete({
//          source: {!! $productcondition !!}
//     });
// });

// $(document).on("click", ".addrowpcd", function () {
// 	var row='';		
// 	row += '<tr>'+
// 		'<td class="tdb"><input type="text" class="form-control q-input mob_con ui-autocomplete-input" name="mob_con[]" id="mob_con[]" value="" ></td>'+
// 		'<td style="width:40px" class="tdbs"><button class="btn me-2 p-2 btn-danger rmvbtnpc">-</button></td>'+
// 	'</tr>';
// 	$('#tblspc').append(row);
// 	$(".mob_con").autocomplete({
//          source: {!! $productcondition !!}
//     });
// });

</script>

<!-- autocomplete end -->

@endsection