@extends('layouts.app')
@section('head')

	
   


@endsection
@section('content')
<div class="page-container" ng-controller="adminController" ng-init="getroles('2');getpermissions()">
   <!--/content-inner-->

<div class="left-content">
	   <div class="mother-grid-inner">
	   <div id="loadercontainer" style="display:none" ><div class="loader pull-right"></div></div>
		   
             <!--header start here-->
				<!-- <div class="header-main">
						 
					<div class="profile_details w3l">		
								<ul>
									<li class="dropdown profile_details_drop">
										<a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
											<div class="profile_img">	
												<span class="prfil-img"><img src="images/in4.jpg" alt=""> </span> 
												<div class="user-name">
													<p>{$loggedinuser.first_name$}</p>
													<a ng-click="logout()"><span>Logout</span></a>
												</div>
												<i class="fa fa-angle-down"></i>
												<i class="fa fa-angle-up"></i>
												<div class="clearfix"></div>	
											</div>	
										</a>
										<ul class="dropdown-menu drp-mnu">
											<li> <a href="#"><i class="fa fa-cog"></i> Settings</a> </li> 
											<li> <a href="#"><i class="fa fa-user"></i> Profile</a> </li> 
											<li> <a href="#"><i class="fa fa-sign-out"></i> Logout</a> </li>
										</ul>
									</li>
								</ul>
							</div>
							
				     <div class="clearfix"> </div>	
				</div> -->
				   <div class="clearfix"> </div>
<!--heder end here-->

<div class="inbox-mail">
	
	
	<div class="validation-form" >
 	<!---->
  	    
        <form>
         	<div class="vali-form">
         		<h3>ROLE BASED PERMISSIONS</h3>
	         	<div class="col-md-12 form-group2 group-mail">
	         		<div class="col-md-4">
	              	<label class="control-label">Select</label>
			            <select ng-model="rolepermission.role_id" ng-change="getpermissionsbyroleid()">
							<option value="" disabled selected>Tap to select your option</option>
			            	<option ng-repeat="role in roleslist" value="{$role.id$}">{$role.name$}</option>
						</select>
		            </div>
	            </div>
	            <div class="col-md-12 form-group2 group-mail">
	         		<div class="col-md-10">
			            <div class="checkbox ">
			              <label style="padding: 1em 0 1em 2.5em;" class="col-md-3 compose checkbox_list" ng-repeat="position in permissionlist" ng-init="rolepermission.roles[$index]=0;">
			                    <input type="checkbox" class="styled" name="permission" id="currentposition check7"  ng-model="position.checked">{$ position.name $}
			                    <span class="checkbox-decorator"><span class="check"></span></span>
							</label>
			            </div>
			        </div>
			    </div>
            
           <!--  <input type="checkbox" ng-model="rolepermission.roles[permission.id]" ng-repeat="permission in permissionlist track by $index"> -->
            <div class="col-md-12 form-group">
              <button type="submit" ng-click="rolebasedpermission()" class="btn btn-primary">Update</button>
              
            </div>
          <div class="clearfix"> </div>
        </form>
    
 	<!---->
 	</div>

<!--inner block start here-->
<div class="inner-block">

</div>
<!--inner block end here-->
<!--copy rights start here-->
<!-- <div class="copyrights">
	 <p>© 2016 Pooled . All Rights Reserved | Design by  <a href="http://w3layouts.com/" target="_blank">W3layouts</a> </p>
</div> -->	
<!--COPY rights end here-->
</div>
</div>
	<!--//content-inner-->
		<!--/sidebar-menu-->
	</div>
			@include('users.admin.sidebar')
							
							</div>

	@endsection
	@section('js')  
							
    	
    <script src="{{ asset('js/angular_controllers/admincontroller.js') }}"></script>
    <link rel="stylesheet" type="text/css" href="{{ asset('css/table-style.css') }}" />
	<link rel="stylesheet" type="text/css" href="{{ asset('css/basictable.css') }}" />
	<script type="text/javascript" src="{{ asset('js/jquery.basictable.min.js') }}"></script>
    



@endsection