@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  "  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 active"  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('choices.create')}}" class="btn btn-primary">Lookups &nbsp;<i class="fa fa-plus-circle"></i></a> 
      </div>
    </div>
    @endcan
    @endif 
  </ul>
  <div class="card-body">
    <span>Lookups</span>
    <table id="datatablesSimple" >
      <thead>
        <tr class="indextr">
          <th>Description</th>
          <th>Status</th>
          <th>Type</th>
          <th>Action</td>
        </tr>
      </thead>
      <tbody>
      
        @foreach($choices as $p)
        <tr>
          <td>{{$p->description}}</td>
          <td>{{$p->status}}</td>
          <td>{{$p->type}}</td>
          <td>

            <form action="{{ route('choices.destroy', $p->id)}}" method="post">
             <a class="btn-xs" href="{{ route('choices.edit',$p->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