@extends('layouts/default')

    {{-- Page title --}}
    @section('title')
         
        @parent
    @stop

{{-- page level styles --}}
@section('header_styles')
    <!--page level css -->
    <link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/iCheck/css/all.css')}}" />
    <link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/bootstrap-fileinput/css/fileinput.min.css')}}" media="all" />
    <link rel="stylesheet" type="text/css" href="{{asset('assets/css/formelements.css')}}">
	<link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom.css')}}">
	
	<link href="{{asset('assets/vendors/bootstrap-multiselect/css/bootstrap-multiselect.css')}}" rel="stylesheet" type="text/css">
	<link href="{{asset('assets/vendors/select2/css/select2.min.css')}}" rel="stylesheet" type="text/css">
	<link href="{{asset('assets/vendors/select2/css/select2-bootstrap.css')}}" rel="stylesheet" type="text/css">
	<link href="{{asset('assets/vendors/selectize/css/selectize.css')}}" rel="stylesheet" type="text/css">
	<link href="{{asset('assets/vendors/selectize/css/selectize.bootstrap3.css')}}" rel="stylesheet" type="text/css">
	
	<link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/datatables/css/buttons.bootstrap.css')}}">
	<link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/datatables/css/colReorder.bootstrap.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/datatables/css/dataTables.bootstrap.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/datatables/css/rowReorder.bootstrap.css')}}"/>
    <link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/datatables/css/scroller.bootstrap.css')}}">
	<link rel="stylesheet" type="text/css" href="{{asset('assets/vendors/datatablesmark.js/css/datatables.mark.min.css')}}"/>
	<link rel="stylesheet" type="text/css" href="{{asset('assets/css/custom_css/responsive_datatables.css')}}">
	
        <!--end of page level css-->
		
	<style>
		input[type=number]::-webkit-inner-spin-button, 
		input[type=number]::-webkit-outer-spin-button { 
		  -webkit-appearance: none; 
		  margin: 0; 
		  text-align:right;
		}
		
		.txtbox {
			text-align:right;
		}
		.txtboxbold {
			text-align:right;
			font-weight: bold;
		}
	</style>
	
@stop

