@extends('layouts/gnr_layout')
@section('title', '| New App Role')
@section('content')
<style>
.nav.nav-tabs + .tab-content {
    margin-bottom: 0px !important;
}
</style>
	<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('appRolePermissions.index') }}" class="btn btn-info pull-right addViewBtn">
                    	<i class="glyphicon glyphicon-th-list viewIcon"></i>
                    	App Role list
                    </a>
                </div>
                 <div class="panel panel-default panel-border">
                	<div class="panel-heading">
                        <div class="panel-title">New App Role</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', "id"=>"create_form")) !!}
                              
                                <div class="form-group">
                                    {!! Form::label('Role', 'Role:', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-10">
                                       <select class="form-control select2" name="position_id_fk" id="position_id_fk">
                                            <option value="">Select role</option>
                                            @foreach ($positions as $position)
                                                <option value="{{$position->id}}">{{$position->name}}</option>
                                            @endforeach
                                       </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    {!! Form::label('module', 'Modules:', ['class' => 'col-sm-2 control-label']) !!}
                                    <div class="col-sm-10">
										<ul id="navTabs" class="nav nav-tabs">
											@foreach ($modules as $key => $module1)
												<li class="@if($key==0){{"active"}}@endif">
													<a href="#{{$module1->code}}" data-toggle="tab" aria-expanded="@if($key==0){{"true"}}@else{{"false"}}@endif">
														<span class="visible-xs"><i class="fa-home"></i></span>
														<span class="hidden-xs">{{$module1->name}}</span>
													</a>
												</li>
											@endforeach
	                        			</ul>
										<div class="tab-content">
		                        			@foreach ($modules as $index => $module2)
												<div class="tab-pane @if($index==0){{"active"}}@endif" id="{{$module2->code}}">
													@php
														$functions = DB::table('app_modules')->where('module_id_fk',$module2->id)->select('id','name')->orderBy('name')->get();
													@endphp
													<div>
														{!! Form::checkbox('checkAll', null, false,['class'=>'checkAll',"style" => "margin-left: 5px"]) !!}
														{!! Form::label($module2->name,'Check/Uncheck All') !!} <br>
													@foreach($functions as $function)
													<div class="">
														<div class="form-group" style="padding-left: 20px; margin-bottom: 0px!important;">
															{!! Form::checkbox("modulesIds[]", $function->id, false,['moduleId'=>$module2->id,'functionId'=>$function->id,'class'=>'checkItem']) !!} 
															{!! Form::label($function->name,$function->name) !!} 
														</div>
													</div>
													@endforeach
													</div>
												</div>
			                   				@endforeach
		                   				</div>
		                    		</div>
		                    	</div> {{-- form-group --}}
								
                                <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" id="description"></textarea>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="col-sm-10 col-sm-offset-2">
                                        {!! Form::submit('Submit', ['id' => 'submit', 'class' => 'btn btn-info']) !!}
                                        <a href="{{ route('appRolePermissions.index') }}" class="btn btn-danger closeBtn">Close</a>
                                    </div>
                                </div>
                        		{!! Form::close() !!}
                            </div>
                        </div>
                        </div>
                    </div>
                </div>
            </div>
		</div>
	</div>
@endsection
<script src="{{asset('js/jquery-1.11.1.min.js')}}"></script>
@include("gnr.tools.appSetting.role.script")