@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 }}">
								<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>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">
																
								<hr/>
																<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="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>
																
								<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/>
								
								<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>
								
                                <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>
       
            <!--main content-->
            <!-- row -->
        @include('layouts.right_sidebar')
        <!-- right side bar end -->
        </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 () {
	
	$('#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"
    });
	
	$('#rMat').hide();	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('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('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', '#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);
	  }); */
	  
	  $('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('');
});

</script>
@stop