mirror of
https://github.com/HolgerHatGarKeineNode/einundzwanzig-app.git
synced 2025-12-14 12:06:46 +00:00
246 lines
9.9 KiB
PHP
246 lines
9.9 KiB
PHP
<?php
|
|
|
|
use App\Models\City;
|
|
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;
|
|
|
|
// New Venue Modal
|
|
public string $newVenueName = '';
|
|
public ?int $newVenueCityId = null;
|
|
public string $newVenueStreet = '';
|
|
|
|
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 createVenue(): void
|
|
{
|
|
$validated = $this->validate([
|
|
'newVenueName' => ['required', 'string', 'max:255', 'unique:venues,name'],
|
|
'newVenueCityId' => ['required', 'exists:cities,id'],
|
|
'newVenueStreet' => ['required', 'string', 'max:255'],
|
|
]);
|
|
|
|
$venue = Venue::create([
|
|
'name' => $validated['newVenueName'],
|
|
'city_id' => $validated['newVenueCityId'],
|
|
'street' => $validated['newVenueStreet'],
|
|
'slug' => str($validated['newVenueName'])->slug(),
|
|
'created_by' => auth()->id(),
|
|
]);
|
|
|
|
$this->venue_id = $venue->id;
|
|
$this->reset(['newVenueName', 'newVenueCityId', 'newVenueStreet']);
|
|
|
|
\Flux\Flux::modal('add-venue')->close();
|
|
}
|
|
|
|
public function with(): array
|
|
{
|
|
return [
|
|
'venues' => Venue::query()->orderBy('name')->get(),
|
|
'cities' => City::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>
|
|
<div class="flex items-center justify-between mb-2">
|
|
<flux:label>{{ __('Veranstaltungsort') }} <span class="text-red-500">*</span></flux:label>
|
|
<flux:modal.trigger name="add-venue">
|
|
<flux:button class="cursor-pointer" size="xs" variant="ghost" icon="plus">
|
|
{{ __('Ort hinzufügen') }}
|
|
</flux:button>
|
|
</flux:modal.trigger>
|
|
</div>
|
|
<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>
|
|
|
|
<!-- Add Venue Modal -->
|
|
<flux:modal name="add-venue" variant="flyout" wire:key="add-venue-modal">
|
|
<form wire:submit="createVenue" class="space-y-6">
|
|
<div>
|
|
<flux:heading size="lg">{{ __('Veranstaltungsort hinzufügen') }}</flux:heading>
|
|
<flux:text class="mt-2">{{ __('Füge einen neuen Veranstaltungsort zur Datenbank hinzu.') }}</flux:text>
|
|
</div>
|
|
|
|
<flux:field>
|
|
<flux:label>{{ __('Name') }} <span class="text-red-500">*</span></flux:label>
|
|
<flux:input wire:model="newVenueName" placeholder="{{ __('z.B. Bitcoin Zentrum München') }}" required/>
|
|
<flux:error name="newVenueName"/>
|
|
</flux:field>
|
|
|
|
<flux:field>
|
|
<flux:label>{{ __('Stadt') }} <span class="text-red-500">*</span></flux:label>
|
|
<flux:select variant="listbox" searchable wire:model="newVenueCityId"
|
|
placeholder="{{ __('Stadt auswählen') }}">
|
|
<x-slot name="search">
|
|
<flux:select.search class="px-4" placeholder="{{ __('Suche passende Stadt...') }}"/>
|
|
</x-slot>
|
|
@foreach($cities as $city)
|
|
<flux:select.option value="{{ $city->id }}">{{ $city->name }} ({{ $city->country->name }})
|
|
</flux:select.option>
|
|
@endforeach
|
|
</flux:select>
|
|
<flux:error name="newVenueCityId"/>
|
|
</flux:field>
|
|
|
|
<flux:field>
|
|
<flux:label>{{ __('Straße') }} <span class="text-red-500">*</span></flux:label>
|
|
<flux:input wire:model="newVenueStreet" placeholder="{{ __('z.B. Hauptstraße 1') }}" required/>
|
|
<flux:error name="newVenueStreet"/>
|
|
</flux:field>
|
|
|
|
<div class="flex gap-2">
|
|
<flux:spacer/>
|
|
|
|
<flux:modal.close>
|
|
<flux:button class="cursor-pointer" type="button" variant="ghost">{{ __('Abbrechen') }}</flux:button>
|
|
</flux:modal.close>
|
|
|
|
<flux:button class="cursor-pointer" type="submit" variant="primary">{{ __('Ort erstellen') }}</flux:button>
|
|
</div>
|
|
</form>
|
|
</flux:modal>
|
|
</div>
|