@extends('admin.layouts.app')
@section('content')
    <div class="container-xl">
        <div class="card">
            <div class="card-header">
                <h3 class="card-title">User Role</h3>
                <div class="card-actions">
                    <a href="{{ route('panel.users-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>Name</th>
                                <th>Email</th>
                                <th>Role</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">{{ $data->email }}</td>
                                    <td class="text-secondary">
                                        @foreach ($data->getRoleNames() as $role)
                                            <span class="badge bg-warning-lt">{{ $role }}</span>
                                        @endforeach
                                    </td>


                                    <td>
                                        @if(!$data->hasRole('Super Admin'))
                                        <a href="{{ route('panel.users-role.edit', $data) }}">Edit</a>
                                        <a id="delete" href="{{ route('panel.users-role.destroy', $data) }}">Delete</a>
                                        @endif
                                    </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