<div class="modal inmodal" id="addAccessLevel" tabindex="-1" role="dialog">

    <div class="modal-dialog">

        <div class="modal-content animated fadeIn">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal"><span>×</span><span class="sr-only">Close</span></button>

                <h4 class="modal-title">Add New Access Level</h4>

            </div>

            <div class="modal-body">

                @include('partials.error')

                <form class="form-horizontal" action="{{route('manage-userrole-add')}}" method="post" id="access-level-form">
                    
                    {{csrf_field()}}

                     <div class="form-group">

                        <label class="col-lg-4 control-label">Level Name</label>

                        <div class="col-lg-8">

                            <input type="text" class="form-control" name="access_level" value="{{old('access_level')}}" required>

                        </div>

                    </div>

                    <div class="form-group">

                        <label class="col-lg-4 control-label">Permission Group</label>

                        <div class="col-lg-8">

                            <select name="group" class="form-control">
                                <option value="0">Select</option>
                                @foreach(\App\Models\PermissionCategory::get() as $group)
                                <option value="{{$group->id}}">{{$group->name}}</option>
                                @endforeach
                            </select>
                        </div>

                    </div> 

                     <div class="form-group">

                        <label class="col-lg-4 control-label">Order Number</label>

                        <div class="col-lg-8">

                            <input type="number" value="0" class="form-control" name="order" value="{{old('order')}}" required>

                        </div>

                    </div> 
                    
                </form>

            </div>

            <div class="modal-footer">

                <button type="button" class="btn btn-link" data-dismiss="modal">Cancel</button>

                <button type="button" class="btn btn-primary" id="submit_level">Save</button>

            </div>

        </div>

    </div>

</div>