{{-- Page content --}}
@section('content')
    <!-- Content Header (Page header) -->
        <section class="content-header">
            <!--section starts-->
            <h1>
                Item Master
            </h1>
            <ol class="breadcrumb">
                <li>
                    <a href="index">
                        <i class="fa fa-fw fa-home"></i> Inventory
                    </a>
                </li>
                <li>
                    <a href="#">Item Master</a>
                </li>
                <li class="active">
                    Add New
                </li>
            </ol>
        </section>
        <!--section ends-->
		@if(Session::has('message'))
		<div class="alert alert-success">
			<p>{{ Session::get('message') }}</p>
		</div>
		@endif
        <section class="content">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-primary">
                        <div class="panel-heading">
                            <h3 class="panel-title">
                                <i class="fa fa-fw fa-crosshairs"></i> New Item 
                            </h3>
                           
                        </div>
                        <div class="panel-body controls">
                            <form class="form-horizontal" role="form" method="POST" name="frmItem" id="frmItem" enctype="multipart/form-data" action="{{ url('itemmaster/save') }}">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
								<input type="hidden" name="location_id" value="{{$location->id}}">

								<input type="hidden" name="itmHt" id="itmHt" >
								<input type="hidden" name="itmWd" id="itmWd" >
								<input type="hidden" name="itmLt" id="itmLt" >
								<div class="form-group">
                                    <font color="#16A085"><label for="input-text" class="col-sm-2 control-label"><b>Item Code</b></label></font>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="itemcode" name="item_code" placeholder="Item Code">
                                    </div>
                                </div>
								
								<div class="form-group">
                                   <font color="#16A085"> <label for="input-text" class="col-sm-2 control-label"><b>Item Decription</b></label></font>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="itmdescription" name="description" placeholder="Item Description">
                                    </div>
                                </div>
								
                                <div class="form-group">
                                    <font color="#16A085"><label for="input-text" class="col-sm-2 control-label"><b>Item Class</b></label></font>
                                    <div class="col-sm-10">
                                        <select id="item_class" class="form-control select2" style="width:100%" name="item_class">
                                            <option value="">Select Class...</option>
											<option value="1">Stock</option>
											<option value="2">Service</option>
                                        </select>
                                    </div>
                                </div>
								
																<input type="hidden" name="model_no" id="model_no">
																
																<input type="hidden" name="serial_no" id="serial_no">
																
																<input type="hidden" name="machine_model" id="machine_model">
																
																<input type="hidden" name="size" id="size">
																
																<input type="hidden" name="other_info" id="other_info">
																
								<hr/>
																<input type="hidden" name="group_id" id="group_id">
																
																<input type="hidden" name="subgroup_id" id="subgroup_id">
																
																<input type="hidden" name="category_id" id="category_id">
																
																<input type="hidden" name="subcategory_id" id="subcategory_id">
																
								<div class="form-group">
                                    <label for="input-text" class="col-sm-2 control-label">Dimension Required</label>
                                    <div class="col-sm-10">
                                        <select id="dimension" class="form-control select2" style="width:100%" name="dimension">
											<option value="0">No</option>
											<option value="1">Yes</option>
                                        </select>
                                    </div>
                                </div>

								<hr/>
																	<div id="norEntry">
									<table id="user" class="table table-bordered table-striped m-t-12">
										<tbody>
										<tr>
											<td class="table_simple" style="width:12%">Unit</td>
											<td class="table_simple">Item Packing</td>
											<td class="table_simple" style="width:10%">Open Qty.</td>
											<td class="table_simple" style="width:10%">Open Cost</td>
											<td class="table_simple" style="width:8%">S.Price(Rtl)</td>
											<td class="table_simple" style="width:8%">S.Price(WS)</td>
											<td class="table_simple" style="width:8%">Min.Qty.</td>
											<td class="table_simple" style="width:10%">Resvd. Qty.</td>
											<td class="table_simple" style="width:10%">VAT%</td>
										</tr>
										<tr>
											<td>
												<select id="unit_1" class="form-control select2 itemunit" style="width:100%;background:#87CEFA" name="unit[]" >
													<option value="">Base</option>
													@foreach ($units as $unit)
													<option value="{{ $unit['id'] }}">{{ $unit['unit_name'] }}</option>
													@endforeach
												</select>
											</td>
											<td>
												<input type="text" name="packing[]" id="packing_1" class="form-control" readonly>
											</td>
											<td>
												<input type="number" name="opn_quantity[]" id="opn_qty_1" step="any" class="form-control itemunit" >
											</td>
											<td>
												<input type="number" step="any" name="opn_cost[]" id="opn_cost_1" class="form-control itemunit" >
											</td>
											<td>
												<input type="number" step="any" name="sell_price[]" id="sell_price_1" class="form-control itemunit" >
											</td>
											<td>
												<input type="number" step="any" name="wsale_price[]" id="wsale_price_1" class="form-control itemunit" >
											</td>
											<td>
												<input type="number" name="min_quantity[]" id="min_quantity_1" class="form-control itemunit" >
											</td>
											<td>
												<input type="number" name="reorder_level[]" id="reorder_level_1" class="form-control itemunit" >
											</td>
											<td>
												<input type="hidden" step="any" type="text" name="vat[]" id="vat_1" class="form-control itemunit" >
												<select id="selvat_1" class="form-control select2 itemunit" style="width:100%;background:#87CEFA" name="selvat[]">
													
													@foreach ($vats as $vat)
													<option value="{{ $vat['percentage'] }}" default>{{ $vat['name'] }}</option>
													@endforeach
													<option value="">NULL</option>
												</select>
											</td>
										</tr>
																						<input type="hidden" name="unit[]"/>
												<input type="hidden" name="packing[]"/>
												<input type="hidden" name="opn_quantity[]"/>
												<input type="hidden" name="opn_cost[]"/>
												<input type="hidden" name="sell_price[]"/>
												<input type="hidden" name="wsale_price[]"/>
												<input type="hidden" name="min_quantity[]"/>
												<input type="hidden" name="reorder_level[]"/>
												<input type="hidden" name="vat[]"/>
												<input type="hidden" name="selvat[]"/>
																				
																					
												<input type="hidden" name="unit[]"/>
												<input type="hidden" name="packing[]"/>
												<input type="hidden" name="opn_quantity[]"/>
												<input type="hidden" name="opn_cost[]"/>
												<input type="hidden" name="sell_price[]"/>
												<input type="hidden" name="wsale_price[]"/>
												<input type="hidden" name="min_quantity[]"/>
												<input type="hidden" name="reorder_level[]"/>
												<input type="hidden" name="vat[]"/>
												<input type="hidden" name="selvat[]"/>
											
																				</tbody>
									</table>
									</div>

									<div id="dimEntry">
									<table id="user" class="table table-bordered table-striped m-t-12">
										<tbody>
										<tr>
											<td class="table_simple" style="width:12%">Unit</td>
											<td class="table_simple" style="width:12%">P1</td>
											<td class="table_simple" style="width:10%">Open Qty. PCs</td>
											<td class="table_simple" style="width:12%">Dimension</td>
											<td class="table_simple" style="width:10%">Qty. Kg</td>
											<td class="table_simple" style="width:10%">Open Cost</td>
											<td class="table_simple" style="width:10%">VAT%</td>
										</tr>
										<tr>
											<td>
												<select id="unitD_1" class="form-control select2 itemunit" style="width:100%;background:#87CEFA" name="unit[]" >
													<option value="">Unit</option>
													@foreach ($units as $unit)
													<option value="{{ $unit['id'] }}">{{ $unit['unit_name'] }}</option>
													@endforeach
												</select>
												<input type="hidden" name="packing[]" id="packingD_1" class="form-control" readonly>
											</td>
											<td>
												<input type="number" name="opn_quantity[]" id="opn_qtyD_1" step="any" class="form-control" readonly >
											</td>
											<td>
												<input type="number" step="any" name="opn_cost[]" id="opn_cost_1" class="form-control" readonly>
											</td>
											
											<td>
												<input type="hidden" step="any" type="text" name="vat[]" id="vat_1" class="form-control itemunit" >
												<select id="selvat_1" class="form-control select2 itemunit" style="width:100%;background:#87CEFA" name="selvat[]">
													@foreach ($vats as $vat)
													<option value="{{ $vat['percentage'] }}" default>{{ $vat['name'] }}</option>
													@endforeach
													<option value="">NULL</option>
												</select>
											</td>
										</tr>
																						<input type="hidden" name="unit[]"/>
												<input type="hidden" name="packing[]"/>
												<input type="hidden" name="opn_quantity[]"/>
												<input type="hidden" name="opn_cost[]"/>
												<input type="hidden" name="sell_price[]"/>
												<input type="hidden" name="wsale_price[]"/>
												<input type="hidden" name="min_quantity[]"/>
												<input type="hidden" name="reorder_level[]"/>
												<input type="hidden" name="vat[]"/>
												<input type="hidden" name="selvat[]"/>
																				
																					
												<input type="hidden" name="unit[]"/>
												<input type="hidden" name="packing[]"/>
												<input type="hidden" name="opn_quantity[]"/>
												<input type="hidden" name="opn_cost[]"/>
												<input type="hidden" name="sell_price[]"/>
												<input type="hidden" name="wsale_price[]"/>
												<input type="hidden" name="min_quantity[]"/>
												<input type="hidden" name="reorder_level[]"/>
												<input type="hidden" name="vat[]"/>
												<input type="hidden" name="selvat[]"/>
											
																				</tbody>
									</table>
									</div>

																	
								<hr/>
								
								<!--<div class="form-group">
                                    <label for="input-text" class="col-sm-2 control-label">Profit%</label>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="profit_per" name="profit_per" placeholder="Profit%">
                                    </div>
                                </div>-->
								<input type="hidden" id="profit_per" name="profit_per">
								
																
								<div class="form-group locPrntItm">
									<label for="input-text" class="col-sm-2 control-label"></label>
									<div class="col-sm-10 locChldItm">							
										<div class="table-responsive loc-data" id="locData_1"></div>
									</div>
								</div>
								
																<input type="hidden" name="surface_cost">
																
																<input type="hidden" name="other_cost">
																
																<input type="hidden" name="assembly" id="assembly">
																
																<input type="hidden" name="image" id="image">
																
																<input type="hidden" name="supersede[]" id="supersede">
																
																
								@if($formdata['bin_loc']==1)
								<div class="form-group">
                                    <label for="input-text" class="col-sm-2 control-label">Bin Location</label>
                                    <div class="col-sm-10">
										<input type="text" id="selectize-tags2" class="demo-default" value="" name="bin_location">
                                    </div>
                                </div>
								@endif
								
								<hr/>
								
                                <div class="form-group">
                                    <label for="input-text" class="col-sm-2 control-label"></label>
                                    <div class="col-sm-10">
                                        <button type="submit" class="btn btn-primary">Submit</button>
                                         <a href="{{ url('itemmaster') }}" class="btn btn-danger">Cancel</a>
                                    </div>
                                </div>
                                    
								
								<div id="item_modal" class="modal fade animated" role="dialog">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-header">
                                            <button type="button" class="close" data-dismiss="modal">&times;</button>
                                            <h4 class="modal-title">Select Item</h4>
                                        </div>
                                        <div class="modal-body" id="item_data">
                                        </div>
                                        <div class="modal-footer">
                                            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                                        </div>
                                    </div>
                                </div>
								</div> 
							
                            </form>
                        </div>
                    </div>
                </div>
            </div>
       
			<div id="editqty_modal" class="modal fade animated" role="dialog">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal">&times;</button>
							<h4 class="modal-title">Modify Quantity</h4>
						</div>
						<div class="modal-body"><form class="form-vertical">
							<div class="form-group">
								<label for="input-text" class="col-sm-2 control-label">Length</label>
								<div class="col-sm-3">
									<input type="text" class="form-control" id="length" autocomplete="off">
								</div>
							</div>
							<div class="form-group">
								<label for="input-text" class="col-sm-2 control-label">Weight</label>
								<div class="col-sm-3">
									<input type="text" class="form-control" id="weight" autocomplete="off">
								</div>
							</div>
							</form>
							<br/><br/>
						</div>
						<div class="modal-footer">
						<button type="button" class="btn btn-info addQty" data-dismiss="modal">Add
							</button>
							<button type="button" class="btn btn-default" data-dismiss="modal">Close
							</button>
						</div>
					</div>
				</div>
			</div>
        </section>
