@extends('layouts.app')
@section('content')
    <div class="row">

        <div class="portlet light bg-inverse">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-equalizer font-green-haze"></i>&nbsp;
                    <span class="caption-subject font-green-haze bold uppercase">@lang('layout.RiskStepEdit') </span>
                    <!-- <span class="caption-helper">some info...</span> -->
                </div>
                <div class="tools">
                    <a href="" class="collapse" data-original-title="" title=""> </a>
                    <a href="#portlet-config" data-toggle="modal" class="config" data-original-title="" title=""> </a>
                    <a href="" class="reload" data-original-title="" title=""> </a>
                    <a href="" class="remove" data-original-title="" title=""> </a>
                </div>
            </div>
            <div class="portlet-body form" style="margin-bottom: 50%;" >
                <!-- BEGIN FORM-->
                {!! Form::model($riskStep,['method' => 'PATCH','route' => ['riskStep.update',$riskStep->id],'class'=>'form-horizontal']) !!}
                    <div class="form-body">
                        <div class="col-md-9" id="app"> 
                            <div class="form-group">
                                <label class="control-label col-md-3">@lang('layout.Category')</label>
                                <div class="col-md-9">
                                    <select class="form-control" name="category" v-model="category" >
                                        <option value="CustomerTypes">@lang('type.CustomerTypes')</option>
                                        <option value="ProductsAndServices">@lang('type.ProductsAndServices')</option>
                                        <option value="DistributionChannels">@lang('type.DistributionChannels')</option>
                                        <option value="GeographicalLocations">@lang('type.GeographicalLocations')</option>
                                    </select>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-md-3">@lang('layout.Name'):</label>
                                <div class="col-md-9">
                                    {{Form::text('name',null,['class' => 'form-control'])}}
                                </div>
                            </div> 
                            <div class="form-group">
                                <label class="control-label col-md-3">@lang('layout.RiskPercentage'):</label>
                                <div class="col-md-9">
                                    {{Form::number('percentage',null,['class' => 'form-control'])}}
                                </div>
                            </div> 
                             <div class="form-group">
                                <label class="control-label col-md-3">@lang('layout.Description'):</label>
                                <div class="col-md-9">
                                  {!! Form::textarea('description', null, array('placeholder' => 'Description','class' => 'form-control','rows' => 6, 'cols' => 30)) !!}
                                </div>
                            </div>
                        </div>  
                    </div>
                    <div class="col-xs-12 col-sm-10 col-md-11 text-center">
                        <button type="button" class="btn green" onclick="regForm(this)"> @lang('layout.Submit') </button>
                        <button href="{{url('inventorySite.index')}}" class="btn default"><i class="fa fa-mail-reply"></i> @lang('layout.Cancel') </button>
                     </div>  
                {!! Form::close() !!}
            </div>                  
            <!-- END FORM-->
        </div>
    </div> 

@endsection

@push('scripts')
    <script>
     let vu = new Vue({
        el: '#app',
        data:{
            category:'{{$riskStep->category}}',
        },
        methods:{
            addClass(){
             
            }
        }
     });

    </script>

@endpush