@extends('layouts.app')

@section('title', 'Roles')

@section('content')
<x-mainCard>
  <x-slot:title>Roles</x-slot:title>

  <x-slot:actionButtons>
    <button type="button" id="abrirModalRegistrarRol" class="btn btn-primary">
      <i class="bi bi-plus-lg me-2 fs-5"></i>
      Crear un nuevo rol
    </button type="button">
  </x-slot:actionButtons>

  <div class="table-responsive">
    <table id="tabla_roles" class="table table-striped table-sm table-hover">
      <thead>
        <tr>
          <th scope="col">id</th>
          <th scope="col">Nombre</th>
          <th scope="col">Acciones</th>
        </tr>
      </thead>
      <tbody>

      </tbody>
    </table>
  </div>
</x-mainCard>

@include('usuarios.modal_crear_rol')
@include('usuarios.modal_editar_rol')

@endsection

@push('scripts')
  @vite(['resources/js/usuarios/registrarRol.js'])
@endpush