@stop

{{-- page level scripts --}}
@section('footer_scripts')
    <!-- begining of page level js -->
<script type="text/javascript" src="{{asset('assets/vendors/bootstrapvalidator/js/bootstrapValidator.min.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/vendors/iCheck/js/icheck.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/vendors/bootstrap-fileinput/js/fileinput.min.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/vendors/custom_js/form_elements.js')}}"></script>
        <!-- end of page level js -->

<script src="{{asset('assets/vendors/bootstrap-multiselect/js/bootstrap-multiselect.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/vendors/select2/js/select2.js')}}" type="text/javascript"></script>
<script src="{{asset('assets/vendors/selectize/js/standalone/selectize.min.js')}}" type="text/javascript"></script>

<script type="text/javascript" src="{{asset('assets/vendors/datatables/js/jquery.dataTables.js') }}"></script>
<script type="text/javascript" src="{{asset('assets/vendors/datatables/js/dataTables.bootstrap.js') }}"></script>
<script type="text/javascript" src="{{asset('assets/vendors/datatables/js/dataTables.buttons.js') }}"></script>
<script type="text/javascript" src="{{asset('assets/vendors/datatables/js/dataTables.colReorder.js') }}"></script>
<script type="text/javascript" src="{{asset('assets/vendors/datatables/js/dataTables.responsive.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/vendors/datatables/js/dataTables.rowReorder.js')}}"></script>
<script type="text/javascript" src="{{asset('assets/vendors/datatables/js/buttons.colVis.js') }}"></script>
<script type="text/javascript" src="{{asset('assets/vendors/datatables/js/buttons.html5.js') }}"></script>
<script type="text/javascript" src="{{asset('assets/vendors/datatables/js/buttons.bootstrap.js') }}"></script>
<script type="text/javascript" src="{{asset('assets/vendors/datatables/js/buttons.print.js') }}"></script>
<script type="text/javascript" src="{{asset('assets/vendors/datatables/js/dataTables.scroller.js')}}"></script>

