{{-- Edit Modal --}}
<div id="editModal" class="modal fade" style="margin-top:3%">
    <div class="modal-dialog modal-lg" style="width: 1050px;">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" style="clear:both;background-color:black;color:white; padding:10px;text-align:center">Edit App Role</h4>
            </div>
            <div class="modal-body">
                <div class="row" style="padding-bottom: 20px;">
                {!! Form::open(['url'=>'','class'=>'form-horizontal form-groups', "id" => "editForm"]) !!}
                    <div class="col-md-12">                    
                    	{!! Form::hidden('EMroleId',null,['id'=>'EMroleId']) !!}
						<div class="form-group">
							{!! Form::label('Role', 'Role:', ['class' => 'col-sm-2 control-label']) !!}
							<div class="col-sm-10">
								<select class="form-control" 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">
										{!! Form::textArea('description', $value = null, ['class' => 'form-control', 'id' => 'description','rows'=>'2', 'placeholder' => 'Enter Description']) !!}
									</div>
								</div>
								 <div class="form-group">
                                    <div class="col-sm-10 col-sm-offset-2">
										<input type="submit" value="Update" id="Update" class="btn actionBtn glyphicon glyphicon-check btn-success" data-attr="{{ route('appRolePermissions.update', $role->id) }}">
                                        <a href="{{ route('appRolePermissions.index') }}" class="btn btn-danger closeBtn">Close</a>
                                    </div>
                                </div>
           					</div> {{-- End col-12 --}}
               				{!! Form::close() !!}
        				</div>{{--row--}}
                </div>
            </div> {{-- End View Modal Body--}}
        </div>
    </div>
</div>
{{-- End View Modal --}}

{{-- Delete Modal --}}
  <div id="deleteModal" class="modal fade" style="margin-top:3%">
    <div class="modal-dialog modal-md">
      <div class="modal-content">
        <div class="modal-header">
          <h4 class="modal-title" style="clear:both;background-color:black;color:white; padding:10px">Delete!</h4>
        </div>
        <div class="modal-body">
          <h2>Are You Confirm to Delete This Record?</h2>

          <div class="modal-footer">
            {!! Form::hidden('DMroleId',null,['id'=>'DMroleId']) !!}
            <button id="DMconfirmButton" type="button" class="btn actionBtn glyphicon glyphicon-check btn-danger"> Confirm</button>
            <button  class="btn btn-warning glyphicon glyphicon-remove" data-dismiss="modal" type="button"> Close</button>
            
          </div>

        </div>
      </div>
    </div>
  </div>
  {{-- End Delete Modal --}}