presseportale/resources/views/livewire/admin/footer-codes/edit.blade.php

<?php

use App\Enums\Portal;
use App\Models\Category;
use App\Models\FooterCode;
use Illuminate\Support\Facades\DB;
use Livewire\Attributes\Layout;
use Livewire\Attributes\Title;
use Livewire\Attributes\Validate;
use Livewire\Volt\Component;

new #[Layout('components.layouts.app'), Title('Footer-Code bearbeiten')] class extends Component
{
    public int $id = 0;

    #[Validate('required|string|min:2|max:255')]
    public string $title = '';

    #[Validate('required|string|min:5')]
    public string $content = '';

    #[Validate('required|in:'.Portal::Both->value.','.Portal::Presseecho->value.','.Portal::Businessportal24->value)]
    public string $portal = Portal::Both->value;

    #[Validate('nullable|in:de,en')]
    public ?string $language = null;

    public bool $isGlobal = false;

    public bool $isActive = true;

    #[Validate('integer|min:0|max:1000')]
    public int $priority = 0;

    /** @var array<int, int> */
    public array $categoryIds = [];

    public function mount(int $id): void
    {
        $code = FooterCode::query()
            ->with('categories:id')
            ->findOrFail($id);

        $this->id = $code->id;
        $this->title = $code->title;
        $this->content = $code->content;
        $this->portal = $code->portal->value;
        $this->language = $code->language;
        $this->isGlobal = $code->is_global;
        $this->isActive = $code->is_active;
        $this->priority = $code->priority;
        $this->categoryIds = $code->categories->pluck('id')->all();
    }

    public function save(): void
    {
        $this->validate();

        $code = FooterCode::query()->findOrFail($this->id);

        DB::transaction(function () use ($code): void {
            $code->update([
                'title' => $this->title,
                'content' => $this->content,
                'portal' => $this->portal,
                'language' => $this->language,
                'is_global' => $this->isGlobal,
                'is_active' => $this->isActive,
                'priority' => $this->priority,
            ]);

            $code->categories()->sync(
                $this->isGlobal ? [] : $this->categoryIds,
            );
        });

        session()->flash('success', __('Footer-Code wurde aktualisiert.'));

        $this->redirect(route('admin.footer-codes.index'), navigate: true);
    }

    public function delete(): void
    {
        $code = FooterCode::query()->findOrFail($this->id);
        $code->delete();

        session()->flash('success', __('Footer-Code wurde gelöscht.'));

        $this->redirect(route('admin.footer-codes.index'), navigate: true);
    }

    public function with(): array
    {
        return [
            'portalOptions' => Portal::cases(),
            'categoryOptions' => Category::query()
                ->with(['translations' => fn ($q) => $q->where('locale', 'de')])
                ->orderBy('id')
                ->get()
                ->map(fn (Category $cat) => [
                    'id' => $cat->id,
                    'name' => $cat->translations->first()?->name ?? '#'.$cat->id,
                    'portal' => $cat->portal->value,
                ]),
        ];
    }
}; ?>

<div class="space-y-6">
    <flux:card>
        <div class="flex items-center justify-between">
            <div>
                <flux:heading size="xl">{{ __('Footer-Code bearbeiten') }}</flux:heading>
                <flux:subheading>#{{ $id }} – {{ $title }}</flux:subheading>
            </div>
            <flux:button
                variant="ghost"
                icon="arrow-left"
                :href="route('admin.footer-codes.index')"
                wire:navigate
            >
                {{ __('Zurück') }}
            </flux:button>
        </div>
    </flux:card>

    <form wire:submit="save" class="space-y-6">
        <flux:card>
            <flux:heading size="lg">{{ __('Stammdaten') }}</flux:heading>

            <div class="mt-4 space-y-4">
                <flux:input wire:model="title" :label="__('Titel')" />

                <flux:textarea
                    wire:model="content"
                    :label="__('HTML-/Text-Inhalt')"
                    rows="10"
                />

                <div class="grid grid-cols-1 gap-4 md:grid-cols-3">
                    <flux:select wire:model="portal" :label="__('Portal')">
                        @foreach($portalOptions as $option)
                            <option value="{{ $option->value }}">{{ $option->label() }}</option>
                        @endforeach
                    </flux:select>

                    <flux:select wire:model="language" :label="__('Sprache')">
                        <option value="">{{ __('Alle') }}</option>
                        <option value="de">{{ __('Deutsch') }}</option>
                        <option value="en">{{ __('Englisch') }}</option>
                    </flux:select>

                    <flux:input
                        wire:model="priority"
                        type="number"
                        min="0"
                        max="1000"
                        :label="__('Priorität')"
                    />
                </div>
            </div>
        </flux:card>

        <flux:card>
            <flux:heading size="lg">{{ __('Sichtbarkeit') }}</flux:heading>

            <div class="mt-4 space-y-4">
                <flux:switch
                    wire:model.live="isGlobal"
                    :label="__('Global ausspielen')"
                    :description="__('Wird unter allen Pressemitteilungen angezeigt – Kategorie-Zuordnung wird ignoriert.')"
                />

                <flux:switch
                    wire:model="isActive"
                    :label="__('Aktiv')"
                />
            </div>
        </flux:card>

        @if(! $isGlobal)
            <flux:card>
                <flux:heading size="lg">{{ __('Kategorie-Zuordnung') }}</flux:heading>

                <div class="mt-4 grid grid-cols-1 gap-2 md:grid-cols-2 lg:grid-cols-3">
                    @forelse($categoryOptions as $option)
                        <label class="flex items-center gap-2 rounded border border-zinc-200 px-3 py-2 dark:border-zinc-700">
                            <input
                                type="checkbox"
                                wire:model="categoryIds"
                                value="{{ $option['id'] }}"
                                class="rounded border-zinc-300"
                            />
                            <span class="text-sm">{{ $option['name'] }}</span>
                        </label>
                    @empty
                        <flux:text class="text-zinc-500">
                            {{ __('Keine Kategorien vorhanden.') }}
                        </flux:text>
                    @endforelse
                </div>
            </flux:card>
        @endif

        <flux:card>
            <div class="flex items-center justify-between gap-2">
                <flux:button
                    type="button"
                    variant="danger"
                    icon="trash"
                    wire:click="delete"
                    wire:confirm="{{ __('Footer-Code wirklich löschen?') }}"
                >
                    {{ __('Löschen') }}
                </flux:button>

                <div class="flex items-center gap-2">
                    <flux:button
                        variant="ghost"
                        :href="route('admin.footer-codes.index')"
                        wire:navigate
                    >
                        {{ __('Abbrechen') }}
                    </flux:button>
                    <flux:button type="submit" variant="primary" icon="check">
                        {{ __('Speichern') }}
                    </flux:button>
                </div>
            </div>
        </flux:card>
    </form>
</div>