355 lines
15 KiB
PHP
355 lines
15 KiB
PHP
<?php
|
||
|
||
use App\Models\Partner;
|
||
use App\Models\Hub;
|
||
use Livewire\Volt\Component;
|
||
use function Livewire\Volt\{layout, title};
|
||
|
||
layout('components.layouts.app');
|
||
title('Partner bearbeiten');
|
||
|
||
new class extends Component {
|
||
public Partner $partner;
|
||
|
||
// Basis-Felder
|
||
public string $companyName = '';
|
||
public string $displayName = '';
|
||
public string $street = '';
|
||
public string $houseNumber = '';
|
||
public string $zip = '';
|
||
public string $city = '';
|
||
public string $phone = '';
|
||
public string $website = '';
|
||
public ?int $hubId = null;
|
||
public bool $isActive = true;
|
||
|
||
// Profil-Felder (Phase 1 Migrationen)
|
||
public string $storyText = '';
|
||
public int|string $foundedYear = '';
|
||
public string $specialtiesInput = '';
|
||
|
||
/**
|
||
* Öffnungszeiten als strukturiertes Array.
|
||
*
|
||
* @var array<string, array{open: string, close: string, closed: bool}>
|
||
*/
|
||
public array $openingHours = [
|
||
'monday' => ['open' => '09:00', 'close' => '18:00', 'closed' => false],
|
||
'tuesday' => ['open' => '09:00', 'close' => '18:00', 'closed' => false],
|
||
'wednesday' => ['open' => '09:00', 'close' => '18:00', 'closed' => false],
|
||
'thursday' => ['open' => '09:00', 'close' => '18:00', 'closed' => false],
|
||
'friday' => ['open' => '09:00', 'close' => '18:00', 'closed' => false],
|
||
'saturday' => ['open' => '10:00', 'close' => '16:00', 'closed' => false],
|
||
'sunday' => ['open' => '', 'close' => '', 'closed' => true],
|
||
];
|
||
|
||
public function mount(int $partnerId): void
|
||
{
|
||
$this->partner = Partner::findOrFail($partnerId);
|
||
$this->authorize('update', $this->partner);
|
||
|
||
$this->companyName = $this->partner->company_name ?? '';
|
||
$this->displayName = $this->partner->display_name ?? '';
|
||
$this->street = $this->partner->street ?? '';
|
||
$this->houseNumber = $this->partner->house_number ?? '';
|
||
$this->zip = $this->partner->zip ?? '';
|
||
$this->city = $this->partner->city ?? '';
|
||
$this->phone = $this->partner->phone ?? '';
|
||
$this->website = $this->partner->website ?? '';
|
||
$this->hubId = $this->partner->hub_id;
|
||
$this->isActive = $this->partner->is_active;
|
||
$this->storyText = $this->partner->story_text ?? '';
|
||
$this->foundedYear = $this->partner->founded_year ?? '';
|
||
$this->specialtiesInput = $this->partner->specialties
|
||
? implode(', ', $this->partner->specialties)
|
||
: '';
|
||
|
||
if ($this->partner->opening_hours) {
|
||
$this->openingHours = array_merge($this->openingHours, $this->partner->opening_hours);
|
||
}
|
||
}
|
||
|
||
public function save(): void
|
||
{
|
||
$this->authorize('update', $this->partner);
|
||
|
||
$this->validate([
|
||
'companyName' => 'required|string|max:255',
|
||
'displayName' => 'nullable|string|max:255',
|
||
'street' => 'nullable|string|max:255',
|
||
'houseNumber' => 'nullable|string|max:20',
|
||
'zip' => 'nullable|string|max:10',
|
||
'city' => 'nullable|string|max:100',
|
||
'phone' => 'nullable|string|max:50',
|
||
'website' => 'nullable|url|max:255',
|
||
'hubId' => 'nullable|exists:hubs,id',
|
||
'storyText' => 'nullable|string|max:2000',
|
||
'foundedYear' => 'nullable|integer|min:1800|max:' . now()->year,
|
||
'specialtiesInput' => 'nullable|string|max:500',
|
||
], [
|
||
'companyName.required' => __('Bitte geben Sie einen Firmennamen ein.'),
|
||
'website.url' => __('Bitte geben Sie eine gültige URL ein (z.B. https://example.de).'),
|
||
'foundedYear.integer' => __('Bitte geben Sie eine gültige Jahreszahl ein.'),
|
||
'foundedYear.min' => __('Das Gründungsjahr muss nach 1800 liegen.'),
|
||
'foundedYear.max' => __('Das Gründungsjahr darf nicht in der Zukunft liegen.'),
|
||
]);
|
||
|
||
$specialties = array_filter(
|
||
array_map('trim', explode(',', $this->specialtiesInput))
|
||
);
|
||
|
||
$this->partner->update([
|
||
'company_name' => $this->companyName,
|
||
'display_name' => $this->displayName ?: null,
|
||
'street' => $this->street ?: null,
|
||
'house_number' => $this->houseNumber ?: null,
|
||
'zip' => $this->zip ?: null,
|
||
'city' => $this->city ?: null,
|
||
'phone' => $this->phone ?: null,
|
||
'website' => $this->website ?: null,
|
||
'hub_id' => $this->hubId,
|
||
'is_active' => $this->isActive,
|
||
'story_text' => $this->storyText ?: null,
|
||
'founded_year' => $this->foundedYear ?: null,
|
||
'specialties' => array_values($specialties),
|
||
'opening_hours' => $this->openingHours,
|
||
]);
|
||
|
||
session()->flash('message', __('Partner-Profil erfolgreich gespeichert.'));
|
||
}
|
||
|
||
/** @return array<string, string> */
|
||
protected function dayLabels(): array
|
||
{
|
||
return [
|
||
'monday' => __('Montag'),
|
||
'tuesday' => __('Dienstag'),
|
||
'wednesday' => __('Mittwoch'),
|
||
'thursday' => __('Donnerstag'),
|
||
'friday' => __('Freitag'),
|
||
'saturday' => __('Samstag'),
|
||
'sunday' => __('Sonntag'),
|
||
];
|
||
}
|
||
|
||
public function with(): array
|
||
{
|
||
return [
|
||
'hubs' => Hub::orderBy('name')->get(['id', 'name']),
|
||
'dayLabels' => $this->dayLabels(),
|
||
];
|
||
}
|
||
}; ?>
|
||
|
||
<div class="space-y-6 p-6">
|
||
{{-- Header --}}
|
||
<div class="flex items-center gap-4">
|
||
<flux:button href="{{ route('admin.partners.index') }}" variant="ghost" icon="arrow-left" />
|
||
<div>
|
||
<flux:heading size="xl" class="mb-1">{{ $partner->company_name }}</flux:heading>
|
||
<flux:subheading>{{ __('Partner-Profil bearbeiten') }}</flux:subheading>
|
||
</div>
|
||
</div>
|
||
|
||
@if (session()->has('message'))
|
||
<flux:callout variant="success" icon="check-circle">
|
||
{{ session('message') }}
|
||
</flux:callout>
|
||
@endif
|
||
|
||
<form wire:submit="save" class="space-y-6">
|
||
|
||
{{-- Basisdaten --}}
|
||
<flux:card class="shadow-elegant">
|
||
<div class="mb-4">
|
||
<flux:heading size="lg">{{ __('Basisdaten') }}</flux:heading>
|
||
</div>
|
||
<flux:separator class="mb-6" />
|
||
|
||
<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
|
||
<flux:field>
|
||
<flux:label>{{ __('Firmenname') }}</flux:label>
|
||
<flux:input wire:model="companyName" icon="building-office" />
|
||
@error('companyName') <flux:error>{{ $message }}</flux:error> @enderror
|
||
</flux:field>
|
||
|
||
<flux:field>
|
||
<flux:label>{{ __('Anzeigename (optional)') }}</flux:label>
|
||
<flux:description>{{ __('Öffentlich sichtbarer Name, falls abweichend') }}</flux:description>
|
||
<flux:input wire:model="displayName" />
|
||
@error('displayName') <flux:error>{{ $message }}</flux:error> @enderror
|
||
</flux:field>
|
||
</div>
|
||
|
||
<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-3">
|
||
<flux:field class="md:col-span-2">
|
||
<flux:label>{{ __('Straße') }}</flux:label>
|
||
<flux:input wire:model="street" />
|
||
@error('street') <flux:error>{{ $message }}</flux:error> @enderror
|
||
</flux:field>
|
||
|
||
<flux:field>
|
||
<flux:label>{{ __('Hausnummer') }}</flux:label>
|
||
<flux:input wire:model="houseNumber" />
|
||
@error('houseNumber') <flux:error>{{ $message }}</flux:error> @enderror
|
||
</flux:field>
|
||
</div>
|
||
|
||
<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-3">
|
||
<flux:field>
|
||
<flux:label>{{ __('PLZ') }}</flux:label>
|
||
<flux:input wire:model="zip" />
|
||
@error('zip') <flux:error>{{ $message }}</flux:error> @enderror
|
||
</flux:field>
|
||
|
||
<flux:field class="md:col-span-2">
|
||
<flux:label>{{ __('Stadt') }}</flux:label>
|
||
<flux:input wire:model="city" />
|
||
@error('city') <flux:error>{{ $message }}</flux:error> @enderror
|
||
</flux:field>
|
||
</div>
|
||
|
||
<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-2">
|
||
<flux:field>
|
||
<flux:label>{{ __('Telefon') }}</flux:label>
|
||
<flux:input wire:model="phone" type="tel" icon="phone" />
|
||
@error('phone') <flux:error>{{ $message }}</flux:error> @enderror
|
||
</flux:field>
|
||
|
||
<flux:field>
|
||
<flux:label>{{ __('Website') }}</flux:label>
|
||
<flux:input wire:model="website" type="url" placeholder="https://example.de" icon="globe-alt" />
|
||
@error('website') <flux:error>{{ $message }}</flux:error> @enderror
|
||
</flux:field>
|
||
</div>
|
||
|
||
<div class="mt-4 grid grid-cols-1 gap-4 md:grid-cols-2">
|
||
<flux:field>
|
||
<flux:label>{{ __('Hub / Region') }}</flux:label>
|
||
<flux:select wire:model="hubId">
|
||
<flux:select.option :value="null">{{ __('– Kein Hub –') }}</flux:select.option>
|
||
@foreach ($hubs as $hub)
|
||
<flux:select.option :value="$hub->id">{{ $hub->name }}</flux:select.option>
|
||
@endforeach
|
||
</flux:select>
|
||
@error('hubId') <flux:error>{{ $message }}</flux:error> @enderror
|
||
</flux:field>
|
||
|
||
<flux:field>
|
||
<flux:label>{{ __('Status') }}</flux:label>
|
||
<flux:switch wire:model="isActive" label="{{ __('Partner ist aktiv') }}" />
|
||
</flux:field>
|
||
</div>
|
||
</flux:card>
|
||
|
||
{{-- Story & Profil --}}
|
||
<flux:card class="shadow-elegant">
|
||
<div class="mb-4">
|
||
<flux:heading size="lg">{{ __('Story & Profil') }}</flux:heading>
|
||
<flux:subheading>{{ __('Erzählen Sie die Geschichte des Partners') }}</flux:subheading>
|
||
</div>
|
||
<flux:separator class="mb-6" />
|
||
|
||
<div class="space-y-4">
|
||
<flux:field>
|
||
<flux:label>{{ __('Story-Text') }}</flux:label>
|
||
<flux:description>{{ __('Kurze Geschichte des Unternehmens – max. 2.000 Zeichen') }}</flux:description>
|
||
<flux:textarea
|
||
wire:model="storyText"
|
||
placeholder="{{ __('Seit 1950 steht unser Haus für...') }}"
|
||
rows="5"
|
||
/>
|
||
<div class="mt-1 text-right text-xs text-zinc-400">
|
||
{{ strlen($storyText) }} / 2000
|
||
</div>
|
||
@error('storyText') <flux:error>{{ $message }}</flux:error> @enderror
|
||
</flux:field>
|
||
|
||
<div class="grid grid-cols-1 gap-4 md:grid-cols-2">
|
||
<flux:field>
|
||
<flux:label>{{ __('Gründungsjahr') }}</flux:label>
|
||
<flux:input
|
||
wire:model="foundedYear"
|
||
type="number"
|
||
min="1800"
|
||
:max="date('Y')"
|
||
placeholder="{{ __('z.B. 1985') }}"
|
||
icon="calendar"
|
||
/>
|
||
@error('foundedYear') <flux:error>{{ $message }}</flux:error> @enderror
|
||
</flux:field>
|
||
|
||
<flux:field>
|
||
<flux:label>{{ __('Fachgebiete / Spezialisierungen') }}</flux:label>
|
||
<flux:description>{{ __('Kommagetrennt, z.B. Polstermöbel, Küchen, Matratzen') }}</flux:description>
|
||
<flux:input
|
||
wire:model="specialtiesInput"
|
||
placeholder="{{ __('Polstermöbel, Küchen, Matratzen') }}"
|
||
/>
|
||
@error('specialtiesInput') <flux:error>{{ $message }}</flux:error> @enderror
|
||
</flux:field>
|
||
</div>
|
||
</div>
|
||
</flux:card>
|
||
|
||
{{-- Öffnungszeiten --}}
|
||
<flux:card class="shadow-elegant">
|
||
<div class="mb-4">
|
||
<flux:heading size="lg">{{ __('Öffnungszeiten') }}</flux:heading>
|
||
</div>
|
||
<flux:separator class="mb-6" />
|
||
|
||
<div class="space-y-3">
|
||
@foreach ($dayLabels as $dayKey => $dayLabel)
|
||
<div class="flex items-center gap-4">
|
||
<div class="w-28 text-sm font-medium text-zinc-700 dark:text-zinc-300">
|
||
{{ $dayLabel }}
|
||
</div>
|
||
|
||
<flux:switch
|
||
wire:model.live="openingHours.{{ $dayKey }}.closed"
|
||
label="{{ __('Geschlossen') }}"
|
||
/>
|
||
|
||
@unless ($openingHours[$dayKey]['closed'] ?? false)
|
||
<div class="flex items-center gap-2">
|
||
<flux:input
|
||
wire:model="openingHours.{{ $dayKey }}.open"
|
||
type="time"
|
||
class="w-28"
|
||
/>
|
||
<span class="text-zinc-500">–</span>
|
||
<flux:input
|
||
wire:model="openingHours.{{ $dayKey }}.close"
|
||
type="time"
|
||
class="w-28"
|
||
/>
|
||
</div>
|
||
@endunless
|
||
</div>
|
||
@endforeach
|
||
</div>
|
||
</flux:card>
|
||
|
||
{{-- Aktionen --}}
|
||
<div class="flex justify-end gap-3">
|
||
<flux:button href="{{ route('admin.partners.index') }}" variant="ghost">
|
||
{{ __('Abbrechen') }}
|
||
</flux:button>
|
||
<flux:button
|
||
type="submit"
|
||
variant="primary"
|
||
icon="check"
|
||
wire:loading.attr="disabled"
|
||
wire:target="save"
|
||
>
|
||
<span wire:loading.remove wire:target="save">{{ __('Speichern') }}</span>
|
||
<span wire:loading wire:target="save">
|
||
<flux:icon.arrow-path class="animate-spin inline-block mr-1 h-4 w-4" />
|
||
{{ __('Wird gespeichert...') }}
|
||
</span>
|
||
</flux:button>
|
||
</div>
|
||
|
||
</form>
|
||
</div>
|