@extends('admin.layouts.app')
@section('content')
    <div class="container-xl">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">KYC Request</h3>
                <div class="card-actions">
                    <a href="{{ route('panel.role.create') }}" class="btn btn-primary btn-3">
                        <!-- Download SVG icon from http://tabler.io/icons/icon/plus -->
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round" class="icon icon-2">
                            <path d="M12 5l0 14"></path>
                            <path d="M5 12l14 0"></path>
                        </svg>
                        Add new
                    </a>
                </div>
            </div>
            <div class="card-body p-0">
               <div class="table-responsive">
                    <table class="table table-vcenter card-table">
                      <thead>
                        <tr>
                            <th>S.N</th>

                          <th>Role</th>
                           <th>Permissions</th>
                          <th class="w-1"></th>
                        </tr>
                      </thead>
                      <tbody>
                        @forelse($datas as $keys=>$data)
                        <tr>
                          <td>{{ $keys+1 }}</td>

                          <td class="text-secondary">{{ $data->name }}</td>

                            <td class="text-secondary"><span class="badge bg-warning-lt">{{  $data->permissions_count }}</span></td>


                          <td>
                            <a href="{{ route('panel.role.edit',$data) }}">Edit</a>
                            <a id="delete" href="{{ route('panel.role.destroy',$data) }}">Delete</a>
                          </td>
                        </tr>
                       @empty
                        <tr>
                            <td colspan="7" class="text-center">No Data Found</td>
                        </tr>
                        @endforelse


                      </tbody>
                    </table>
                  </div>
                  <div class="card-footer">
                    {{-- {{ $datas->links() }} --}}
                  </div>
            </div>
        </div>

    </div>
@endsection