@extends('layouts.app')

@section('title', 'Usuarios')

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

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

  <div class="table-responsive">
    <table id="tabla_permisos" 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_permiso')
@include('usuarios.modal_editar_permiso')

@endsection

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