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

	
   


@endsection
@section('content')
<div class="page-container" ng-controller="adminController" ng-init="getallroles('2');getallpermissions()">
   <!--/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="validation-form" ng-if="!newusershow">
 	<!---
  	    
        <form>
         	<div class="vali-form">
         	<div class="col-md-3 form-group2 group-mail">
              <label class="control-label">Select</label>
            <select ng-model="search.role" ng-change="getusersbysearch()">
            	<option value="">Search By Role</option>
            	<option ng-repeat="role in roleslist"  value="{$role.id$}">{$role.name$}</option>
            	
            </select>
            </div>
            <div class="col-md-3 form-group1 group-mail">
              <label class="control-label">Email</label>
              <input type="email" placeholder="Search By Email" ng-model="search.email" ng-blur="getusersbysearch()" >
            </div>
            <div class="col-md-3 form-group1 group-mail">
              <label class="control-label">Phone Number</label>
              <input type="number" placeholder="Search By Phone Number"  ng-model="search.phoneno" ng-blur="getusersbysearch()" >
            </div>
             <div class="col-md-3 form-group">
             <button type="reset" ng-click="reset()" class="btn btn-default searchbutton">Reset</button>
             <button type="submit" ng-click="addUser()" class="btn btn-primary searchbutton">Add User</button>
            </div>
             
            <div class="clearfix"> </div>
            </div>
        </form>
  
 </div> -->
<div class="col-md-12 inbox-mail "  >
	
	<h3>ROLES & PERMISSIONS</h3>

	<div class="col-md-6 table-responsive" ng-if="!newusershow">
					 
					    <table id="table">
						<thead>
						  <tr>
							<th>Role Name</th>
							<th>Status</th>
							<th>Actions </th>
							<th><a  ng-click="addnewrole()" href="javascript:void(0)"><i class="fa fa-plus i-black" aria-hidden="true"></a></th>
						  </tr>
						</thead>
						<tbody>
						  <tr ng-repeat="role in roleslist track by $index">
							<td>{$role.name$}</td>
							<td ng-if="role.status=='1'">Active</td>
							<td ng-if="role.status=='2'">Deactivated</td>
							<td><i class="fa fa-pencil" ng-click="editrole(role)" aria-hidden="true"></i></td>

							
							<td></td>

						  </tr>
						  
						</tbody>
					  </table>
					</div>

	<div class="col-md-6 validation-form mar-top1" ng-if="newusershow">
 	<!---->
  	    
        <form>
         	
            <div class="col-md-6 form-group1" ng-if="edittrue">
              <label class="control-label">Name</label>
              <input type="text" ng-model="newrole.name" placeholder="Name" >
            </div>

             <div class="col-md-12 form-group1" ng-if="!edittrue">
              <label class="control-label">Name</label>
              <input type="text" ng-model="newrole.name" placeholder="Name" >
            </div>

            <div class="col-md-12 form-group1 " ng-if="!edittrue">
              <label class="control-label">Description</label>
              <textarea  ng-model="newrole.description" placeholder="Description (Optional)" ></textarea>
            </div>
           	
            <div class="col-md-6 form-group2 group-mail" ng-if="edittrue">
              <label class="control-label">Status</label>
            	<select ng-model="newrole.status">
	            	<option value="1">Active</option>
	            	<option value="2">Deactivate</option>
	            </select>
            </div>
             <div class="clearfix"> </div>
           <div class="col-md-12 form-group" ng-if="!edittrue">
              <button type="submit" ng-click="updaterole()" class="btn btn-primary">Submit</button>
              <button type="reset" ng-click="showlistscrren()" class="btn btn-default">Cancel</button>
            </div>
            <div class="col-md-12 form-group pad-all1" ng-if="edittrue">
              <button type="submit" ng-click="updaterole()" class="btn btn-primary">Update</button>
              <button type="reset" ng-click="showlistscrren()" class="btn btn-default">Cancel</button>
            </div>
          <div class="clearfix"> </div>
        </form>
    
 	<!---->
 </div>


	<div class="col-md-6 table-responsive" ng-if="!newpershow">
					 
					    <table id="table">
						<thead>
						  <tr>
							<th>Module Name</th>
							<th>Status</th>
							<th>Actions </th>
							<th><i class="fa fa-plus i-black" aria-hidden="true" ng-click="addnewper()"></th>
						  </tr>
						</thead>
						<tbody>
						<tr ng-repeat="role in permissionlist track by $index">
						<td>{$role.name$}</td>
						<td ng-if="role.status=='1'">Active</td>
						<td ng-if="role.status=='2'">Deactivated</td>
				
						<td><i class="fa fa-pencil" ng-click="editper(role)" aria-hidden="true"></i></td>
						<td></td>
						</tr>
						  
						</tbody>
					  </table>
					</div>

	<div class="col-md-6 validation-form" ng-if="newpershow">
 	<!---->
  	    
        <form>
         	
            <div class="col-md-6 form-group1" ng-if="editpertrue">
              <label class="control-label">Name</label>
              <input type="text" ng-model="newper.name" placeholder="Name" >
            </div>

            <div class="col-md-12 form-group1" ng-if="!editpertrue">
              <label class="control-label">Name</label>
              <input type="text" ng-model="newper.name" placeholder="Name" >
            </div>
           	 <div class="col-md-12 form-group1 " ng-if="!editpertrue">
              <label class="control-label">Description</label>
              <textarea  ng-model="newper.description" placeholder="Description (Optional)" ></textarea>
            </div>
            <div class="col-md-6 form-group2 group-mail" ng-if="editpertrue">
              <label class="control-label">Status</label>
            	<select ng-model="newper.status">
	            	<option value="1">Active</option>
	            	<option value="2">Deactivate</option>
	            </select>
            </div>
             <div class="clearfix"> </div>
           <div class="col-md-12 form-group" ng-if="!editpertrue">
              <button type="submit" ng-click="updateper()" class="btn btn-primary">Submit</button>
              <button type="reset" ng-click="showlistperscrren()" class="btn btn-default">Cancel</button>
            </div>
            <div class="col-md-12 form-group" ng-if="editpertrue">
              <button type="submit" ng-click="updateper()" class="btn btn-primary">Update</button>
              <button type="reset" ng-click="showlistperscrren()" class="btn btn-default">Cancel</button>
            </div>
          <div class="clearfix"> </div>
        </form>
    
 	<!---->
 </div>

					

					

		<!-- <div class="col-lg-6 col-md-6 col-xs-6 col-sm-6 pagin">
			<div class="short_pul " ng-if="!mailread" ng-cloak ng-show="total=='true'">
			{$begin$} - {$end$} of {$totallength$} <a href="javascript:void(0)"><i class="fa fa-step-backward" ng-click="previouspage()" ng-show="previousdisable=='true'"></i></a>  <a href="javascript:void(0)"><i class="fa fa-step-forward" ng-click="nextpage()" ng-show="nextdisable=='true'"></i></a>
			</div>
	</div> -->
</div>





	


		<!-- /script-for sticky-nav -->
<!--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-->
				@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