@extends('layouts/gnr_layout')
@section('title', '| Edit App Module')
@section('content')
	<div class="row add-data-form">
		<div class="col-md-12">
            <div class="col-md-8 col-md-offset-2 fullbody">
            	<div class="viewTitle" style="border-bottom:1px solid white;">
                    <a href="{{ route('appModules.index') }}" class="btn btn-info pull-right addViewBtn">
                    	<i class="glyphicon glyphicon-th-list viewIcon"></i>
                    	App Modules List
                    </a>
                </div>
                 <div class="panel panel-default panel-border">
                	<div class="panel-heading">
                        <div class="panel-title">Edit App Module</div>
                    </div>
                     <div class="panel-body">
                    	<div class="row">
                            <div class="col-md-12">
                        		{!! Form::open(array('url' => '', 'role' => 'form', 'class' => 'form-horizontal form-groups')) !!}
                                <div class="form-group">
                                    {!! Form::label('name', 'Name:', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-8">
                                     <input type="text" name="name" value="{{$app_module->name}}" class="form-control" placeholder="Enter name">
                                    </div>
                                </div>
                                <div class="form-group">
                                    {!! Form::label('module', 'Module:', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-8">
                                       <select class="form-control" name="module_id_fk" id="module_id_fk">
                                            <option value="">Select module</option>
                                            @foreach ($modules as $module)
                                                <option value="{{$module->id}}" {{($app_module->module_id_fk == $module->id) ? "selected" : ""}}>{{$module->name}}</option>
                                            @endforeach
                                       </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    {!! Form::label('code', 'Code:', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-8">
                                        <input type="text" name="code" value="{{$app_module->code}}" class="form-control" placeholder="Enter code">
                                    </div>
                                </div>
                                <div class="form-group">
                                    {!! Form::label('description', 'Description:', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-8">
                                        <textarea type="text" name="description" class="form-control">{{$app_module->description}}</textarea>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-10 col-sm-offset-2">
                                        {!! Form::submit('Update', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                        <a href="{{ route('appModules.index') }}" class="btn btn-danger closeBtn">Close</a>
                                    </div>
                                </div>
                        		{!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>
	</div>
@endsection
<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>

<script type="text/javascript">
    $(document).ready(function(){
        $('form').submit(function(event){
            event.preventDefault();
            $.ajax({
                type: 'put',
                url: "{{route('appModules.update',$app_module->id)}}",
                data: $('form').serialize(),
                dataType: 'json',
                success: function(data) {
                    var opts = toster();
                    if(data.status == false){
                        toastr.warning(data.title, null, opts);
                    }
                   if(data.errors){
                         if(data.errors['name'])
                            toastr.warning(data.errors.name, null, opts);

                        if(data.errors['module_id_fk'])
                            toastr.warning(data.errors.module_id_fk, null, opts);

                        if(data.errors['code'])
                            toastr.warning(data.errors.code, null, opts);
                    }
                    if(data.status == true){
                        toastr.success(data.title, null, opts);
                        setTimeout(function(){
						    window.location.href = "{{ Route('appModules.index') }}";
					    }, 3000);
                    }
                    
                },
                error: function(_response) {
                    alert(_response.errors);
                }
            });
        });
    });
    function toster() {
        var opts = {
                    "closeButton": true,
                    "debug": false,
                    "positionClass": "toast-top-right",
                    "onclick": null,
                    "showDuration": "300",
                    "hideDuration": "1000",
                    "timeOut": "5000",
                    "extendedTimeOut": "1000",
                    "showEasing": "swing",
                    "hideEasing": "linear",
                    "showMethod": "fadeIn",
                    "hideMethod": "fadeOut"
                };
                return opts;
    }
</script>