@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('product-eng-view', encrypt_decrypt('encrypt',$lot_no).'/'.$ids) }}">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('product-eng-view', encrypt_decrypt('encrypt',$lot_no).'/'.$ids) }}">
		<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('sparepart-product-eng-update') }}" 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="user_ids" id="user_ids" value="@if(!empty($ids)){{ $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">


	<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="10%">Selling Price</th>

                <th width="25%">Spare</th>

				  <th width="20%">Qantity</th>
				  <th width="26%">Price</th>
				  <th width="14%">Action</th>
			   </tr>
			   <tbody id="tbls">



			   <tr>

			@php
			$spre = isset($sercond->pro_spare) ? $sercond->pro_spare : '';
			$sercnd = explode(',',$spre);

			$pro_qnt = isset($sercond->pro_qnt) ? $sercond->pro_qnt : '';
			$proqnt = explode(',',$pro_qnt);

			$pro_price = isset($sercond->pro_price) ? $sercond->pro_price : '';
			$proprice = explode(',',$pro_price);

				for($i = 0; $i < count($sercnd); $i++) {

			@endphp

		<tr>
            <td >
                <input type = "text" class="form-control product_barcode" name = "product_barcode[]" id = "product_barcode[]" data-id = 'sellingprice_1' placeholder="Barcode"/></td>
                      <td ><input type = "text" class="form-control sellingprice" name = "sellingprice[]" id = "sellingprice_1" /></td>


		  <td>
			<select class="form-select mb-0 spare" name="spare[]" id="spare[]" >
			<option value="">select</option>
			<option value="Mic" @if(!empty($sercnd[$i]) && $sercnd[$i] =='Mic') selected="selected" @endif >Mic</option>
			<option value="Display" @if(!empty($sercnd[$i]) && $sercnd[$i] =='Display') selected="selected" @endif >Display</option>
			<option value="Ram" @if(!empty($sercnd[$i]) && $sercnd[$i] =='Ram') selected="selected" @endif >Ram</option>
			</select>
		  </td>
		  <td><input type="text" class="form-control q-input qantiy" name="qantiy[]" id="qantiy[]" value="{{$proqnt[$i]}}" ></td>
		  <td><input type="text" class="form-control q-input price" name="price[]" id="price[]" value="{{$proprice[$i]}}"style ="width:100px" ></td>
			@php if($i == 0) { @endphp
				<td><button class="btn btn-success me-2 p-2 addrow"><i class="fas fa-plus-circle"></i></button></td>
			@php } else { @endphp
				 <td style="width:7px"><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>

@endsection

@section('scripts')

<script>

$(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");
    console.log(id);
	var barcode = 'DIS100420240001';
    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";

    $.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);

                    $('#'+id).val(data.msg.selling_price);

					//custom_noty("success", );
				} else {
					custom_noty("error", 'Invalid Barcode');
				}
			}
		});

    console.log(barcode);
});



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

$(document).on("click", ".addrow", function () {
 event.preventDefault();
 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[]"  data-id = "sellingprice_'+count+'"placeholder="Barcode"/></td>'+

        '<td><input type = "text" class="form-control selling_price" name = "sellingprice[]" id = "sellingprice_'+count+'" /></td>'+

		'<td>'+
			'<select class="form-select mb-0 spare" name="spare[]" id="spare[]" >'+
				'<option value="">select</option>'+
				'<option value="Mic">Mic</option>'+
				'<option value="Display">Display</option>'+
				'<option value="Ram">Ram</option>'+
			'</select>'+
		'</td>'+
		'<td><input type="text" class="form-control q-input qantiy" name="qantiy[]" id="qantiy[]" value="" ></td>'+
		'<td><input type="text" class="form-control q-input price" name="price[]" id="price[]" value="" style ="width:100px" ></td>'+
		'<td style="width:7px"><button class="btn me-2 p-2 btn-danger rmvbtn">-</button></td>'+
	'</tr>';

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

</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 sellingprice = '';
	$('.sellingprice').each(function () {
		if($(this).val()!=''){
			sellingprice += $(this).val() + ",";
		}
    });
	sellingprice = sellingprice.slice(0, -1);

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



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

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

	var lot_no = $("#lot_no").val();
	var barcode = $("#barcode").val();
	var spares = chkId;
	var qantity = chkIds;
	var price = chkIdss;
    var sellingprice = sellingprice;
    var procode = procode;


	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";
        alert('dvngkdfsnkjgvnkdfj');
        debugger;
		$.ajax({ url: path, type: "POST", data: {
			_token: token,
			spares: spares,
			lot_no: lot_no,
			barcode: barcode,
			qantity: qantity,
            procode: procode,
			price: price,
            sellingprice:sellingprice
			}, 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 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