@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">Product Details</h6>
	   <ol class="breadcrumb m-0">
			<li class="breadcrumb-item"><a href="{{ dashboardurl() }}">Home </a></li>
			<li class="breadcrumb-item">
			<a href="{{ route('productqcview', encrypt_decrypt('encrypt',$lot_no)) }}">Product </a></li>
			<li class="breadcrumb-item active" aria-current="page">{{ $barcode_no }}</li>
	   </ol>
	</div>

	<div class="col-md-4">
		<a class="btn btn-primary button-1 float-right" href="{{ route('productqcview', encrypt_decrypt('encrypt',$lot_no)) }}"><span class="pe-1 color-primary"><i class="ti-angle-left"></i></span> Back</a>
	</div>

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

<div class="row">
	<div class="col-md-12">

	<div class="product-full-cont">
		<div class="product-full-desc">

		<ul class="nav nav-pills product-cont-tab" id="myTab" role="tablist">

			<li class="nav-item" role="presentation">
				<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home-tab-pane" type="button" role="tab" aria-controls="home-tab-pane" aria-selected="true">
				<i class="bi bi-info-circle-fill me-2"></i> Product Information</button>
			</li>

			<li class="nav-item" role="presentation">
				<button class="nav-link" id="produc-testing" data-bs-toggle="tab" data-bs-target="#produc-testing-tab-pane" type="button" role="tab" aria-controls="produc-testing-tab-pane" aria-selected="false"><i class="bi bi-search"></i> Services Condition</button>
			</li>

		</ul>


	<form class="form-horizontal" action="{{ route('product-infoupdate') }}" method="POST" id="dtad" name="dtad" enctype="multipart/form-data">
	@csrf

	<input type="hidden" name="proinfo_id" id="proinfo_id" value="@if(!empty($proinfo->id)){{ $proinfo->id }}@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">


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


	<div class="tab-content p-3" id="myTabContent">
		<div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">

		@include('backend.global.mobile-details')
	</div>



		<div class="tab-pane fade" id="produc-testing-tab-pane" role="tabpanel" aria-labelledby="produc-testing" tabindex="0">
			<table class="table service-table qtytable">
			   <tr>
                <th width="10%">Barecode</th>
				  <th width="30%">Spare</th>
				  <th width="20%">Qantity</th>
				  <th width="25%">Price</th>
				  <th width="15%">Action</th>
			   </tr>
			   <tbody id="tbls">
			       

			@php
		$i=0;
if(count($sercond) > 0){
				foreach($sercond as $val){
				
				
				
			
			
				
		

			@endphp

		<tr>
            <td>
                <input type = "text" class="form-control product_barcode" name = "product_barcode[]"  id = "product_barcode_{{$i}}" value = " " id = "product_barcode[]" data-id = '{{$i}}' placeholder="Barcode"/></td>

		  <td>

            <input type ="text" class = "form-control spare" name="spare[]" id="spare_{{$i}}" value = "@if(!empty($val->pro_spare) ) {{$val->pro_spare}} @endif"  style="pointer-events: none;">

		  </td>
		  <td><input type="text" class="form-control q-input qantiy" name="qantiy[]" id="qantiy_{{$i}}" value="{{$val->pro_qnt}}"  style="pointer-events: none;"></td>
		  <td><input type="text" class="form-control q-input price" name="price[]" id="price_{{$i}}" value="{{$val->pro_price}}"  style="pointer-events: none;" ></td>
			@php if($i == 0) { @endphp
				<td><input type =="button" class="btn btn-success me-2 p-2 addrow" value = "ADD"></i></td>
			@php } else { @endphp
				 <td style="width:40px"><button class="btn me-2 p-2 btn-danger rmvbtn">-</button></td>
			@php } @endphp
		</tr>

		@php
		$i++;
		}
		}
		else{
		@endphp
	
	<tr>
            <td>
                <input type = "text" class="form-control product_barcode" name = "product_barcode[]"  id = "product_barcode_1" value = "" id = "product_barcode[]" data-id = '1' placeholder="Barcode"/></td>

		  <td>

            <input type ="text" class = "form-control spare" name="spare[]" id="spare_1" style="pointer-events: none;">

		  </td>
		  <td><input type="text" class="form-control q-input qantiy" name="qantiy[]" id="qantiy_1" style="pointer-events: none;"></td>
		  <td><input type="text" class="form-control q-input price" name="price[]" id="price_1" style="pointer-events: none;"></td>
			@php if($i == 0) { @endphp
				<td><input type =="button" class="btn btn-success me-2 p-2 addrow" value = "ADD"></i></td>
			@php } else { @endphp
				 <td style="width:40px"><button class="btn me-2 p-2 btn-danger rmvbtn">-</button></td>
			@php } @endphp
		</tr>
		@php
		
		}
		
		@endphp

		   <tbody>
	   <tfoot>
			<tr>
				<td colspan="4"><div class="d-block text-end">
					<button type="button" class="psumbtn btn btn-primary me-3">Submit</button>
				</div></td>
			</tr>
	   </tfoot>
	</table>
	</div>


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

