@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">
		   <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('stock-view', encrypt_decrypt('encrypt',$lot_no)) }}">
				<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">
			<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">Vendor Name : </span> -
			</p>
			<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>


   <div class="row">
	 <!-- <div class="col-lg-6 d-none">
		 <div class="card mb-4">
			<div class="service-title">
			   <h6>Testing Details</h6>
			</div>
			<div class="service-detail">
			   <div class="service-profile">
				  <img src="{{ asset('backend/assets/images/userprofile-2.jpg') }}" alt="">
			   </div>
			   <div class="service-info">
				  <p><span>Testing-info : </span><a href="product-details-testing.php">#456566</a>
				  </p>
				  <p><span>ID : </span>#7287</p>
				  <p><span>Name : </span>Prem</p>
				  <p><span>Testing : </span><span class="badge text-bg-success">Completed</span></p>
			   </div>
			</div>
		 </div>
	  </div>
	  <div class="col-lg-6 d-none">
		 <div class="card mb-4">
			<div class="service-title">
			   <h6>Service Details</h6>
			</div>
			<div class="service-detail">
			   <div class="service-profile">
				  <img src="{{ asset('backend/assets/images/userphoto.jpeg') }}" alt="">
			   </div>
			   <div class="service-info">
				  <p><span>Service-info : </span><a href="service-product-details.php">#456566</a>
				  </p>
				  <p><span>ID : </span>#7287</p>
				  <p><span>Name : </span>Prem</p>
				  <p><span>Service : </span><span class="badge text-bg-success">Completed</span></p>
			   </div>
			</div>
		 </div>
	  </div>-->


<!-- Page Preloder -->
<div id="preloder"><div class="loader"></div></div>

	
  <div class="col-md-12">
	 <div class="card mb-4">
		<div class="service-title">
		   <h6>Product Details</h6>
		</div>

	<form action="{{ route('productf-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="row mb-3">
				<label for="inputNumber3" class="col-sm-4 col-form-label">Temporary Barcode</label>
				<div class="col-sm-8">
					<input type="num" class="form-control" value="{{ $barcode_no }}" disabled>
				</div>
			</div>

			<div class="row mb-3">
				<label for="inputText3" class="col-sm-4 col-form-label"> Phone Condtion</label>
				<div class="col-sm-8">
					<select class="form-select form-control serviceSelect" name="phone_con" id="phone_con">
						<option value="">Select</option>
						<option value="Good">Good</option>
						<option value="Dead">Dead</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-4 col-form-label">Select Product Type</label>
				<div class="col-sm-8">
					<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-4 col-form-label">Select Brand</label>
				<div class="col-sm-8">
					<select class="form-select form-control serviceSelect" name="pro_brand" id="pro_brand">
						<option value="">Select</option>
						<?php /*@foreach($brands as $brand)
							<option value="{{ $brand->id }}">{{ $brand->brand_name }}</option>
						@endforeach */ ?>
					</select>

				</div>
			</div>

			<div class="row mb-3">
				<label for="pro_modal" class="col-sm-4 col-form-label">Modal Name</label>
				<div class="col-sm-8">
					<select class="form-select form-control serviceSelect" name="pro_modal" id="pro_modal">
						<option value="">Select</option>
						<?php /* @foreach($productmodel as $productmodels)
							<option value="{{ $productmodels->id }}">{{ $productmodels->promodel_name }}</option>
						@endforeach */ ?>
					</select>
				</div>
			</div>





<div class="row mb-3 align-items-center wifitypes">
	<label for="inputText3" class="col-sm-4 col-form-label">Type</label>
	<div class="col-sm-8 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-8">
		<div class="wificheck"></div>
	</div>
</div>

<div class="row mb-3 align-items-center gpstypes">
	<label for="inputText3" class="col-sm-4 col-form-label">Type</label>
	<div class="col-sm-8 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-8">
		<div class="gpscheck"></div>
	</div>
</div>



<div class="row mb-3 pro_imei">
	<label for="pro_imei" class="col-sm-4 col-form-label">IMEI Number</label>
	<div class="col-sm-8">
		<input type="num" class="form-control" id="pro_imei" name="pro_imei" value="@if(!empty($proinfo->pro_imei)){{ $proinfo->pro_imei }}@endif">
	</div>
</div>

