@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('product-stock-maintanance') }}">
				<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">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>


	<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="col-md-12">
	 <div class="card mb-4">
		<div class="service-title">
		   <h6>Product Details</h6>
		</div>

		@include('backend.global.mobile-details')

			 </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="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 rid = $('#newsalcode').val();
	var element = document.getElementById('valdcode');

	html2pdf(element, {
		margin:[0, 0, 0, 15],
		padding:0,
		filename: 'barcodes.pdf',
		image: { type: 'element', quality: 1 },
		html2canvas: { scale: 2, logging: true },
		jsPDF: {
			unit: 'px', 
			format: [207, 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")
	  window.location.href = "{{ url('product-stock-maintanance') }}";
	});
});

</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) {

				$("#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>




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