@extends('admin.layout')
@section('content')
<style type="text/css">
	.required-mark {
		color: red;
	}
	hr {
		margin-left: 15px;
		margin-bottom:-3px;
	}
	.hr-primary {
		border: 1px solid #3c8dbc;
	}
	.bootstrap-select.btn-group .dropdown-menu li {
	    border-bottom: 1px solid #6c6c6cde;
	}
	.my-current	{
		color: #00c0ef;
	}
</style>
<div class="search-list">
	<div class="content-wrapper search-result-list"> 	
  <section class="content-header">
    <h1> {{ trans('Add Purchase Order') }} <small></small> </h1>
    <ol class="breadcrumb">
      <li><a href="{{ URL::to('admin/dashboard/this_month')}}"><i class="fa fa-dashboard"></i> {{ trans('labels.breadcrumb_dashboard') }}</a></li>
      <li class="active">{{ trans('Add Purchase Order') }}</li>
    </ol>
  </section>
  <section class="content"> 
	@php
		$getUserRoleData = userRoleData();
		$LeadSources		= explode(",",$getUserRoleData->LeadSources);
	@endphp

    <div class="row">
      <div class="col-md-12">
        <div class="box box-info"> 
          <div class="box-body">
            <div class="row">
              <div class="col-xs-12">
              		<div class="">                        
						<div class="row">
							@if(session()->has('message'))
								<div class="alert alert-success alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-check"></i> {{ trans('labels.Successlabel') }}</h4>
									{{ session()->get('message') }}
								</div>
							@endif
							@if(session()->has('error'))
								<div class="alert alert-warning alert-dismissible">
								   <button aria-hidden="true" data-dismiss="alert" class="close" type="button">×</button>
								   <h4><i class="icon fa fa-warning"></i> {{ trans('labels.WarningLabel') }}</h4>
									{{ session()->get('error') }}
								</div>
							@endif
						</div>
                         <div class="box-body">				 	
                        	{!! Form::open(array('url' => route('purchase-order.store'), 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'addNewLeadSources', 'enctype'=>'multipart/form-data')) !!}
                         	    <div class="row">
                                    <div class="col-md-12">
                                        <button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
                                        <a href="{{URL('admin/purchase-order')}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="company_id" class="control-label">{{ trans('Company Name') }}  <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                 {!! Form::select('company_id', $result['Company_info'], '', array('class'=>'form-control company_id', 'multiple'=>'', 'id'=>'company_id', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div>                  
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="format_no" class="control-label">{{ trans('Format No.') }}  <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('format_no',  'RHYSLEY/8.0/F/04', array('class'=>'form-control', 'id'=>'format_no', 'required'=>'required', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div>               
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="rev_number" class="control-label">{{ trans('Rev. No') }}  <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('rev_number',  '', array('class'=>'form-control', 'id'=>'rev_number', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div>      
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="issues_no" class="control-label">{{ trans('Issue No') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                
                                                {!! Form::text('issues_no', $issues_no, array('class'=>'form-control', 'id'=>'issues_no', 'required'=>'required', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div>       
                                    <div class="clearfix"></div>     
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="fqc_date" class="control-label">{{ trans('Date') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('fqc_date',  '17.04.2020', array('class'=>'form-control', 'id'=>'fqc_date', 'required'=>'required', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="date_desc" class="control-label">{{ trans('PO Date') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('date_desc', date('Y-m-d'), array('class'=>'form-control', 'id'=>'date_desc', 'readonly'=>'readonly', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="po" class="control-label">{{ trans('PO') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::text('po', '', array('class'=>'form-control', 'id'=>'po', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="mask_type_id" class="control-label">{{ trans('Suppliers') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-10 col-md-12">
                                                {!! Form::select('mask_type_id', $result['Suppliers'], '', array('class'=>'form-control mask_type_id', 'multiple'=>'', 'id'=>'mask_type_id', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div> 
                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <table class="table table-bordered table-striped">
                                            <tbody>
                                                <tr>
                                                    <th colspan="5">&nbsp;</th>
                                                    <th colspan="3" style="text-align: center;">Rate</th>
                                                    <th colspan="2">&nbsp;</th>
                                                </tr>
                                                <tr>
                                                    <th>SN</th>
                                                    <th width="10%">HSN Code</th>
                                                    <th width="20%">Material Specification</th>
                                                    <th width="10%">Unit</th>
                                                    <th width="10%">Qty.</th>
                                                    <th width="10%">Price</th>
                                                    <th width="10%">GST in %</th>
                                                    <th width="10%">GST Amount</th>
                                                    <th width="10%">Total</th>
                                                    <th width="5%">#</th>
                                                </tr>
                                                <tr class="fqc-report-data">
                                                    <td>1</td>
                                                    <td>                                                   
                                                       {!! Form::text('hsn_code[]', '', array('class'=>'form-control hsn_code', 'id'=>'hsn_code')) !!}
                                                    </td>
                                                    <td>
                                                        {!! Form::text('material_specification[]', '', array('class'=>'form-control material_specification', 'id'=>'material_specification', 'required'=>'required')) !!}
                                                    </td>
                                                    <td>
                                                        {!! Form::text('unit[]', '', array('class'=>'form-control unit', 'id'=>'unit', 'required'=>'required')) !!}
                                                    </td>
                                                    <td>
                                                         {!! Form::text('qty[]', '', array('class'=>'form-control qty a', 'id'=>'qty', 'min'=>'0', 'required'=>'required')) !!}
                                                    </td>
                                                    <td>
                                                         {!! Form::text('price[]', '', array('class'=>'form-control price a', 'id'=>'price', 'min'=>'0', 'required'=>'required')) !!}
                                                    </td>
                                                    <td>
                                                        {!! Form::text('gst_percent[]', '', array('class'=>'form-control gst_percent a', 'id'=>'gst_percent', 'min'=>'0', 'required'=>'required')) !!}
                                                    </td>
                                                    <td>
                                                        {!! Form::text('gst_amount[]', '', array('class'=>'form-control gst_amount a', 'id'=>'gst_amount', 'min'=>'0', 'required'=>'required', 'readonly'=>'readonly')) !!}
                                                    </td>
                                                    <td>
                                                        {!! Form::text('total_amount[]', '', array('class'=>'form-control total_amount a', 'id'=>'total_amount', 'min'=>'0', 'required'=>'required', 'readonly'=>'readonly')) !!}
                                                    </td>
                                                    <td>
                                                        <a href="javascript:void(0);" class="btn btn-primary btn-xs add-new"><i class="fa fa-plus"></i></a>
                                                        {{-- <a href="javascript:void(0);" class="btn btn-danger btn-xs remove-rows"><i class="fa fa-trash"></i></a> --}}
                                                    </td>
                                                </tr>                                            
                                                <tr>
                                                    <th colspan="7">&nbsp;</th>
                                                    <th style="text-align: right;">Grand Total</th>
                                                    <th colspan="2">
                                                        {!! Form::text('grand_total', '', array('class'=>'form-control grand_total', 'id'=>'grand_total', 'min'=>'0', 'required'=>'required', 'readonly'=>'readonly')) !!}
                                                    </th>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="col-md-12"><br>
                                        {!! Form::textarea('instruction', $result['Company_instructions']->instructions, array('class'=>'form-control instruction', 'id'=>'instruction', 'required'=>'required', 'rows'=>'6')) !!}
                                    </div>
                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <div class="box-footer text-center">
                                            <button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
                                            <a href="{{URL('admin/purchase-order')}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
                                        </div>
                                    </div>
                                </div>
                        	{!! Form::close() !!}	
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>
</div>
@endsection 
@section('scripts')
<script src="{!! asset('assets/admin/plugins/validate/jquery.validate.js') !!}"></script>
<script src="{!! asset('assets/admin/plugins/validate/additional-methods.js') !!}"></script>
<script src="{!! asset('assets/admin/dist/js/datetimepicker/jquery.datetimepicker.full.min.js') !!}"></script>
<link href="{!! asset('assets/admin/dist/js/datetimepicker/jquery.datetimepicker.min.css') !!}" rel="stylesheet" />
<script src="{!! asset('assets/admin/dist/js/ckeditor/adapters/jquery.js') !!}"></script>
<script type="text/javascript">
    var counTable = 2;
    $('body').on('keyup', ".a", function(e){
        var price = "0";
        var gst_percent = "0";
        var gst_amount = "0";   
        var total_amount = "0";   
        var qty = "1";
        $cur = $(this).closest(".fqc-report-data");        
        
        if($cur.find('.qty').val() != '' && $cur.find('.qty').val() >= 0) {
            qty = $cur.find('.qty').val();
        } else {
            qty = '1';
        }

        if($cur.find('.price').val() != '' && $cur.find('.price').val() >= 0) {
            var price = $cur.find('.price').val(); 
        } else {
            price = '0';
        }

        if($cur.find('.gst_percent').val() != '' && $cur.find('.gst_percent').val() >= 0) {
            var gst_percent = $cur.find('.gst_percent').val();  
        } else {
            gst_percent = '0';
        }

        if($cur.find('.gst_percent').val() != '' && $cur.find('.gst_percent').val() >= 0) {
            var gst_percent = $cur.find('.gst_percent').val(); 
        } else {
            gst_percent = '0';
        }

        gst_amount = parseFloat(qty)*((parseFloat(gst_percent)*parseFloat(price))/100);
        total_amount = parseFloat(total_amount) + parseFloat(gst_amount) + (parseFloat(qty)*parseFloat(price));
        $cur.find('.gst_amount').val(gst_amount.toFixed(2));
        $cur.find('.total_amount').val(total_amount.toFixed(2));
        totalVal();

        //$cur.find('.rejection_percent').val(parseFloat(rejection_percent).toFixed(2));
    });

    $(document).on('click', '.add-new', function(e) {
        $cur = $(this).closest(".fqc-report-data");
        //$cur.prev().find('.add-new').hide();
        $cur.find('.add-new').hide();
        $cur.find('.remove-rows').hide();
        //$cur = $(this).closest(".fqc-report-data").remove();         
        var addNewRows = '';
        addNewRows +='<tr class="fqc-report-data">';
        addNewRows +='<td>'+counTable+'</td>';
        addNewRows +='<td>';                                                   
        addNewRows +='<input class="form-control hsn_code" id="hsn_code" name="hsn_code[]" type="text" value="">';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<input class="form-control material_specification" id="material_specification" required="required" name="material_specification[]" type="text" value="">';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<input class="form-control unit" id="unit" required="required" name="unit[]" type="text" value="">';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<input class="form-control qty a" id="qty" min="0" required="required" name="qty[]" type="text" value="">';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<input class="form-control price a" id="price" min="0" required="required" name="price[]" type="text" value="">';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<input class="form-control gst_percent a" id="gst_percent" min="0" required="required" name="gst_percent[]" type="text" value="">';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<input class="form-control gst_amount a" id="gst_amount" min="0" required="required" readonly="readonly" name="gst_amount[]" type="text" value="">';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<input class="form-control total_amount a" id="total_amount" min="0" required="required" readonly="readonly" name="total_amount[]" type="text" value="">';
        addNewRows +='</td>';
        addNewRows +='<td>';
        addNewRows +='<a href="javascript:void(0);" class="btn btn-primary btn-xs add-new"><i class="fa fa-plus"></i></a>';
        addNewRows +='<a href="javascript:void(0);" class="btn btn-danger btn-xs remove-rows"><i class="fa fa-trash"></i></a>';
        addNewRows +='</td>';
        addNewRows +='</tr>';
        counTable = counTable+1;
        $(".fqc-report-data:last").after(addNewRows);
    });

    $(document).on('click', '.remove-rows', function(e) {
        $cur = $(this).closest(".fqc-report-data");
        $cur.prev().find('.add-new').show();
        $cur.prev().find('.remove-rows').show();
        $cur.remove();
        counTable = counTable-1;
        totalVal();
    });

    var role_id = {{ auth()->guard('admin')->user()->role_id }};
    if(role_id > 2) {
        var currentDate = "{{ date('Y-m-d') }}";
        var twoDaysPastDate = "{{ date('Y-m-d', strtotime(' - 3 day', strtotime(date('Y-m-d')))) }}";
    } else {
        var twoDaysPastDate = "1970-01-01";
        var currentDate = "2080-01-01";
    }

    function totalVal(){
        var ammount =  0; 
        $('.total_amount').each(function(e){
            ammount += parseFloat(this.value) || 0;
        });
        console.log(ammount);
        $('.grand_total').val(ammount);
    }

    $('body').on('change', '.total_amount', function(){
        totalVal();
    });

    

    //console.log('twoDaysPastDate',twoDaysPastDate);
    // console.log('role_id',role_id);
    // $('#fqc_date').datetimepicker({
    //     format:'Y-m-d',
    //     closeOnDateSelect:true,
    //     minDate:twoDaysPastDate,
    //     maxDate:currentDate,
    //     timepicker:false
    // });
    $('#date_desc').datetimepicker({
        format:'Y-m-d',
        closeOnDateSelect:true,
        minDate:twoDaysPastDate,
        maxDate:currentDate,
        timepicker:false
    });

    $(function () { 

        $( '#instruction' ).ckeditor();

        $(".company_id").select2({
            placeholder: "--- Choose ---",
            maximumSelectionLength: 1,
            formatSelectionTooBig: function (limit) {
                return 'Too many selected items';
            },
        }).on("select2:select", function (e) {
           
        }).on('select2:unselect', function (e) {
            
        });

        $(".mask_type_id").select2({
            placeholder: "--- Choose ---",
            maximumSelectionLength: 1,
            formatSelectionTooBig: function (limit) {
                return 'Too many selected items';
            },
        }).on("select2:select", function (e) {
           
        }).on('select2:unselect', function (e) {
            
        });

        // $(".check_point_id").select2({
        //     placeholder: "--- Choose ---",
        //     maximumSelectionLength: 1,
        //     formatSelectionTooBig: function (limit) {
        //         return 'Too many selected items';
        //     },
        // }).on("select2:select", function (e) {
           
        // }).on('select2:unselect', function (e) {
            
        // });
    });
	
	// Alphabets Only
	$.validator.addMethod("alpha", function(value, element) {
		return this.optional(element) || value == value.match(/^[a-zA-Z\s]+$/);
	});	
    
    // Numeric Only
    $.validator.addMethod("numericData", function(value, element) {
        return this.optional(element) || value == value.match(/^[0-9]+$/);
    }); 
	
	// Password Check
	$.validator.addMethod("pwcheck", function(value) {
		return /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[#?!@$%^&*-]).{6,16}$/.test(value) // consists of only these
	});
	
	// Email Check
	$.validator.addMethod("email", function(value) {
		return /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(value) // consists of only these
	});
	
	// File Size Validation
	jQuery.validator.addMethod("filesize_max", function(value, element, param) {
		var isOptional = this.optional(element),
			file;

		if(isOptional) {
			return isOptional;
		}
		if ($(element).attr("type") === "file") {

			if (element.files && element.files.length) {

				file = element.files[0];            
				return ( file.size && file.size <= param ); 
			}
		}
		return false;
	}, "File size is too large.");
	
	$( "#addNewLeadSources" ).validate( {
			rules: {				
				company_id: {
					required: true,
				},              
                format_no: {
                    required: true,
                },              
                rev_number: {
                    required: true,
                    numericData: true,
                },              
                po: {
                    required: true,
                },             
                mask_type_id: {
                    required: true,
                },             
                'total[]': {
                    required: true,
                },             
                'accepted[]': {
                    required: true,
                },             
                'rejected[]': {
                    required: true,
                },
			},
			messages: {
				company_id: {
					required: "Please select company name",
				},
                format_no: {
                    required: "Please enter format no",
                },
                rev_number: {
                    required: "Please enter rev. no",
                    numericData: "Please enter rev. no digt only",
                },
                po: {
                    required: "Please enter po",
                },
                mask_type_id: {
                    required: "Please enter mask type",
                },
                'total[]': {
                    required: "Please enter total",
                },
                'accepted[]': {
                    required: "Please enter accepted",
                },
                'rejected[]': {
                    required: "Please enter rejected",
                },
			},
			errorElement: "em",
			errorPlacement: function ( error, element ) {
				// Add the `help-block` class to the error element
				error.addClass( "help-block" );

				// Add `has-feedback` class to the parent div.form-group
				// in order to add icons to inputs
				element.parents( ".col-sm-5" ).addClass( "has-feedback" );

				if ( element.prop( "type" ) === "checkbox" ) {
					error.insertAfter( element.parent( "label" ) );
				} else {
					error.insertAfter( element );
				}

				// Add the span element, if doesn't exists, and apply the icon classes to it.
				if ( !element.next( "span" )[ 0 ] ) {
					$( "<span class='glyphicon glyphicon-remove form-control-feedback'></span>" ).insertAfter( element );
				}
			},
			success: function ( label, element ) {
				// Add the span element, if doesn't exists, and apply the icon classes to it.
				if ( !$( element ).next( "span" )[ 0 ] ) {
					$( "<span class='glyphicon glyphicon-ok form-control-feedback'></span>" ).insertAfter( $( element ) );
				}
			},
			highlight: function ( element, errorClass, validClass ) {
				$( element ).parents( ".col-sm-5" ).addClass( "has-error" ).removeClass( "has-success" );
				$( element ).next( "span" ).addClass( "glyphicon-remove" ).removeClass( "glyphicon-ok" );
			},
			unhighlight: function ( element, errorClass, validClass ) {
				$( element ).parents( ".col-sm-5" ).addClass( "has-success" ).removeClass( "has-error" );
				$( element ).next( "span" ).addClass( "glyphicon-ok" ).removeClass( "glyphicon-remove" );
			}
		} );	
</script>
@endsection