@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;
    }
    .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .open>.dropdown-toggle.datepicker table tr td.active, .open>.dropdown-toggle.datepicker table tr td.active.highlighted {
    color: #fff;
        background-color: #007bff;
    border:none;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    background: rgba(0, 0, 0, 0.08);
    color: #444;
    cursor: default;
    border: 2px solid #fbfbfb;
}
.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
    background: rgba(0, 0, 0, 0.08);
    color: #444;
    cursor: default;
    border: 2px solid #fbfbfb;
}
#watermarked::before {
    position: fixed;
    top: -75%;
    left: -75%;
    display: block;
    width: 300%;
    height: 300%;
    transform: rotate(-45deg);
    content: attr(data-watermark);
    font-size: 30px;
    opacity: 0.15;
    line-height: 4em;
    letter-spacing: 2px;
    color: #ff0523;
    z-index:0;
    }
    .content-wrapper, .right-side{
        background: #FFF;
    }
    .box {
        background: transparent;
        z-index: 1; 
    }
</style>
<div class="search-list">
    <div class="content-wrapper search-result-list">    
  <section class="content-header">
    <h1> {{ trans('Add production') }} <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 production') }}</li>
    </ol>
  </section>
  <section class="content"> 
    @php
        $getUserRoleData = userRoleData();
        $inventorys     = explode(",",$getUserRoleData->inventory);
    @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 ($errors->any())
                                <div class="alert alert-danger">
                                    <strong>Whoops!</strong> Please correct the error
                                    <br />
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            {{-- {{dd($errors->all())}} --}}
                            @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">                                                                 
                            {{-- @if(in_array("Add", $inventorys))  --}}              
                            {!! Form::open(array('url' => route('mask-production-report.store'), 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'addNewLeadSources', 'enctype'=>'multipart/form-data')) !!}
                                <input type="hidden" name="machines_id" id="machines_id" value="">
                                <input type="hidden" name="operators_id" id="operators_id" value="">
                                <div class="row">
                                    <div class="col-md-12">
                                        <button type="submit" class="btn btn-primary">{{ trans('Submit') }}</button>
                                        <a href="{{URL('admin/mask-production-report')}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="machines" class="control-label">{{ trans('Machines ID') }} <span class="required-mark">*</span> </label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">              
                                                {!! Form::text('machines', '', array('class'=>'form-control typeahead', 'id'=>'machines', 'autocomplete'=>'off')) !!}
                                            </div>
                                        </div>
                                    </div>       
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="order_id" class="control-label">{{ trans('Order ID') }} <span class="required-mark">*</span> </label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">
                                                {!! Form::text('order_id', '', array('class'=>'form-control', 'id'=>'order_id')) !!}
                                            </div>
                                        </div>
                                    </div>          
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="operator_name" class="control-label">{{ trans('Operator Name') }} <span class="required-mark">*</span> </label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">
                                                {!! Form::text('operator_name', '', array('class'=>'form-control operator_name', 'id'=>'operator_name', 'autocomplete'=>'off')) !!}
                                            </div>
                                        </div>
                                    </div>         
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="quantity_acccepted" class="control-label">{{ trans('Acccepted Quantity') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">
                                                {!! Form::text('quantity_acccepted', '', array('class'=>'form-control', 'id'=>'quantity_acccepted', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div>        
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="quantity_rejected" class="control-label">{{ trans('Rejected Quantity ') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">
                                                {!! Form::text('quantity_rejected', '', array('class'=>'form-control', 'id'=>'quantity_rejected', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div>    
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="units" class="control-label">{{ trans('Units') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">
                                                {!!Form::select('units', $result['unitsData'], '', ['class' => 'form-control', 'id'=>'units', 'required'=>'required'])!!}
                                            </div>
                                        </div>
                                    </div>                                 
                                    <div class="clearfix"></div>             
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="stock_date" class="control-label">{{ trans('Date') }} </label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">              
                                                {!! Form::text('stock_date', date('Y-m-d'), array('class'=>'form-control', 'id'=>'stock_date', 'autocomplete'=>'off', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div>      
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="machines_start_time" class="control-label">{{ trans('Start Time') }} </label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">              
                                                {!! Form::text('machines_start_time', date('H:i'), array('class'=>'form-control', 'id'=>'machines_start_time')) !!}
                                            </div>
                                        </div>
                                    </div>       
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="stock_to_date" class="control-label">{{ trans('End Date') }} </label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">              
                                                {!! Form::text('stock_to_date', date('Y-m-d'), array('class'=>'form-control', 'id'=>'stock_to_date', 'autocomplete'=>'off', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div>       
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="machines_end_time" class="control-label">{{ trans('End Time') }} </label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">              
                                                {!! Form::text('machines_end_time', date('H:i',strtotime('+8 hour',strtotime(date('Y-m-d H:i')))), array('class'=>'form-control', 'id'=>'machines_end_time')) !!}
                                            </div>
                                        </div>
                                    </div>        
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="machines_down_time" class="control-label">{{ trans('Down Time (in Minutes)') }} </label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">              
                                                {!! Form::text('machines_down_time', '', array('class'=>'form-control', 'id'=>'machines_down_time')) !!}
                                            </div>
                                        </div>
                                    </div>       
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="total_quantity" class="control-label">{{ trans('Total Quantity') }} </label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">              
                                                {!! Form::text('total_quantity', '', array('class'=>'form-control', 'id'=>'total_quantity', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div>                                 
                                    <div class="clearfix"></div>     
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="rejection_percent" class="control-label">{{ trans('Rejection %') }} </label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">              
                                                {!! Form::text('rejection_percent', '', array('class'=>'form-control', 'id'=>'rejection_percent', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div>                                
                                    <div class="clearfix"></div>
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="comments" class="control-label">{{ trans('Comments') }}</label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">
                                                {!!Form::textarea('comments', '', ['class' => 'form-control', 'id'=>'comments', 'rows'=>'2'])!!}
                                            </div>
                                        </div>
                                    </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/mask-production-report')}}" type="button" class="btn btn-primary">{{ trans('labels.back') }}</a>
                                        </div>
                                    </div>
                                </div>
                            {!! Form::close() !!}   
                            {{-- @else
                                <p> <strong>Please contact with SuperAdmin</strong></p>
                            @endif  --}}                           
                      </div>
                  </div>
              </div>
            </div>
          </div>
        </div>

        <div id="watermarked" data-watermark="{{ auth()->guard('admin')->user()->first_name }} {{ auth()->guard('admin')->user()->last_name }}" class="row listing">        
        </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="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.1/bootstrap3-typeahead.min.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>
    document.querySelectorAll('#watermarked').forEach(function(el) {
              el.dataset.watermark = (el.dataset.watermark + ' ').repeat(500);
          });
  </script>
<script type="text/javascript">  

    /*$.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
    }); */ 
    
    // Alphabets Only
    $.validator.addMethod("alpha", function(value, element) {
        return this.optional(element) || value == value.match(/^[a-zA-Z0-9\s/]+$/);
    });  
    
    // Alphabets Only
    $.validator.addMethod("alphanumwithspace", function(value, element) {
        return this.optional(element) || value == value.match(/^[a-zA-Z0-9-_\s]+$/);
    }); 

    // Alphabets Numeric Only
    $.validator.addMethod("alphanum", function(value, element) {
        return this.optional(element) || value == value.match(/^[a-zA-Z0-9\s]+$/);
    }, "Please enter valid ordre ID in alphanumeric only. Special character not be allowed"); 
    
    // 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
    });
    
    $.validator.addMethod("time24", function(value, element) {
        if ($('#machines_start_time').val() != '' || $('#machines_end_time').val() != '' ) {            
                if (!/^\d{2}:\d{2}$/.test(value)) return false;
                var parts = value.split(':');
                if (parts[0] > 23 || parts[1] > 59) return false;
                return true;            
        } else {
            return true;
        }
    }, "Invalid time format." );

    $.validator.addMethod("stockDate", function(value, element) { 
        
        if (($('#machines_start_time').val() != '' || $('#machines_end_time').val() != '') &&  $('#stock_date').val() == '') {            
            return false;
        } else {
            return true;
        }
    }, "Please enter date" );

    $.validator.addMethod("downTime", function(value, element) { 
        
        if (($('#machines_start_time').val() == '' || $('#machines_end_time').val() == '') && $('#machines_down_time').val() == '') {            
            return false;
        } else {
            return true;
        }
    }, "Please enter down time in Hrs" );

    $.validator.addMethod("machinesID", function(value, element) {         
        if($('#machines_id').val() == '') {            
            return false;
        } else {
            return true;
        }
        return true;
    }, "Machine ID does not exist" );

    $.validator.addMethod("operatorsID", function(value, element) {         
        if($('#operators_id').val() == '') {            
            return false;
        } else {
            return true;
        }
        return true;
    }, "Operator name does not exist" );

    $.validator.addMethod('greaterAddRem', function(value, element) {
            if ($('#machines_start_time').val() != '' || $('#machines_end_time').val() != '' ) {
                var dateFrom = new Date($("#stock_date").val() + ' ' + $("#machines_start_time").val()).toLocaleString("en-US", {timeZone: "Asia/Kolkata"});
               
                var dateTo = new Date($("#stock_to_date").val() + ' ' + $("#machines_end_time").val()).toLocaleString("en-US", {timeZone: "Asia/Kolkata"});
                
                //console.log("dateFrom===>", Date.parse(dateFrom));
                //console.log("dateTo===>", Date.parse(dateTo));
                return Date.parse(dateFrom) < Date.parse(dateTo);
            } else {
                return true;
            }
    },'Must be greater than start time.');

    $.validator.addMethod('getdatediff', function(value, element) {
        if ($('#machines_start_time').val() != '' || $('#machines_end_time').val() != '' ) {
            var dateFrom = new Date($("#stock_date").val() + ' ' + $("#machines_start_time").val()).toLocaleString("en-US", {timeZone: "Asia/Kolkata"});
           
            var dateTo = new Date($("#stock_to_date").val() + ' ' + $("#machines_end_time").val()).toLocaleString("en-US", {timeZone: "Asia/Kolkata"});

            var diff = (((Date.parse(dateTo) - Date.parse(dateFrom))/1000)/3600);
            console.log("diff===>", diff);
            //console.log("dateFrom===>", Date.parse(dateFrom));
            //console.log("dateTo===>", Date.parse(dateTo));
            if(diff>12) {
                return false;
            } else {
                return true;
            }  
        
        } else {
            return true;
        }
    });
    
    // 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.");

    $.validator.addMethod('positiveNumber', function (value) { 
        //var regx = '^-?[0-9]\d*(\.\d+)?$';
        return Number(value) >= 0;
    }, 'Please enter a positive number.');
    
    
    
    var $wCur = $("#addNewLeadSources");
    $wCur.validate( {
            rules: {                 
                machines: {
                    required: true,
                    alphanumwithspace: true,
                    machinesID: true,                                        
                    remote: {
                        url: "{{URL('admin/check-machines-id-exists-add')}}",
                        data: {
                            machines: function () {
                                return $('#machines_id').val();
                            }
                        },
                        type: "GET"
                    },
                },                    
                operator_name: {
                    required: true,
                    alpha: true,
                    operatorsID: true,
                },                 
                order_id: {
                    required: true,
                    alphanum: true
                },              
                quantity_acccepted: {
                    required: true,
                    positiveNumber: true,
                },               
                quantity_rejected: {
                    required: true,
                    positiveNumber: true,
                },           
                units: {
                    required: true,
                },           
                machines_start_time: {
                    time24: true,
                    getdatediff:true,
                },          
                machines_end_time: {
                    time24: true,                                
                    greaterAddRem:"#machines_start_time",
                    getdatediff:true,
                },         
                stock_to_date: {                           
                    greaterAddRem:"#machines_start_time",
                    getdatediff:true,
                },          
                stock_date: {
                    stockDate: true, 
                    getdatediff:true,
                },       
                machines_down_time: {
                    number: true, 
                    downTime: true, 
                    positiveNumber: true, 
                },
            },
            messages: {
                machines: {
                    required: "Please enter machines ID",
                    remote: "Machine ID already exists",
                },
                order_id: {                    
                    required: "Please enter order ID",
                },
                operator_name: { 
                    required: "Please enter operator name",                   
                    alpha: "Please enter alphabet only"
                },
                quantity_acccepted: {
                    required: "Please enter acccepted quantity",
                },
                quantity_rejected: {
                    required: "Please enter rejected quantity",
                },
                units: {
                    required: "Please select units",
                },
                machines_down_time: {
                    number: "Please enter valid time in Hrs.",
                },
                machines_start_time: {
                    getdatediff: "Please change End Date & time to make the 12 hrs diff.",
                },
                machines_end_time: {
                    greaterAddRem: "Must be greater than start time.",
                    getdatediff: "Please change End Date & time to make the 12 hrs diff.",
                },
                stock_to_date: {
                    greaterAddRem: "Please change end time. End time must be greate than start time",
                    getdatediff: "Please change End Date & time to make the 12 hrs diff.",
                },
                stock_date: {
                    getdatediff: "Please change End Date & time to make the 12 hrs diff.",
                },
            },
            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" );
            },
            submitHandler: function(form) {
                form.submit();
            }
        });  
</script>
<script type="text/javascript">    
    $('input.typeahead').typeahead({
        source:  function (query, process) {
        return $.get('{{URL("admin/get-machine-data")}}', { query: query }, function (data) {
                //console.log(data);
                data = $.parseJSON(data);
                return process(data);
            });
        },
        afterSelect: function(item) {
           //console.log("item========>", item);
           $('#machines_id').val(item.id);
        }
    });

    $('#machines').on( "keyup", function() {
        //console.log("Radhey");
        var machines = $('#machines').val();
        if(machines == ''){
            $('#machines_id').val('');
        }
    });    
      
    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(' - 2 day', strtotime(date('Y-m-d')))) }}";
    } else {
        var twoDaysPastDate = "1970-01-01";
        var currentDate = "2080-01-01";
    }

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

    var maxDate = "{{ date("Y-m-d", strtotime('+12 hours', strtotime(date('Y-m-d H:i')))) }}";
    $('#stock_to_date').datetimepicker({
            format:'Y-m-d',
            closeOnDateSelect:true,
            minDate:twoDaysPastDate,
            maxDate:maxDate,
            timepicker:false
        });

    $('#machines_start_time').datetimepicker({
        datepicker:false,
        format:'H:i',
        step:1,
        closeOnDateSelect:true,
    });

    $('#machines_end_time').datetimepicker({
        datepicker:false,
        format:'H:i',
        step:1,
        closeOnDateSelect:true,
    });

    $('#quantity_acccepted').keyup(function() {
        //console.log("Ram");
        calculateQuantity();
    });

    $('#quantity_rejected').keyup(function() {
        //console.log("Radhey");
        calculateQuantity();
    });

    function calculateQuantity() {
        var quantity_acccepted = "0";
        var quantity_rejected = "0";
        var total_quantity = "0";   
        var rejection_percent = "0";   
        if($('#quantity_acccepted').val() != '') {
            quantity_acccepted = $('#quantity_acccepted').val();
        }
        if($('#quantity_rejected').val() != '') {
            var quantity_rejected = $('#quantity_rejected').val();
        }
        console.log(quantity_rejected);
         total_quantity = parseInt(total_quantity) + parseInt(quantity_acccepted) + parseInt(quantity_rejected);
            $('#total_quantity').val(total_quantity);

            if(quantity_rejected != '0') {
                rejection_percent = (parseInt(quantity_rejected)/parseInt(total_quantity)*100);
            }
            $('#rejection_percent').val(parseFloat(rejection_percent).toFixed(2));

    }

    $("#quantity_acccepted").keypress(function (e){
        var charCode = (e.which) ? e.which : e.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
    });
    $("#quantity_rejected").keypress(function (e){
        var charCode = (e.which) ? e.which : e.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
    });
    $("#machines_down_time").keypress(function (e){
        var charCode = (e.which) ? e.which : e.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57)) {
            return false;
        }
    });
    $('#order_id').on( "change", function(e) {
       /*alert("Here");
       return false;*/
       var order_id = $('#order_id').val();
       $('#order_id').val(order_id.trim());
    });
    
    $('input.operator_name').typeahead({
        source:  function (query, process) {
        return $.get('{{URL("admin/get-operators-data")}}', { query: query }, function (data) {
                //console.log(data);
                data = $.parseJSON(data);
                return process(data);
            });
        },
        afterSelect: function(item) {
           //console.log("item========>", item);
           $('#operators_id').val(item.id);
           $("#operators_id").trigger("change");
        }
    });    

    $('#operator_name').on( "keyup", function() {
        //console.log("Radhey");
        var operator_name = $('#operator_name').val();
        if(operator_name == ''){
            $('#operators_id').val('');
        }
    });
</script>

@endsection