<div class="row mb-3 pro_serial">
	<label for="pro_serial" class="col-sm-4 col-form-label">Serial Number</label>
	<div class="col-sm-8">
		<input type="num" class="form-control" id="pro_serial" name="pro_serial" value="@if(!empty($proinfo->pro_serial)){{ $proinfo->pro_serial }}@endif">
	</div>
</div>

<div class="row mb-3 pro_rom">
	<label for="pro_rom" class="col-sm-4 col-form-label">Rom Size</label>
		<div class="col-sm-8">
		<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 pro_size">
	<label for="pro_size" class="col-sm-4 col-form-label">Ram Size</label>
		<div class="col-sm-8">
		<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_storage">
	<label for="pro_storage" class="col-sm-4 col-form-label">Storage</label>
		<div class="col-sm-8">
		<select class="form-select form-control serviceSelect" name="pro_storage" id="pro_storage">
			<option value="">Select</option>
			@foreach($storages as $storage)
				<option value="{{ $storage->id }}">{{ $storage->storage_type }}</option>
			@endforeach
		</select>
	@php 
	if(!empty($proinfo->pro_storage)) {
		$pro_storage = $proinfo->pro_storage;
	} else {
		$pro_storage ='';
	}
	@endphp
	<script>document.getElementById("pro_storage").value ='{{$pro_storage}}';</script>
	</div>
</div>


<div class="row mb-3 processor">
	<label for="processor" class="col-sm-4 col-form-label">Processor</label>
		<div class="col-sm-8">
		<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-4 col-form-label">Graphics Cards</label>
		<div class="col-sm-8">
		<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 inches">
	<label for="inches" class="col-sm-4 col-form-label">Inches</label>
		<div class="col-sm-8">
		<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>




	@can('color_show')

		<div class="row mb-3 pro_color">
			<label for="pro_color" class="col-sm-4 col-form-label">Color</label>
				<div class="col-sm-8">
				<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>
		
	@endcan	


			<div class="row mb-3">
				<label for="pro_kit" class="col-sm-4 col-form-label">KIT</label>
				<div class="col-sm-8">

				<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>
				</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-4 col-form-label"> Warranty</label>
				<div class="col-sm-8">
					<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}}';</script>

			<div class="mt-3">
			  <select class="form-select form-control serviceSelect" @if(!empty($proinfo->warranty) && $warranty =='Yes') style="display:block" @else style="display:none" @endif  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-4 col-form-label">Do you Have a Bill?</label>
				<div class="col-sm-8 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-8">
					<div class="bilcheck"></div>
				</div>
			</div>

			<div class="row mb-3">
				<label for="mob_con" class="col-sm-4 col-form-label">Product Condition</label>
				<div class="col-sm-8">

					@php $mob_con = !empty($proinfo->mob_con) ? json_decode($proinfo->mob_con) : [] ; @endphp

					<select class="form-select form-control" name="mob_con[]" id="mob_con" multiple>
						@foreach($productcondition as $prcd)

							<option value="{{ $prcd->id }}" @if(in_array($prcd->id, $mob_con)) selected @endif>{{ $prcd->product_cond }}</option>

						@endforeach
					</select>

				</div>
			</div>

			<div class="row mb-3">
				<label for="qc_status" class="col-sm-4 col-form-label">Qc Status</label>
				<div class="col-sm-8">
					<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-4 col-form-label">About Comments</label>
				<div class="col-sm-8">
					<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-4 col-form-label"></label>
			<div class="col-sm-8">
				<button type="button" class="sumbtn btn btn-primary me-3">Submit</button>
			</div>
		</div>

	</form>
			 </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')


<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="{{ asset('backend/assets/js/html2canvas.js') }}"></script>

<script>
$(document).on('click', '#btn_convert', function(){
	var rid = $('#newsalcode').val();
	html2canvas(document.getElementById(rid),{
		allowTaint: true,
		useCORS: true
	}).then(function (canvas) {
		var anchorTag = document.createElement("a");
		document.body.appendChild(anchorTag);
		document.getElementById("previewImg").appendChild(canvas);
		anchorTag.download = rid+".jpg";
		anchorTag.href = canvas.toDataURL();
		anchorTag.target = '_blank';
		anchorTag.click();
	});
});

</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") + "/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) {
				
				console.log(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>

@endsection