<script src="{{asset('assets/vendors/mark.js/jquery.mark.js')}}" charset="UTF-8"></script>
<script src="{{asset('assets/vendors/datatablesmark.js/js/datatables.mark.min.js')}}" charset="UTF-8"></script>
<script src="{{asset('assets/js/custom_js/responsive_datatables.js')}}" type="text/javascript"></script>

<script>
"use strict";

$(document).ready(function () {
	$('#dimEntry').hide();
	$('#selectize-tags2').selectize({
        plugins: ['remove_button'],
        delimiter: ',',
        persist: false,
        create: function (input) {
            return {
                value: input,
                text: input
            }
        }
    });
	
	$("#select22").select2({
        theme: "bootstrap",
        placeholder: "Select Multiple Technicians"
    });
	
	//$('.locPrntItm').toggle();
	if( $('.locPrntItm').is(":visible") ) 
		$('.locPrntItm').toggle();
	
	$('#rMat').hide();
	
	$('#inlineradio1').change(function(){
		alert('Radio Box has been changed!');
	});
	$('#inlineradio2').change(function(){
		alert('Radio Box has been changed!');
	});
	
	var urlcode = "{{ url('itemmaster/checkcode/') }}";
	var urldesc = "{{ url('itemmaster/checkdesc/') }}";
    $('#frmItem').bootstrapValidator({
        fields: {
            item_code: { validators: { 
					notEmpty: { message: 'The item code is required and cannot be empty!' },
					remote: { url: urlcode,
							  data: function(validator) {
								return { item_code: validator.getFieldElements('item_code').val() };
							  },
							  message: 'The item code is not available'
                    }
                }
            },
			description: { validators: { notEmpty: { message: 'The description is required and cannot be empty!' },
										/*  remote: { url: urldesc,
												  data: function(validator) {
													return { description: validator.getFieldElements('description').val() };
												  },
												  message: 'The item description is not available'
										} */
							} 
			},
			item_class: { validators: { notEmpty: { message: 'The item class is required and cannot be empty!' } } },
			//group_id: { validators: { notEmpty: { message: 'The group name is required and cannot be empty!' } } },
			//category_id: { validators: { notEmpty: { message: 'The category name is required and cannot be empty!' } } },
			unit_1: { validators: { notEmpty: { message: 'The unit is required and cannot be empty!' } } },
			image: { validators: {
						file: {
							  extension: 'jpg,jpeg,png,gif',
							  type: 'image/jpg,image/jpeg,image/png,image/gif',
							  maxSize: 5*1024*1024,   // 5 MB
							  message: 'The selected file is not valid, it should be (jpg,jpeg,png,gif) and 5 MB at maximum.'
						}
					}
			}
          
        }
        
    }).on('reset', function (event) {
        $('#frmItem').data('bootstrapValidator').resetForm();
    });
});

