@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 "  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 active "  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('demo.create')}}" class="btn btn-primary">Add New &nbsp;<i class="fa fa-plus-circle"></i></a> 
            </div>
        </div>
        @endcan
        @endif 
    </ul>
        <div class="card-body">
            <table id="datatablesSimple" >
                <thead>
                    <tr class="indextr">
                      <th>Geography</th>
                      <th>Indicator</th>
                      <th>Source</th>
                      <th>Value</th>
                      <th>Action</th>
                  </tr>
              </thead>
              <tbody>
    @foreach($demo as $demo)
    <tr>
      <td>{{$demo->geographies->name}}</td>
      <td>{{$demo->choices->description}}</td>
      <td>{{$demo->source}}</td>
      <td>{{$demo->value}}</td>
      <td> <form action="{{ route('demo.destroy', $demo->id)}}" method="post">
           <a class="btn-xs" href="{{ route('demo.edit',$demo->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