@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')}}">
        <!--end of page level 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.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')}}">
@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">
                    Edit
                </li>
            </ol>
        </section>
        <!--section ends-->
        <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> Edit 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/update/'.$itemrow->id) }}">
                                <input type="hidden" name="_token" value="{{ csrf_token() }}">
								<input type="hidden" name="item_id" value="{{ $itemrow->id }}">
								<input type="hidden" name="fromurl" value="{{ $fromurl }}">
								<input type="hidden" name="formd" id="formd" value="{{$formdata['simple_entry']}}">

								<input type="hidden" name="itmHt" id="itmHt" value="{{ $itemrow->itmHt }}">
								<input type="hidden" name="itmWd" id="itmWd" value="{{ $itemrow->itmWd }}">
								<input type="hidden" name="itmLt" id="itmLt" value="{{ $itemrow->itmLt }}">

                                <input type="hidden" name="mpqty" id="mpqty" value="{{ $itemrow->mpqty }}">
								<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="item_code" name="item_code" value="{{ $itemrow->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="description" name="description" value="{{ $itemrow->description }}">
                                    </div>
                                </div>
                                
                                <div class="form-group">
                                  <font color="#16A085">  <label for="input-text" class="col-sm-2 control-label"><b>وصف السلعة</b></label></font>
                                    <div class="col-sm-10">
                                        <input type="text" class="form-control" id="descriptionar" name="descriptionar" value="{{ $itemrow->description_ar }}">
                                    </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">
											@if($itemrow->class_id==1)
											{{--*/ $sel1 = "selected";
													$sel2="";
											/*--}}
											@else
											{{--*/ $sel2 = "selected";
												$sel1="";
											/*--}}	
											@endif
											<option value="1" {{ $sel1 }}>Stock</option>
											<option value="2" {{ $sel2 }}>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" {{($itemrow->dimension==0)?'selected':''}}>No</option>
											<option value="1" {{($itemrow->dimension==1)?'selected':''}}>Yes</option>
                                        </select>
                                    </div>
                                </div>

								<hr/>
																<div id="norEntry">
								<table id="user" class="table table-bordered table-striped m-t-10">
										<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(Retail)</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" style="width:100%;background:#87CEFA" name="unit[]">
													<option value="">Base</option>
													@foreach ($units as $unit)
													<option value="{{ $unit['id'] }}" selected>{{ $unit['unit_name'] }}</option>
													@endforeach
												</select>
												<input type="hidden" name="item_unit_id[]" id="item_unit_id_1" class="form-control" value="{{ $itemunits[0]->id }}">
											</td>
											<td><input type="hidden" name="pkno[]" id="pkno_1" value="1">
												<input type="text" name="packing[]" id="packing_1" class="form-control" value="{{ $itemunits[0]->packing }}" readonly placeholder="Packing">
											</td>
											<td>
												<input type="hidden" name="opn_quantity_cur[]" id="opn_qty_cur_1" value="{{ $itemunits[0]->opn_quantity }}">
												<input type="number" name="opn_quantity[]" step="any" id="opn_qty_1" class="form-control" value="{{ $itemunits[0]->opn_quantity }}" placeholder="Open Qty.">
											</td>
											<td>
												<input type="number" step="any" name="opn_cost[]" id="opn_cost_1" class="form-control" value="{{ $itemunits[0]->opn_cost }}" placeholder="Open Cost">
											</td>
											<td>
												<input type="number" step="any" name="sell_price[]" id="sell_price_1" class="form-control" value="{{ $itemunits[0]->sell_price }}" placeholder="S.Price(Retail)">
											</td>
											<td>
												<input type="number" step="any" name="wsale_price[]" id="wsale_price_1" class="form-control" value="{{ $itemunits[0]->wsale_price }}" placeholder="S.Price(WS)">
											</td>
											<td>
												<input type="number" name="min_quantity[]" id="min_quantity_1" class="form-control" value="{{ $itemunits[0]->min_quantity }}" placeholder="Min.Qty.">
											</td>
											<td>
												<input type="number" name="reorder_level[]" id="reorder_level_1" class="form-control" value="{{ $itemunits[0]->reorder_level }}" placeholder="Reord. Level">
											</td>
											<td>
												<input type="hidden" name="vat[]" id="vat_1" class="form-control" value="{{ $itemunits[0]->vat }}">
												<select id="selvat_1" class="form-control select2 itemunit" style="width:100%;background:#87CEFA" name="selvat[]">
													<option value="">VAT%</option>
													@foreach ($vats as $vat)
													<option value="{{ $vat['percentage'] }}" selected>{{ $vat['name'] }}</option>
													@endforeach
												</select>
											</td>
											
										</tr>
										
																				
																				
										</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_d[]" >
													<option value="">Unit</option>
													@foreach ($units as $unit)
													<option value="{{ $unit['id'] }}" selected>{{ $unit['unit_name'] }}</option>
													@endforeach
												</select>
												<input type="hidden" name="packing_d[]" id="packingD_1" value="{{ $itemunits[0]->packing }}" class="form-control" readonly>
											</td>

											<td>
											<select id="unitD_2" class="form-control select2 itemunitD" style="width:100%" name="unit_d[]">
													<option value="">P1</option>
													@foreach ($units as $unit)
													<option value="{{ $unit['id'] }}" >{{ $unit['unit_name'] }}</option>
													@endforeach
												</select>
												<input type="hidden" name="packing_d[]" id="packingD_22" style="width:40%;float:left;" class="form-control itemunit">
											</td>

											<td>
												<input type="hidden" name="opn_quantity_d[]" id="opn_qtyD_1" >
												<input type="number" name="opn_quantity_d[]" step="any" id="opn_qtyD_2" value="{{isset($itemunits[1])?$itemunits[1]->opn_quantity:''}}" class="form-control itemunit" >
											</td>

											<td>
												<button type="button" class="btn btn-success btn-xs" data-toggle="modal" data-target="#editqty_modal">Dimension</button>
											</td>

											<td>
												<input type="number" id="opn_qtyD" step="any" class="form-control" readonly value="{{ $itemunits[0]->opn_quantity }}">
											</td>
											<td>
												<input type="number" step="any" name="opn_cost_d[]" id="opn_costD_1" class="form-control" value="{{ $itemunits[0]->opn_cost }}">
												<input type="hidden" name="opn_cost_d[]" id="opn_costD_2" class="form-control" >
											</td>
											
											<td>
												<input type="hidden" step="any" type="text" name="vat_d[]" id="vat_1" class="form-control itemunit" >
												<select id="selvat_1" class="form-control select2 itemunit" style="width:100%;background:#87CEFA" name="selvat_d[]">
													@foreach ($vats as $vat)
													<option value="{{ $vat['percentage'] }}" default>{{ $vat['name'] }}</option>
													@endforeach
													<option value="">NULL</option>
												</select>
												<input type="hidden" step="any" type="text" name="vat_d[]" id="vat_2" class="form-control itemunit" >
												<input type="hidden" step="any" type="text" name="selvat_d[]" class="form-control itemunit" >
											</td>
										</tr>
										</tbody>
									</table>
									</div>


                                   										
							
								
								<hr/>
								
								<input type="hidden" id="profit_per" name="profit_per">
								<!--<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" value="{{$itemrow->profit_per}}" placeholder="Profit%">
                                    </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="current_image" id="current_image">
																
																<input type="hidden" name="supersede[]" id="supersede">
																
																<hr/>
								@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="{{$itemrow->bin_location}}" name="bin_location">
                                    </div>
                                </div>
								@endif
                                <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><br/>
										
                                    </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">Dimension</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" value="{{ $itemrow->itmLt }}">
								</div>
							</div>

							<div class="form-group">
								<label for="input-text" class="col-sm-2 control-label">Width</label>
								<div class="col-sm-3">
									<input type="text" class="form-control" id="weight" autocomplete="off" value="{{ $itemrow->itmWd }}">
								</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>

			<div id="bin_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 Bin Location</h4>
						</div>
						<div class="modal-body" id="bin_data">
						</div>
						<div class="modal-footer">
							<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 () {
    
	
	@if($itemrow->dimension==1)
		$('#norEntry').hide()
		$('#dimEntry').show();
	@else
		$('#norEntry').show()
		$('#sEntry').show()
		$('#dimEntry').hide();
	@endif
    
        @if($itemrow->assembly==1)
		  $('#rMat').show();
		@else
		$('#rMat').hide();
		@endif
    
   
	$('#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"
    });
	
			if( $('.locPrntItm').is(":hidden") ) 
		$('.locPrntItm').toggle();
	
	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(),
										 id: validator.getFieldElements('item_id').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(),
															 id: validator.getFieldElements('item_id').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('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();
    });
	
	
	$(document).on('change', '#unit_2', function(e) { //console.log( $(this).find("option:selected").text() );
		var title = $(this).find("option:selected").text();
		   $('#title_1').html(title+' ='); //$('#packing_2').val('1 '+$("#unit_2 option:selected").text()+' =');
		   $('#packing_22').val('1');
		   $('#title_12').html($("#unit_1 option:selected").text());
		   var pkno = parseInt($('#pkno_22').val());
		   var qty = parseInt( $('#opn_qty_1').val() );
		   var ans = (qty / 1)/pkno;
		   $('#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()); 
     });

	 //24JN24
	 $(document).on('change', '#unit_3', function(e) { 
		var title = $(this).find("option:selected").text();
		   $('#title_2').html(title+' ='); //$('#title_2').html('1 '+$("#unit_1 option:selected").text()+' =');  
		   $('#packing_23').val('1');
		   $('#title_13').html($("#unit_1 option:selected").text()); //$('#title_13').html(title);
		    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 );
			
     });
	 
	 //24JN24
	 $(document).on('blur', '#packing_22,#pkno_22', function(e) { 
		 var qty = parseInt( ($('#opn_qty_1').val()=='')?0:$('#opn_qty_1').val() );
		 var pkno = parseFloat($('#pkno_22').val());
		 var pkng = parseFloat($('#packing_22').val());
		if(($('#unit_2 option:selected').text()).toUpperCase()=='PCS') {
			var ans = (qty * pkno); 
			var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
		 	$('#opn_cost_2').val( (ocost/(pkno*pkng)).toFixed(2) );
		} else {
			var ans = (qty / (pkno * pkng)); 
			var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
			 $('#opn_cost_2').val( (ocost * pkno * pkng).toFixed(2) );
		}
		 
		 $('#opn_qty_2').val(ans.toFixed(2));

		 var ocost3 = parseInt( ($('#packing_23').val()=='')?0:$('#packing_23').val() );
		 //$('#opn_cost_3').val( (ocost / ocost3).toFixed(2) );
		 //$('#opn_cost_2').val( $('#opn_cost_1').val() );
			
     });
	 
	 //24JN24
	 $(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 pkno = parseInt( $('#pkno_22').val() );

			   if(($('#unit_2 option:selected').text()).toUpperCase()=='PCS') {
					var ans = (qty * pkno); 
					var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
		 			$('#opn_cost_2').val( (ocost/(pkno*pkg)).toFixed(2) );
				} else {
					var ans = (qty / (pkno * pkg)); 
					var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
			 		$('#opn_cost_2').val( (ocost * pkno * pkg).toFixed(2) );
				}
			  
			   $('#opn_qty_2').val(ans);
			   //$('#opn_cost_2').val( $('#opn_cost_1').val() );

			   var ocost3 = parseInt( ($('#packing_23').val()=='')?0:$('#packing_23').val() );
			    //$('#opn_cost_3').val( (ocost / ocost3).toFixed(2) );
			    
			    var qty = parseInt( ($('#opn_qty_1').val()=='')?0:$('#opn_qty_1').val() );
			    var pkg3 = $('#packing_23').val();
				var pkno3 = parseInt( $('#pkno_23').val() );

				if(($('#unit_3 option:selected').text()).toUpperCase()=='PCS') {
					var ans = (qty * pkno3); 
					var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
					$('#opn_cost_3').val( (ocost/(pkno3*pkg3)).toFixed(2) );
				} else {
					var ans = (qty / (pkno3 * pkg3)); 
					var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
			 		$('#opn_cost_3').val( (ocost * pkno3 * pkg3).toFixed(2) );
				}
        		 $('#opn_qty_3').val(ans.toFixed(2));
				// $('#opn_cost_3').val( $('#opn_cost_1').val() );
		   }
	 });
	 
	 $(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 );

		   var ocost3 = parseInt( ($('#packing_23').val()=='')?0:$('#packing_23').val() );
		   $('#opn_cost_3').val( (ocost / ocost3).toFixed(2) );

		var qty = parseInt( ($('#opn_qty_1').val()=='')?0:$('#opn_qty_1').val() );
		var pkno = parseFloat($('#pkno_22').val());
		var pkng = parseFloat($('#packing_22').val());
		if(($('#unit_2 option:selected').text()).toUpperCase()=='PCS') {
			var ans = (qty * pkno); 
			var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
		 	$('#opn_cost_2').val( (ocost/(pkno*pkng)).toFixed(2) ); console.log('log '+ocost+'/'+pkno+'*'+pkng);
		} else {
			var ans = (qty / (pkno * pkng)); 
			var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
			 $('#opn_cost_2').val( (ocost * pkno * pkng).toFixed(2) );
		}


		var qty = parseInt( ($('#opn_qty_1').val()=='')?0:$('#opn_qty_1').val() );
		 var pkno = parseInt($('#pkno_23').val());
		 var pkng = parseFloat($('#packing_23').val());
		 if(($('#unit_3 option:selected').text()).toUpperCase()=='PCS') {
			var ans = (qty * pkno); 
			var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
			$('#opn_cost_3').val( (ocost/(pkno*pkng)).toFixed(2) );
		 } else {
			var ans = (qty / (pkno * pkng)); 
			var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
			 $('#opn_cost_3').val( (ocost * pkno * pkng).toFixed(2) );
		 }
		 
		 $('#opn_qty_3').val(ans.toFixed(2));

	 });
	 
	 $(document).on('blur', '#packing_23,#pkno_23', function(e) { 
		 var qty = parseInt( ($('#opn_qty_1').val()=='')?0:$('#opn_qty_1').val() );
		 var pkno = parseInt($('#pkno_23').val());
		 var pkng = parseFloat($('#packing_23').val());
		 if(($('#unit_3 option:selected').text()).toUpperCase()=='PCS') {
			var ans = (qty * pkno); 
			var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
			$('#opn_cost_3').val( (ocost/(pkno*pkng)).toFixed(2) );
		 } else {
			var ans = (qty / (pkno * pkng)); 
			var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
			 $('#opn_cost_3').val( (ocost * pkno * pkng).toFixed(2) );
		 }
		 
		 $('#opn_qty_3').val(ans.toFixed(2));

		 var ocost = parseInt( ($('#opn_cost_1').val()=='')?0:$('#opn_cost_1').val() );
		// $('#opn_cost_3').val( $('#opn_cost_1').val() );  //$('#opn_cost_3').val( ocost * this.value );
			
     });
     
	  /* $(document).on('blur', '.itemunit', function(e) { 
		console.log('hi '+this.value);
	  }); */
	  
	  $('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 = $('#rowNum').val();
	
	$(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);
			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);
			newEntry.find($('input[name="row_id[]"]')).attr('id', 'rowid_' + 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)
    { 
		var res = $(this).attr('data-id').split('_');
		var curNum = res[1]; var ids;
		
		var remitem = $('#remitem').val();
		ids = (remitem=='')?$('#rowid_'+curNum).val():remitem+','+$('#rowid_'+curNum).val();
		$('#remitem').val(ids);
		
		//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 = '';
	
	$.ajax({
		url: "{{ url('itemmaster/get_cost_avg/') }}", //get_cost_sale
		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));
		$('#opn_qtyD').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();
	} else {
		$('#norEntry').show()
		$('#sEntry').show()
		$('#dimEntry').hide();
	} 
})

