@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('dofy-products') }}">Products </a></li>
					@if(!empty($barcode_no))
						<li class="breadcrumb-item active" aria-current="page">{{ $barcode_no }}</li>
					@endif	
			   </ol>
			</div>

			<div class="col-md-4">
				<a class="btn btn-primary button-1 float-right" href="{{ route('dofy-products') }}">
				<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>
		</ul>

	<form class="form-horizontal" action="{{ route('product-dofy-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="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-4" id="myTabContent">
		<div class="tab-pane fade show active" id="home-tab-pane" role="tabpanel" aria-labelledby="home-tab" tabindex="0">

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

		</div>
	</div>

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

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


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