$(function() {	
	
	$('.mfgItm').on('ifChecked', function(event){ 
		 if(this.value==1)
			 $('#rMat').show();
		 else
			 $('#rMat').hide();
     });
	
	$(document).on('change', '#unit_1', function(e) { 
		 $('#packing_1').val($("#unit_1 option:selected").text());      
     });
	
	 $(document).on('change', '#selvat_1', function(e) { 
		  $('#vat_1').val($("#selvat_1 option:selected").val()); 
		  $('#vat_2').val($("#selvat_1 option:selected").val());      		  
     });
	 $(document).on('change', '#selvat_2', function(e) { 
		  $('#vat_2').val($("#selvat_2 option:selected").val());      
     });
	 
	 $(document).on('change', '#unit_2', function(e) { //console.log( $(this).find("option:selected").text() );
		var title = $(this).find("option:selected").text();
		   $('#title_1').html('1 '+title+' ='); //$('#packing_2').val('1 '+$("#unit_2 option:selected").text()+' =');
		   $('#packing_22').val('1');
		   $('#title_12').html($("#unit_1 option:selected").text());
		    var qty = parseInt( $('#opn_qty_1').val() );
		   var ans = qty / 1;
		   $('#opn_qty_2').val(ans.toFixed(2));
		   var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
		  $('#opn_cost_2').val( ocost * 1 );
		   
			//var qty = parseInt( $('#opn_qty_1').val() );
			//var qty2 = parseInt( (qty=='')?'':$('#opn_qty_2').val()); 
     });
	 
	 $(document).on('change', '#unit_3', function(e) { 
		var title = $(this).find("option:selected").text();
		   $('#title_2').html('1 '+title+' ='); 
		   $('#packing_23').val('1');
		   $('#title_13').html($("#unit_1 option:selected").text());
		    var qty = parseInt( $('#opn_qty_1').val() );
		   var ans = qty / 1;
		   $('#opn_qty_3').val(ans.toFixed(2));
		   var ocost = parseInt( ($('#opn_cost_3').val()=='')?0:$('#opn_cost_3').val() );
		  $('#opn_cost_3').val( ocost * 1 );
		   
			
     });
	 
	 $(document).on('blur', '#packing_22', function(e) { 
		 var qty = parseInt( ($('#opn_qty_1').val()=='')?0:$('#opn_qty_1').val() );
		 var ans = qty / this.value; 
		 $('#opn_qty_2').val(ans.toFixed(2));
		 var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
		 $('#opn_cost_2').val( ocost * this.value );
			
     });
	 
	 $(document).on('blur', '#packing_23', function(e) { 
		 var qty = parseInt( ($('#opn_qty_1').val()=='')?0:$('#opn_qty_1').val() );
		 var ans = qty / this.value; 
		 $('#opn_qty_3').val(ans.toFixed(2));
		 var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
		 $('#opn_cost_3').val( ocost * this.value );
			
     });
	 
	 $(document).on('blur', '#opn_qty_1', function(e) {
		 var qty = parseInt( $('#opn_qty_1').val() );
		 var pkg = parseInt( ($('#packing_22').val()=='')? 0 : $('#packing_22').val() ); //console.log(pkg);
		 
		   if(pkg!='') {
			   var ans = qty / pkg;
			   $('#opn_qty_2').val(ans);//.toFixed(2)
			   var ocost = parseInt( $('#opn_cost_1').val() );
			   $('#opn_cost_2').val( ocost * pkg );
		   }
	 });
	 
	 $(document).on('blur', '#opn_cost_1', function(e) {
		 var ocost = parseInt( $('#opn_cost_1').val() );
		 var pkg = parseInt( $('#packing_22').val() );
		   $('#opn_cost_2').val( ocost * pkg );
	 });
	  /* $(document).on('blur', '.itemunit', function(e) { 
		console.log('hi '+this.value);
	  }); */
	  
	  $(document).on('click', '.loc-info', function(e) { 
	   e.preventDefault();
	   
		   var locUrl = "{{ url('location/get_loc') }}";
		   $('#locData_1').load(locUrl, function(result) {
			  $('#myModal').modal({show:true});
		   });
			
		   $('.locPrntItm').toggle();
    });
	 
	 $('input,select').keydown( function(e) {
        var key = e.charCode ? e.charCode : e.keyCode ? e.keyCode : 0;
        if(key == 13) {
            e.preventDefault();
            var inputs = $(this).closest('form').find(':input:visible');
            inputs.eq( inputs.index(this)+ 1 ).focus();
        }
    });
	
	var rowNum = 1;
	
	$(document).on('click', '.btn-add-item', function(e)  { 
        rowNum++; 
		e.preventDefault();
        var controlForm = $('.controls .itemdivPrnt'),
            currentEntry = $(this).parents('.itemdivChld:first'),
            newEntry = $(currentEntry.clone()).appendTo(controlForm);
			newEntry.find($('.line-unit')).attr('id', 'itmunt_' + rowNum); //input[type='select']
			newEntry.find($('input[name="item_id[]"]')).attr('id', 'itmid_' + rowNum);
			newEntry.find($('input[name="itemcode[]"]')).attr('id', 'itmcod_' + rowNum);
			newEntry.find($('input[name="item_name[]"]')).attr('id', 'itmdes_' + rowNum);
			newEntry.find($('input[name="quantity[]"]')).attr('id', 'itmqty_' + rowNum);
			newEntry.find($('input[name="cost[]"]')).attr('id', 'itmcst_' + rowNum);
			newEntry.find($('input[name="line_total[]"]')).attr('id', 'itmttl_' + rowNum);
			newEntry.find($('.item-data')).attr('id', 'itemData_' + rowNum);
			$('#locData_'+rowNum).html('');
			newEntry.find('input').val(''); 
			
			$('#packing_'+rowNum).val(1);
			
			//ROWCHNG
			controlForm.find('.btn-add-item:not(:last)').hide();
			controlForm.find('.btn-remove-item').show();
			
			$('#itmcod_'+rowNum).focus();
			
    }).on('click', '.btn-remove-item', function(e)
    { 
		//new change..
		$(this).parents('.itemdivChld:first').remove();
		
		//ROWCHNG
		$('.itemdivPrnt').find('.itemdivChld:last').find('.btn-add-item').show();
		if ( $('.itemdivPrnt').children().length == 1 ) {
			$('.itemdivPrnt').find('.btn-remove-item').hide();
		}
		
		e.preventDefault();
		return false;
	});
	
	//new change............
	var itmurl = "{{ url('itemmaster/item_data/') }}";
	$(document).on('click', 'input[name="itemcode[]"]', function(e) { 
		var res = this.id.split('_');
		var curNum = res[1]; 
		$('#item_data').load(itmurl+'/'+curNum, function(result){ //.modal-body item
			$('#myModal').modal({show:true}); $('.input-sm').focus()
		});
	});
	
	//new change............
	$(document).on('click', 'input[name="item_name[]"]', function(e) {
		var res = this.id.split('_');
		var curNum = res[1]; 
		$('#item_data').load(itmurl+'/'+curNum, function(result){ 
			$('#myModal').modal({show:true}); $('.input-sm').focus()
		});
	});
	
	$(document).on('click', '.itemRow', function(e) { 
		var num = $('#num').val();
		$('#itmcod_'+num).val( $(this).attr("data-code") );
		$('#itmid_'+num).val( $(this).attr("data-id") );
		$('#itmdes_'+num).val( $(this).attr("data-name") );
		
			var itm_id = $(this).attr("data-id")
			$.get("{{ url('purchase_order/getunit/') }}/" + itm_id, function(data) {
				$('#itmunt_'+num).find('option').remove().end();
				$.each(data, function(key, value) {   
				$('#itmunt_'+num).find('option').end()
				 .append($("<option></option>")
							.attr("value",value.id)
							.text(value.unit_name)); 
				});
			});
		
		getAutoPrice(num);
	});
	
	
});
	  
