@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('Edit 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('Edit 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(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("Edit", $inventorys))  --}}                     
                            {!! Form::open(array('url' => route('mask-production-report.update', [$result['inventorysData']['id']]), 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'updateLeadSources', 'enctype'=>'multipart/form-data')) !!}
                                <input type="hidden" name="_method" value="PUT">
                                <input type="hidden" name="id" value="{{$result['inventorysData']['id']}}">
                                                                <input type="hidden" name="machines_id" id="machines_id" value="{{$get_machines_id}}">
                                <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-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-3 col-md-12">
                                                <label for="machines" class="control-label">{{ trans('Machines ID') }} <span class="required-mark">*</span></label>
                                            </div>
                                                                                        <div class="col-sm-4 col-md-12">
                                                {!! Form::text('machines', $get_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-3 col-md-12">
                                                <label for="order_id" class="control-label">{{ trans('Order ID') }} <span class="required-mark">*</span> </label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                {!! Form::text('order_id', $result['inventorysData']['order_id'], array('class'=>'form-control', 'id'=>'order_id')) !!}
                                            </div>
                                        </div>
                                    </div>  --}}
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="available_quantity_acccepted" class="">{{ trans('Total Acccepted Quantity') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">
                                                {!! Form::text('available_quantity_acccepted', $result['getAvailableStocks'][0]->available_quantity_acccepted, array('class'=>'form-control', 'id'=>'available_quantity_acccepted', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div>       
                                    <div class="col-md-3">
                                        <div class="form-group">
                                            <div class="col-sm-12 col-md-12">
                                                <label for="available_quantity_rejected" class="">{{ trans('Total Rejected Quantity') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-12 col-md-12">
                                                {!! Form::text('available_quantity_rejected', $result['getAvailableStocks'][0]->available_quantity_rejected, array('class'=>'form-control', 'id'=>'available_quantity_rejected', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div>     
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="units" class="control-label">{{ trans('Units') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                {!!Form::select('units', $result['unitsData'], $result['inventorysData']['units_id'], ['class' => 'form-control', 'id'=>'units', 'required'=>'required'])!!}
                                            </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>
    </div>
  </section>
</div>
</div>
<script src="{!! asset('assets/admin/plugins/jQuery/jQuery-2.2.0.min.js') !!}"></script>
<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 type="text/javascript">
    
    // Alphabets Only
    $.validator.addMethod("alpha", function(value, element) {
        return this.optional(element) || value == value.match(/^[a-zA-Z\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]+$/);
    }, "Please enter valid ordre ID in alphanumeric only. Space & 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("machinesID", function(value, element) {         
        if($('#machines_id').val() == '') {            
            return false;
        } else {
            return true;
        }
    }, "Machine ID does not exist" );
    
    // 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.");
    
    
    
    $( "#updateLeadSources" ).validate( {
            rules: {                
                machines: {
                    required: true,
                    alphanumwithspace: true,
                    //machinesID: true,                                       
                    remote: {
                        url: "{{URL('admin/check-machines-name-exists')}}",
                        data: {
                            machines: function () {
                                return $('#machines').val();
                            }
                        },
                        type: "GET"
                    },
                },                 
               /* order_id: {
                    required: true,
                    alphanum: true
                }, */             
                units: {
                    required: true,
                },
            },
            messages: {
                machines: {
                    required: "Please enter machines ID",
                    alphanumwithspace: "Please enter valid machine ID",
                    remote: "Machine ID does not exists",
                },
               /* order_id: {                    
                    required: "Please enter order ID",
                },*/
                units: {
                    required: "Please select units",
                },
            },
            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>
<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() {
    $('#machines').on( "keypress", function() {
        //console.log("Radhey");
        var machines = $('#machines').val();
        if(machines == ''){
            $('#machines_id').val('');
        }
    });*/

    
     /*$('#order_id').on( "change", function(e) {
        //console.log("Here");
        //return false;
       var order_id = $('#order_id').val();
       $('#order_id').val(order_id.trim());
    });*/
</script>
@endsection