$(document).on('change', '#unitD_1', function(e) { 
	$('#packingD_1').val($("#unitD_1 option:selected").text());      
});

$(document).on('blur', '#sell_price_1', function(e) {

	var price =  $('#sell_price_1').val() ;
	var qty = parseInt( ($('#opn_qty_1').val()=='')?0:$('#opn_qty_1').val() );
	var pkno = parseFloat($('#pkno_22').val());
	var pkng = parseFloat($('#packing_22').val());
	if(($('#unit_2 option:selected').text()).toUpperCase()=='PCS') {
		$('#sell_price_2').val( (price/(pkno*pkng)).toFixed(2) );
	} else {
		$('#sell_price_2').val( (price * pkno * pkng).toFixed(2) );
	}

	var pkno3 = parseInt($('#pkno_23').val());
	var pkng3 = parseFloat($('#packing_23').val());
	if(($('#unit_3 option:selected').text()).toUpperCase()=='PCS') {
		$('#sell_price_3').val( (price/(pkno3*pkng3)).toFixed(2) );
	} else {
		$('#sell_price_3').val( (price * pkno3 * pkng3).toFixed(2) );
	}
	
 });

 
$(document).on('blur', '#wsale_price_1', function(e) {

	var price =  $('#wsale_price_1').val() ;
	var qty = parseInt( ($('#opn_qty_1').val()=='')?0:$('#opn_qty_1').val() );
	var pkno = parseFloat($('#pkno_22').val());
	var pkng = parseFloat($('#packing_22').val());
	if(($('#unit_2 option:selected').text()).toUpperCase()=='PCS') {
		$('#wsale_price_2').val( (price/(pkno*pkng)).toFixed(2) );
	} else {
		$('#wsale_price_2').val( (price * pkno * pkng).toFixed(2) );
	}

	var pkno3 = parseInt($('#pkno_23').val());
	var pkng3 = parseFloat($('#packing_23').val());
	if(($('#unit_3 option:selected').text()).toUpperCase()=='PCS') {
		$('#wsale_price_3').val( (price/(pkno3*pkng3)).toFixed(2) );
	} else {
		$('#wsale_price_3').val( (price * pkno3 * pkng3).toFixed(2) );
	}
	
});

var binurl = "{{ url('location/bin_data/') }}";
$(document).on('click', 'input[name="bin[]"]', function(e) {
	var res = this.id.split('_');
	var curNum = res[1]; 
	$('#bin_data').load(binurl+'/'+curNum, function(result){ 
		$('#myModal').modal({show:true}); 
	});
});

$(document).on('click', '.binRow', function(e) {
	var num = $('#num').val(); 
	$('#bin_'+num).val( $(this).attr("data-code") );
	$('#binid_'+num).val( $(this).attr("data-id") );
	e.preventDefault();
});

</script>
@stop