presseportale/resources/views/livewire/admin/footer-codes/create.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 anlegen')] class extends Component
{
    #[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 save(): void
    {
        $this->validate();

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

            if (! $this->isGlobal && ! empty($this->categoryIds)) {
                $code->categories()->sync($this->categoryIds);
            }
        });

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

        $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 anlegen') }}</flux:heading>
                <flux:subheading>
                    {{ __('Snippet, das unter Pressemitteilungen ausgespielt wird.') }}
                </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')"
                    placeholder="z. B. {{ __('Standard-Disclaimer DE') }}"
                />

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

                <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')"
                        :description="__('Niedrigere Werte zuerst.')"
                    />
                </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')"
                    :description="__('Inaktive Codes werden niemals ausgespielt.')"
                />
            </div>
        </flux:card>

        @if(! $isGlobal)
            <flux:card>
                <flux:heading size="lg">{{ __('Kategorie-Zuordnung') }}</flux:heading>
                <flux:subheading>
                    {{ __('Nur Pressemitteilungen in diesen Kategorien zeigen den Footer-Code.') }}
                </flux:subheading>

                <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-end 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>
        </flux:card>
    </form>
</div>