You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
3.0 KiB
65 lines
3.0 KiB
<div class="row">
|
|
<div class="col-12">
|
|
<div class="card mb-4">
|
|
<!-- Card Header -->
|
|
<div class="card-header pb-0 d-flex justify-content-between align-items-center">
|
|
<h6 class="mb-0">Permissions</h6>
|
|
<div class="d-flex align-items-center">
|
|
{{-- Search field with Soft UI outline style --}}
|
|
<div class="input-group input-group-outline me-2">
|
|
<input type="text" wire:model.debounce.500ms="search" wire:keydown.enter="resetPage"
|
|
class="form-control" placeholder="Search permissions...">
|
|
</div>
|
|
{{-- Search button --}}
|
|
<button wire:click="resetPage" class="btn btn-sm btn-outline-secondary m-0" type="button">
|
|
<i class="fa-solid fa-magnifying-glass"></i>
|
|
</button>
|
|
{{-- New Permission button --}}
|
|
<a href="{{ route('permissions.create') }}" class="btn btn-sm btn-primary ms-2 m-0">Create</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Card Body -->
|
|
<div class="card-body p-3">
|
|
@if (session()->has('message'))
|
|
<div class="alert alert-success">{{ session('message') }}</div>
|
|
@endif
|
|
|
|
<div class="table-responsive">
|
|
<table class="table align-items-center mb-0">
|
|
<thead>
|
|
<tr>
|
|
<th class="text-center">ID</th>
|
|
<th>Name</th>
|
|
<th class="text-center">Actions</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
@forelse($permissions as $p)
|
|
<tr>
|
|
<td class="text-center">{{ $p->id }}</td>
|
|
<td>{{ $p->name }}</td>
|
|
<td class="text-center">
|
|
<a href="{{ route('permissions.edit', $p) }}"
|
|
class="btn btn-sm btn-info me-1">Edit</a>
|
|
<button wire:click="delete({{ $p->id }})"
|
|
class="btn btn-sm btn-danger">Delete</button>
|
|
</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<td colspan="3" class="text-center">No permissions found.</td>
|
|
</tr>
|
|
@endforelse
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
{{-- Pagination --}}
|
|
<div class="mt-3">
|
|
{{ $permissions->links('pagination::bootstrap-5') }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|