mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-app.git
synced 2025-12-15 00:06:48 +00:00
✨ Add course event creation, editing, and listing with dynamic validations
This commit is contained in:
HolgerHatGarKeineNode
162
resources/views/livewire/courses/create-edit-events.blade.php
Normal file
162
resources/views/livewire/courses/create-edit-events.blade.php
Normal file
@@ -0,0 +1,162 @@
|
||||
<?php
|
||||
|
||||
use App\Models\Course;
|
||||
use App\Models\CourseEvent;
|
||||
use App\Models\Venue;
|
||||
use Livewire\Attributes\Validate;
|
||||
use Livewire\Volt\Component;
|
||||
|
||||
new class extends Component {
|
||||
public Course $course;
|
||||
public ?CourseEvent $event = null;
|
||||
|
||||
public $country = 'de';
|
||||
|
||||
#[Validate('required|date')]
|
||||
public string $from = '';
|
||||
|
||||
#[Validate('required|date|after:from')]
|
||||
public string $to = '';
|
||||
|
||||
#[Validate('required|exists:venues,id')]
|
||||
public ?int $venue_id = null;
|
||||
|
||||
#[Validate('required|url|max:255')]
|
||||
public ?string $link = null;
|
||||
|
||||
public function mount(): void
|
||||
{
|
||||
$this->country = request()->route('country');
|
||||
if ($this->event) {
|
||||
$this->from = $this->event->from->format('Y-m-d\TH:i');
|
||||
$this->to = $this->event->to->format('Y-m-d\TH:i');
|
||||
$this->venue_id = $this->event->venue_id;
|
||||
$this->link = $this->event->link;
|
||||
} else {
|
||||
// Set default start time to next Monday at 09:00
|
||||
$nextMonday = now()->next('Monday')->setTime(9, 0);
|
||||
$this->from = $nextMonday->format('Y-m-d\TH:i');
|
||||
$this->to = $nextMonday->copy()->addHours(3)->format('Y-m-d\TH:i');
|
||||
}
|
||||
}
|
||||
|
||||
public function save(): void
|
||||
{
|
||||
$validated = $this->validate();
|
||||
|
||||
if ($this->event) {
|
||||
// Update existing event
|
||||
$this->event->update($validated);
|
||||
session()->flash('status', __('Event erfolgreich aktualisiert!'));
|
||||
} else {
|
||||
// Create new event
|
||||
$this->course->courseEvents()->create([
|
||||
...$validated,
|
||||
'created_by' => auth()->id(),
|
||||
]);
|
||||
session()->flash('status', __('Event erfolgreich erstellt!'));
|
||||
}
|
||||
|
||||
$this->redirect(route('courses.landingpage', ['course' => $this->course, 'country' => $this->country]), navigate: true);
|
||||
}
|
||||
|
||||
public function delete(): void
|
||||
{
|
||||
if ($this->event) {
|
||||
$this->event->delete();
|
||||
session()->flash('status', __('Event erfolgreich gelöscht!'));
|
||||
$this->redirect(route('courses.landingpage', ['course' => $this->course, 'country' => $this->country]), navigate: true);
|
||||
}
|
||||
}
|
||||
|
||||
public function with(): array
|
||||
{
|
||||
return [
|
||||
'venues' => Venue::query()->orderBy('name')->get(),
|
||||
];
|
||||
}
|
||||
}; ?>
|
||||
|
||||
<div class="max-w-4xl mx-auto p-6">
|
||||
<flux:heading size="xl" class="mb-8">
|
||||
{{ $event ? __('Event bearbeiten') : __('Neues Event erstellen') }}: {{ $course->name }}
|
||||
</flux:heading>
|
||||
|
||||
<form wire:submit="save" class="space-y-10">
|
||||
|
||||
<!-- Event Details -->
|
||||
<flux:fieldset class="space-y-6">
|
||||
<flux:legend>{{ __('Event Details') }}</flux:legend>
|
||||
|
||||
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
||||
<flux:field>
|
||||
<flux:label>{{ __('Startzeit') }} <span class="text-red-500">*</span></flux:label>
|
||||
<flux:input wire:model="from" type="datetime-local" required/>
|
||||
<flux:description>{{ __('Wann beginnt das Event?') }}</flux:description>
|
||||
<flux:error name="from"/>
|
||||
</flux:field>
|
||||
|
||||
<flux:field>
|
||||
<flux:label>{{ __('Endzeit') }} <span class="text-red-500">*</span></flux:label>
|
||||
<flux:input wire:model="to" type="datetime-local" required/>
|
||||
<flux:description>{{ __('Wann endet das Event?') }}</flux:description>
|
||||
<flux:error name="to"/>
|
||||
</flux:field>
|
||||
</div>
|
||||
|
||||
<flux:field>
|
||||
<flux:label>{{ __('Veranstaltungsort') }} <span class="text-red-500">*</span></flux:label>
|
||||
<flux:select variant="listbox" searchable wire:model="venue_id"
|
||||
placeholder="{{ __('Veranstaltungsort auswählen') }}" required>
|
||||
<x-slot name="search">
|
||||
<flux:select.search class="px-4" placeholder="{{ __('Suche nach Ort...') }}"/>
|
||||
</x-slot>
|
||||
@foreach($venues as $venue)
|
||||
<flux:select.option value="{{ $venue->id }}">
|
||||
{{ $venue->name }}
|
||||
@if($venue->city)
|
||||
- {{ $venue->city->name }}
|
||||
@endif
|
||||
</flux:select.option>
|
||||
@endforeach
|
||||
</flux:select>
|
||||
<flux:description>{{ __('Wo findet das Event statt?') }}</flux:description>
|
||||
<flux:error name="venue_id"/>
|
||||
</flux:field>
|
||||
|
||||
<flux:field>
|
||||
<flux:label>{{ __('Link') }} <span class="text-red-500">*</span></flux:label>
|
||||
<flux:input wire:model="link" type="url" placeholder="https://example.com" required/>
|
||||
<flux:description>{{ __('Link zu weiteren Informationen oder zur Anmeldung') }}</flux:description>
|
||||
<flux:error name="link"/>
|
||||
</flux:field>
|
||||
</flux:fieldset>
|
||||
|
||||
<!-- Form Actions -->
|
||||
<div class="flex items-center justify-between pt-8 border-t border-gray-200 dark:border-gray-700">
|
||||
<div class="flex items-center gap-4">
|
||||
<flux:button class="cursor-pointer" variant="ghost" type="button" :href="route('courses.landingpage', ['course' => $course, 'country' => $country])">
|
||||
{{ __('Abbrechen') }}
|
||||
</flux:button>
|
||||
|
||||
@if($event)
|
||||
<flux:button class="cursor-pointer" variant="danger" type="button" wire:click="delete" wire:confirm="{{ __('Bist du sicher, dass du dieses Event löschen möchtest?') }}">
|
||||
{{ __('Event löschen') }}
|
||||
</flux:button>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="flex items-center gap-4">
|
||||
@if (session('status'))
|
||||
<flux:text class="text-green-600 dark:text-green-400 font-medium">
|
||||
{{ session('status') }}
|
||||
</flux:text>
|
||||
@endif
|
||||
|
||||
<flux:button class="cursor-pointer" variant="primary" type="submit">
|
||||
{{ $event ? __('Event aktualisieren') : __('Event erstellen') }}
|
||||
</flux:button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
Reference in New Issue
Block a user