@endsection

@section('scripts')

<script>

$(document).on("click", ".rmvbtn", function () {
	 $(this).closest("tr").remove();
});

$(document).on("click", ".addrow", function () {
    var count = $(".product_barcode").length + 1;
	var row='';
	row += '<tr>'+
        '<td> <input type = "text" class="form-control product_barcode" name = "product_barcode[]" id = "product_barcode_'+count+'"  data-id = "'+count+'"/></td>'+

		'<td>'+
            '<input type="text" class="form-control  spare" name="spare[]" id="spare_'+count+'" value="" style="pointer-events: none;" >'
			+
		'</td>'+
		'<td><input type="text" class="form-control q-input qantiy" name="qantiy[]" id="qantiy_'+count+'" value="" style="pointer-events: none;"></td>'+
		'<td><input type="text" class="form-control q-input price" name="price[]" id="price_'+count+'" value="" style="pointer-events: none;"></td>'+
		'<td style="width:40px"><button class="btn me-2 p-2 btn-danger rmvbtn">-</button></td>'+
	'</tr>';

	$('#tbls').append(row);
});


$(document).on("keyup", ".product_barcode", function () {

var barcode = $(this).parent().parent().find("input[name='product_barcode\\[\\]']").val();
var id = $(this).parent().parent().find(".product_barcode").attr("data-id");


var token = $('meta[name="csrf-token"]').attr("content");
var assign_id = "{{Auth::user()->id}}";
var path = $('meta[name="base_url"]').attr("content") + "/product-service-barcode";
if(barcode == ''){
     $('#price_'+id).val('');
                $('#spare_'+id).val('');
                 $('#qantiy_'+id).val('');
    
}
else if(barcode != ''){
   $.ajax({ url: path, type: "GET", data: {
        _token: token,
        barcode: barcode,
        assign_id:assign_id,

        }, success: function (data) {



            if(data.status == true) {
                console.log(data.msg.selling_price);

                $('#price_'+id).val(data.msg.single_price);
                $('#spare_'+id).val(data.msg.name);
                 $('#qantiy_'+id).val('1');


                //custom_noty("success", );
            } else {
                $('#product_barcode_'+id).val('');
                 $('#price_'+id).val('');
                $('#spare_'+id).val('');
                 $('#qantiy_'+id).val('');
                custom_noty("error", 'Invalid Barcode');
            }
        }
    }); 
    
}



console.log(barcode);
});

</script>



<script>


