@extends('layouts.admin')

@section('title', 'Roles')
@section('heading', 'Roles')
@section('breadcrumb')
  <li class="breadcrumb-item active">Roles</li>
@endsection

@section('content')
  <div class="block">
    <div class="title d-flex justify-content-between">
      <strong>User roles</strong>
      <a class="btn btn-success btn-sm" href="{{ route('admin.roles.create') }}">Add role</a>
    </div>
    <div class="table-responsive work-detail">
      <table class="table table-bordred table-striped table-hover">
        <thead>
          <tr>
            <th>Name</th>
            <th>Description</th>
            <th>Users</th>
            <th>Permissions</th>
            <th>Action</th>
          </tr>
        </thead>
        <tbody>
          @foreach($roles as $role)
            <tr>
              <td>{{ $role->name }}</td>
              <td>{{ $role->description }}</td>
              <td>{{ $role->users_count }}</td>
              <td>{{ count($role->permissions ?? []) }}</td>
              <td class="fixo-actions">
                <a class="btn btn-primary btn-sm" href="{{ route('admin.roles.edit', $role) }}"><span class="fa fa-pencil"></span></a>
                @if($role->slug !== 'super-admin')
                  <form action="{{ route('admin.roles.destroy', $role) }}" method="post" onsubmit="return confirm('Delete this role?');">
                    @csrf
                    @method('DELETE')
                    <button class="btn btn-danger btn-sm" type="submit"><span class="fa fa-trash"></span></button>
                  </form>
                @endif
              </td>
            </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
@endsection