change workshop table to events

This commit is contained in:
2024-05-07 15:00:32 +10:00
parent 391b17c1e7
commit 8f8d12065d
16 changed files with 244 additions and 205 deletions

View File

@@ -0,0 +1,55 @@
<x-layout>
<x-mast>Workshops</x-mast>
<x-container>
<div class="flex my-4 items-center">
<div class="flex-1">
<x-ui.button type="link" href="{{ route('admin.event.create') }}">Create</x-ui.button>
</div>
<div class="flex-1">
<x-ui.search name="search" label="Search" />
</div>
</div>
@if($events->isEmpty())
<x-none-found item="workshops" search="{{ request()->get('search') }}" />
@else
<x-ui.table>
<x-slot:header>
<th>Title</th>
<th class="hidden lg:table-cell">Status</th>
<th class="hidden lg:table-cell">Location</th>
<th class="hidden md:table-cell">Starts</th>
<th>Action</th>
</x-slot:header>
<x-slot:body>
@foreach ($events as $event)
<tr>
<td class="flex items-center">
<img src="{{ $event->hero->thumbnail }}" class="max-h-12 max-w-12 -ml-2 -my-3 mr-3 inline rounded" alt="{{ $event->hero->title }}" />
<div>
<div class="whitespace-normal">{{ $event->title }}</div>
<div class="lg:hidden text-xs text-gray-500">{{ $event->location->name }} ({{ ucwords($event->status) }})</div>
<div class="md:hidden text-xs text-gray-500">{{ \Carbon\Carbon::parse($event->starts_at)->format('j/m/Y g:i a') }}</div>
</div>
</td>
<td class="hidden lg:table-cell">{{ ucwords($event->status) }}</td>
<td class="hidden lg:table-cell">{{ $event->location->name }}</td>
<td class="hidden md:table-cell">{{ \Carbon\Carbon::parse($event->starts_at)->format('M j Y, g:i a') }}</td>
<td>
<div class="flex justify-center gap-3">
<a href="{{ route('admin.event.edit', $event) }}" class="hover:text-primary-color" title="Edit"><i class="fa-solid fa-pen-to-square"></i></a>
<a href="{{ route('admin.event.duplicate', $event) }}" class="hover:text-primary-color" title="Duplicate"><i class="fa-regular fa-copy"></i></a>
<a href="#" class="hover:text-red-600" x-data x-on:click.prevent="SM.confirmDelete('{{ csrf_token() }}', 'Delete workshop?', 'Are you sure you want to delete this workshop? This action cannot be undone', '{{ route('admin.event.destroy', $event) }}')" title="Delete"><i class="fa-solid fa-trash"></i></a>
</div>
</td>
</tr>
@endforeach
</x-slot:body>
</x-ui.table>
{{ $events->appends(request()->query())->links() }}
@endif
</x-container>
</x-layout>