$(document).on("click", ".psumbtn", function () {


	var err = true;

	var chkId = '';
	$('.spare').each(function () {
		if($(this).val()!=''){
			chkId += $(this).val() + ",";
		}
    });
	chkId = chkId.slice(0, -1);

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

	var chkIds = '';
	$('.qantiy').each(function () {
		if($(this).val()!=''){
			chkIds += $(this).val() + ",";
		}
    });
	chkIds = chkIds.slice(0, -1);

	var input = $(".qantiy");
	if(chkIds==''){
		input.removeClass("valid").addClass("invalid");
		$("#nmbs").remove();
		$('<div id="nmbs" class="text-danger">Qantiy is required</div>').insertAfter(".qantiy");
		$(".qantiy").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#nmbs").remove();
	}

	var chkIdss = '';
	$('.price').each(function () {
		if($(this).val()!=''){
			chkIdss += $(this).val() + ",";
		}
    });
	chkIdss = chkIdss.slice(0, -1);

	var input = $(".price");
	if(chkIdss==''){
		input.removeClass("valid").addClass("invalid");
		$("#nps").remove();
		$('<div id="nps" class="text-danger">Price is required</div>').insertAfter(".price");
		$(".price").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#nps").remove();
	}




    var chkIdsss = '';
	$('.product_barcode').each(function () {
		if($(this).val()!=''){
			chkIdsss += $(this).val() + ",";
		}
    });
	chkIdsss = chkIdsss.slice(0, -1);

	var input = $(".product_barcode");
	if(chkIdsss==''){
		input.removeClass("valid").addClass("invalid");
		$("#npss").remove();
		$('<div id="nps" class="text-danger">Barcode is required</div>').insertAfter(".product_barcode");
		$(".product_barcode").focus();
		err = false;
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#npss").remove();
	}
	var lot_no = $("#lot_no").val();
	var barcode = $("#barcode").val();
	var spares = chkId;
	var qantity = chkIds;
	var price = chkIdss;
    var probarcode = chkIdsss;


	if(err == true) {

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

		var pro_brand = $("#pro_brand").val();
		var token = $('meta[name="csrf-token"]').attr("content");
		var path = $('meta[name="base_url"]').attr("content") + "/spare-update";
		$.ajax({ url: path, type: "POST", data: {
			_token: token,
			spares: spares,
			lot_no: lot_no,
			barcode: barcode,
			qantity: qantity,
            procode:probarcode,
			price: price
			}, success: function (data) {

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

				if(data.status == true) {
					custom_noty("success", data.msg);
				} else {
					custom_noty("error", data.msg);
				}
			}
		});
	}
});


$(".spare").on("change", function(event) {

	var chkId = '';
	$('.spare').each(function () {
		if($(this).val()!=''){
			chkId += $(this).val() + ",";
		}
    });
	chkId = chkId.slice(0, -1);

	var input = $(".spare");
	if(chkId==''){
		input.removeClass("valid").addClass("invalid");
		$("#nmb").remove();
		$('<div id="nmb" class="text-danger">Spare is required</div>').insertAfter(".spare");
		$(".spare").focus();
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#nmb").remove();
	}
});

$(".qantiy").on("change", function(event) {

	var chkIds = '';
	$('.qantiy').each(function () {
		if($(this).val()!=''){
			chkIds += $(this).val() + ",";
		}
    });
	chkIds = chkIds.slice(0, -1);

	var input = $(".qantiy");
	if(chkIds==''){
		input.removeClass("valid").addClass("invalid");
		$("#nmbs").remove();
		$('<div id="nmbs" class="text-danger">Qantiy is required</div>').insertAfter(".qantiy");
		$(".qantiy").focus();
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#nmbs").remove();
	}
});

$(".price").on("change", function(event) {

	var chkIdss = '';
	$('.price').each(function () {
		if($(this).val()!=''){
			chkIdss += $(this).val() + ",";
		}
    });
	chkIdss = chkIdss.slice(0, -1);

	var input = $(".price");
	if(chkIdss==''){
		input.removeClass("valid").addClass("invalid");
		$("#nps").remove();
		$('<div id="nps" class="text-danger">Price is required</div>').insertAfter(".price");
		$(".price").focus();
	} else {
		input.removeClass("invalid").addClass("valid");
		$("#nps").remove();
	}
});


</script>

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




<!-- 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 substr= '';
     var obj = JSON.parse(substr);
     
   $.each(obj , function(index, val) { 
  console.log(index, val)
});

	var row='';		
	var htmlString = '<tr>' +
    '<td class="tdb"><select class="form-select form-control mob_con" name="mob_con[]" id="mob_con[]">';
$.each(obj, function(index, val) {
    htmlString += '<option value="' + val + '">' + val + '</option>';
});
htmlString += '</select></td>' +
    '<td style="width:40px" class="tdbs"><button class="btn me-2 p-2 btn-danger rmvbtnpc">-</button></td>' +
    '</tr>';
    
	row += htmlString;
	$('#tblspc').append(row);
	$(".mob_con").autocomplete({
         source: {!! $productcondition !!}
    });
});

</script>

<!-- autocomplete end -->

@endsection