@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('Subtract Stocks') }} <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('Subtract Stocks') }}</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
                            @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('subtractStocksData'), 'method'=>'post', 'class' => 'form-horizontal', 'id' => 'updateLeadSources', 'enctype'=>'multipart/form-data')) !!}
                                <input type="hidden" name="id" value="{{$result['inventorysData']['id']}}">
                                <input type="hidden" name="selected_units_id" value="{{$result['inventorysData']['units_id']}}">
                                <input type="hidden" name="selected_suppliers_id" value="{{$result['inventorysData']['suppliers_id']}}">
                                <div class="row">
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="name" class="control-label">{{ trans('Product Name') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                {!! Form::text('name', $result['inventorysData']['name'], array('class'=>'form-control', 'id'=>'name', 'required'=>'required', 'readonly'=>'readonly')) !!}
                                            </div>
                                        </div>
                                    </div>     
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="available_stocks" class="control-label">{{ trans('Available Stocks') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                {!! Form::text('available_stocks', $result['getAvailableStocks'][0]->availableStock, array('class'=>'form-control', 'id'=>'available_stocks', 'readonly'=>'readonly', 'required'=>'required')) !!}
                                            </div>
                                        </div>
                                    </div>     
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="quantity" class="control-label">{{ trans('Quantity') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                {!! Form::text('quantity', '', array('class'=>'form-control', 'id'=>'quantity', 'required'=>'required')) !!}
                                            </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', 'disabled'=>'disabled'])!!}
                                            </div>
                                        </div>
                                    </div>   
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="suppliers" class="control-label">{{ trans('Suppliers') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                {!!Form::select('suppliers', $result['suppliersData'], $result['inventorysData']['suppliers_id'], ['class' => 'form-control', 'id'=>'suppliers', 'required'=>'required', 'disabled'=>'disabled'])!!}
                                            </div>
                                        </div>
                                    </div>     
                                    <div class="col-md-2">
                                        <div class="form-group">
                                            <div class="col-sm-3 col-md-12">
                                                <label for="suppliers" class="control-label">{{ trans('Comments') }} <span class="required-mark">*</span></label>
                                            </div>
                                            <div class="col-sm-4 col-md-12">
                                                {!!Form::text('comments', '', ['class' => 'form-control', 'id'=>'comments', '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/inventorys')}}" 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>
<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 type="text/javascript">
    
    // Alphabets Only
    $.validator.addMethod("alpha", function(value, element) {
        return this.optional(element) || value == value.match(/^[a-zA-Z\s]+$/);
    }); 
    
    // 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.");

    $.validator.addMethod('positiveNumber', function (value) { 
        return Number(value) > 0;
    }, 'Enter a positive number.');
    
    $.validator.addMethod("lessThan", function (value, element, param) {
          var $otherElement = $(param);
          return parseFloat(value, 10) <= parseFloat($otherElement.val(), 10);
    }, 'Please enter quantity lessthan available stocks');




    $( "#updateLeadSources" ).validate( {
            rules: {                
                name: {
                    required: true,
                    rangelength: [3, 100],
                    //alpha: true
                },               
                quantity: {
                    required: true,
                    positiveNumber: true,
                    lessThan: "#available_stocks"
                },            
                units: {
                    required: true,
                },             
                suppliers: {
                    required: true,
                },            
                comments: {
                    required: true,
                },
            },
            messages: {
                name: {
                    required: "Please enter name",
                    //alpha: "Please enter name alphabets only"
                },
                quantity: {
                    required: "Please enter quantity",
                },
                units: {
                    required: "Please select units",
                },
                suppliers: {
                    required: "Please select suppliers",
                },
                comments: {
                    required: "Please enter comments",
                },
            },
            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