jeremy bayse
8f22dca9c8
Laravel 13 + Livewire/Volt app for managing client organizations, documents, passwords, flexible assets, virtual machines, contacts, domains, todos, shortcuts, and role-based user administration.
100 lines
4.2 KiB
PHP
100 lines
4.2 KiB
PHP
<?php
|
|
|
|
use App\Models\Organization;
|
|
use Livewire\Attributes\Url;
|
|
use Livewire\Component;
|
|
use Livewire\WithPagination;
|
|
|
|
new class extends Component
|
|
{
|
|
use WithPagination;
|
|
|
|
#[Url]
|
|
public string $search = '';
|
|
|
|
public function delete(int $organizationId): void
|
|
{
|
|
$organization = Organization::findOrFail($organizationId);
|
|
$organization->delete();
|
|
|
|
session()->flash('status', "Organisation « {$organization->name} » supprimée.");
|
|
}
|
|
|
|
public function with(): array
|
|
{
|
|
return [
|
|
'organizations' => Organization::query()
|
|
->when($this->search, fn ($query) => $query->where('name', 'like', "%{$this->search}%"))
|
|
->orderBy('name')
|
|
->paginate(15),
|
|
];
|
|
}
|
|
};
|
|
?>
|
|
|
|
<div>
|
|
<div class="mb-6 flex items-center justify-between">
|
|
<h1 class="text-2xl font-semibold text-slate-900">Organisations</h1>
|
|
<a href="{{ route('organizations.create') }}"
|
|
class="rounded bg-slate-900 px-4 py-2 text-sm font-medium text-white hover:bg-slate-700">
|
|
+ Nouvelle organisation
|
|
</a>
|
|
</div>
|
|
|
|
<input type="text" wire:model.live.debounce.300ms="search" placeholder="Filtrer par nom..."
|
|
class="mb-4 w-full max-w-sm rounded border-slate-300 text-sm shadow-sm focus:border-slate-500 focus:ring-slate-500">
|
|
|
|
<div class="overflow-hidden rounded border border-slate-200 bg-white">
|
|
<table class="min-w-full divide-y divide-slate-200 text-sm">
|
|
<thead class="bg-slate-50 text-left text-xs uppercase tracking-wide text-slate-500">
|
|
<tr>
|
|
<th class="px-4 py-3"></th>
|
|
<th class="px-4 py-3">Nom</th>
|
|
<th class="px-4 py-3">Type</th>
|
|
<th class="px-4 py-3">Statut</th>
|
|
<th class="px-4 py-3"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="divide-y divide-slate-100">
|
|
@forelse ($organizations as $organization)
|
|
<tr wire:key="org-{{ $organization->id }}">
|
|
<td class="px-4 py-3">
|
|
<img src="{{ $organization->logo_url }}" alt="Logo {{ $organization->name }}"
|
|
class="h-8 w-8 rounded border border-slate-200 bg-white object-contain p-0.5">
|
|
</td>
|
|
<td class="px-4 py-3">
|
|
<a href="{{ route('organizations.dashboard', $organization) }}" class="font-medium text-slate-900 hover:underline">
|
|
{{ $organization->name }}
|
|
</a>
|
|
</td>
|
|
<td class="px-4 py-3 text-slate-600">{{ $organization->org_type ?? '—' }}</td>
|
|
<td class="px-4 py-3">
|
|
<span class="rounded-full px-2 py-0.5 text-xs font-medium
|
|
{{ $organization->status === 'active' ? 'bg-emerald-100 text-emerald-700' : 'bg-slate-100 text-slate-600' }}">
|
|
{{ $organization->status === 'active' ? 'Actif' : 'Inactif' }}
|
|
</span>
|
|
</td>
|
|
<td class="px-4 py-3 text-right">
|
|
<a href="{{ route('organizations.edit', $organization) }}" class="text-slate-500 hover:text-slate-900">Modifier</a>
|
|
<button type="button"
|
|
wire:click="delete({{ $organization->id }})"
|
|
wire:confirm="Supprimer cette organisation ? Cette action est irréversible."
|
|
class="ml-3 text-red-500 hover:text-red-700">
|
|
Supprimer
|
|
</button>
|
|
</td>
|
|
</tr>
|
|
@empty
|
|
<tr>
|
|
<td colspan="5" class="px-4 py-6 text-center text-slate-400">Aucune organisation pour le moment.</td>
|
|
</tr>
|
|
@endforelse
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
<div class="mt-4">
|
|
{{ $organizations->links() }}
|
|
</div>
|
|
</div>
|