parent
1b352a5daa
commit
9cb74a6d7a
4 changed files with 62 additions and 47 deletions
@ -1,47 +1,61 @@ |
||||
<div class="p-4"> |
||||
<div class="flex justify-between mb-4"> |
||||
<input |
||||
type="text" |
||||
wire:model.debounce.300ms="search" |
||||
placeholder="Search permissions..." |
||||
class="border p-2" |
||||
> |
||||
<a href="{{ route('permissions.create') }}" class="btn btn-primary"> |
||||
New Permission |
||||
</a> |
||||
</div> |
||||
<div class="row"> |
||||
<div class="col-12"> |
||||
<div class="card mb-4"> |
||||
<div class="card-header pb-0 d-flex justify-content-between align-items-center"> |
||||
<h6>Permissions</h6> |
||||
|
||||
{{-- Nếu muốn có nút Search --}} |
||||
<div class="input-group input-group-sm w-auto"> |
||||
<input type="text" wire:model.debounce.500ms="search" wire:keydown.enter="resetPage" |
||||
class="form-control" placeholder="Search permissions..."> |
||||
<button class="btn btn-outline-secondary" type="button" wire:click.prevent="$refresh"> |
||||
<i class="fa-solid fa-magnifying-glass"></i> |
||||
</button> |
||||
</div> |
||||
|
||||
@if (session()->has('message')) |
||||
<div class="alert alert-success mb-2">{{ session('message') }}</div> |
||||
@endif |
||||
<a href="{{ route('permissions.create') }}" class="btn btn-sm btn-primary"> |
||||
+ New |
||||
</a> |
||||
</div> |
||||
<div class="card-body p-3"> |
||||
@if (session()->has('message')) |
||||
<div class="alert alert-success">{{ session('message') }}</div> |
||||
@endif |
||||
|
||||
<table class="w-full table-auto border-collapse border"> |
||||
<thead> |
||||
<tr> |
||||
<th class="border px-2 py-1">ID</th> |
||||
<th class="border px-2 py-1">Name</th> |
||||
<th class="border px-2 py-1">Actions</th> |
||||
</tr> |
||||
</thead> |
||||
<tbody> |
||||
@foreach($permissions as $p) |
||||
<tr> |
||||
<td class="border px-2 py-1">{{ $p->id }}</td> |
||||
<td class="border px-2 py-1">{{ $p->name }}</td> |
||||
<td class="border px-2 py-1"> |
||||
<a |
||||
href="{{ route('permissions.edit', $p) }}" |
||||
class="text-blue-600" |
||||
>Edit</a> |
||||
<button |
||||
wire:click="delete({{ $p->id }})" |
||||
class="text-red-600 ml-2" |
||||
>Delete</button> |
||||
</td> |
||||
</tr> |
||||
@endforeach |
||||
</tbody> |
||||
</table> |
||||
<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">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> |
||||
|
||||
<div class="mt-4">{{ $permissions->links() }}</div> |
||||
<div class="mt-3"> |
||||
{{ $permissions->links() }} |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
</div> |
||||
|
Loading…
Reference in new issue