@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())
        <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  active"  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  "  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('role_create',Auth::user())
      <div class="col-12 col-sm-12"><a style="margin: 5px;" href="{{ route('roles.create')}}" class="btn btn-primary">Roles &nbsp;<i class="fa fa-plus-circle"></i></a> 
      </div>
    </div>
    @endcan
    @endif 

<div class="card-body">
    <span>Roles</span>
    <table id="datatablesSimple" >
                                    <thead>
                                        <tr class="indextr">
                                            <th>Number</th>
                                            <th>Name</th>
                                            <th> Action </th>
                                           
                                        </tr>
                   </thead>
                   <tbody>
                                             @foreach($roles as $p)
                      <tr>
      <td>{{$no++}}</td>
       <td>{{$p->name}}</td>
      <td>
   
        <form action="{{ route('roles.destroy', $p->id)}}" method="post">
          @method('DELETE')
                  @csrf
                  @can('role_edit')
       <a class="btn-xs" href="{{ route('roles.edit',$p->id) }}" ><i class="fa fa-edit"></i></a>
     @endcan
     @can('role_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>
                  @endcan
                  <!--button class="btn-xs btn-danger" type="submit">Delete</button-->
                </form>
            
              </td>
    </tr>

@endforeach

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

@endsection