@extends('layouts.admin')

@section('content')
@if(session()->has('message'))
<div class="alert alert-success">
    {{ session()->get('message') }}
</div>
@endif
@if(Auth::check())
<div class="col-12 col-sm-12">
    <div class="card card-primary card-outline card-tabs">
        <div class="card-header p-0 pt-1 border-bottom-0">
            <ul class="nav nav-tabs" >
                @can('user_access',Auth::user())
                <li class="nav-item">
                    <a class="nav-link "  href="{{route('users.index')}}"  aria-selected="false"  role="tabpanel">Users</a>
                </li>
                @endcan
                @can('role_access',Auth::user())
                <li class="nav-item">
                    <a class="nav-link "  href="{{route('roles.index')}}"  aria-selected="false"  role="tabpanel">Roles</a>
                </li>
                @endcan
                @can('permission_access',Auth::user())
                <li class="nav-item">
                    <a class="nav-link  active"  href="{{route('permissions.index')}}"  aria-selected="false"  role="tabpanel">Permissions</a>
                </li>
                @endcan
                @can('choices_access',Auth::user())
                <li class="nav-item">
                    <a class="nav-link "  href="{{route('choices.index')}}"  aria-selected="false"  role="tabpanel">Lookup</a>
                </li>
                @endcan
                @can('geo_access',Auth::user())
                <li class="nav-item">
                    <a class="nav-link "  href="{{route('geo.index')}}"  aria-selected="false"  role="tabpanel">Administrative Unit</a>
                </li>
                @endcan
                @can('demo_access',Auth::user())
                <li class="nav-item">
                    <a class="nav-link  "  href="{{route('demo.index')}}"  aria-selected="false"  role="tabpanel">Demographies</a>
                </li>
                @endcan
                @can('permission_create',Auth::user())
                <div class="col-12 col-sm-12"><a style="margin: 5px;" href="{{ route('permissions.create')}}" class="btn btn-primary"> Permission &nbsp;<i class="fa fa-plus-circle"></i></a> 
                </div>
                @endcan
            </div>
            @endif
            <div class="card-body">
               <h6> 
                <span>Permissions</span></h6>
                

                
                <table id="datatablesSimple" >
                    <thead>
                        <tr class="indextr">
                            <th>Number</th>
                            <th>Name</th>
                             <th>Entity</th>
                              <th>Type</th>
                            <th> Action </th>  
                        </tr>
                    </thead>
                    <tbody>
                                              @foreach($permissions as $per)
                       <tr>
                        <td>{{$no++}}</td>
                        <td>{{$per->name}}</td>
                        <td>{{$per->entity}}</td>
                        <td>{{$per->type}}</td>
                        <td>

                         
                            <form action="{{ route('permissions.destroy', $per->id)}}" method="post">
                             
                             <a class="btn-xs" href="{{ route('permissions.edit',$per->id) }}" ><i class="fa fa-edit"></i></a>
                             
                             @csrf
                             @method('DELETE')
                             <a href="" class="btn-xs" onclick="this.closest('form').submit();return false;" type="submit"><i class="fa fa-trash" style="color:red"></i></a>
                             <!--button class="btn-xs btn-danger" type="submit">Delete</button-->
                         </form>
                         
                     </td>
                 </tr>
                 @endforeach
             </tbody>
         </table>


     </div>
 </div>
</div>
</div>
</div>

@endsection