function getAutoPrice(curNum) {
		
	var item_id = $('#itmid_'+curNum).val();
	var unit_id = '';//$('#itmunt_'+curNum+' option:selected').val();
	
	$.ajax({
		url: "{{ url('itemmaster/get_cost_avg/') }}",
		type: 'get',
		data: 'item_id='+item_id+'&unit_id='+unit_id,
		success: function(data) { console.log(data);
			$('#itmcst_'+curNum).val((data==0)?'':data);
			$('#itmcst_'+curNum).focus();
			return true;
		}
	}); 
}

$(document).on('keyup blur', '.line-quantity', function(e) {
		
	var res = this.id.split('_');
	var curNum = res[1];
	var amt = parseFloat( ($('#itmcst_'+curNum).val()=='') ? 0 : $('#itmcst_'+curNum).val() );
	$('#itmttl_'+curNum).val((amt * this.value));
	
});

$(document).on('keyup blur', '.line-cost', function(e) {
		
	var res = this.id.split('_');
	var curNum = res[1];
	var qty = parseFloat( ($('#itmqty_'+curNum).val()=='') ? 0 : $('#itmqty_'+curNum).val() );
	$('#itmttl_'+curNum).val((qty * this.value));
	
});

$(document).on('keyup', '.locqty', function(e) {
	var itQty = 0;
	$('.locqty').each(function() { 
		itQty += parseFloat( (this.value=='')?0:this.value );
	});
	$('#opn_qty_1').val(itQty);
});

$(document).on('keyup', '#opn_qty_1', function(e) {
	$('.locqty').val('');
});

$(document).on('click','.addQty', function() {
	if($('#length').val()=='')
		alert('Length is required!');
	else if($('#weight').val()=='')
		alert('Weight is required!');
	else {
		var qty = $('#opn_qtyD_2').val() * $('#weight').val() * $('#length').val();
		$('#opn_qtyD_1').val(qty.toFixed(2));
		$('#itmWd').val($('#weight').val());
		$('#itmLt').val($('#length').val());
	}
})

$(document).on('change','#dimension', function() { 
	if($(this).val()==1) {
		$('#norEntry').hide()
		$('#dimEntry').show();
	}
})

$(document).on('change', '#unitD_1', function(e) { 
	$('#packingD_1').val($("#unitD_1 option:selected").text());      
});
</script>
@stop