12-05-2026 Frontend dev

resources/views/livewire/customer/press-releases/create.blade.php

@@ -0,0 +1,227 @@
+<?php
+
+use App\Enums\Portal;
+use App\Enums\PressReleaseStatus;
+use App\Models\Category;
+use App\Models\Company;
+use App\Models\PressRelease;
+use App\Services\Customer\CustomerCompanyContext;
+use Illuminate\Support\Str;
+use Illuminate\Validation\Rule;
+use Livewire\Attributes\Layout;
+use Livewire\Attributes\Title;
+use Livewire\Volt\Component;
+
+new #[Layout('components.layouts.app'), Title('Neue Pressemitteilung')] class extends Component
+{
+    public string $portal = 'presseecho';
+
+    public string $language = 'de';
+
+    public int|string|null $companyId = null;
+
+    public int|string|null $categoryId = null;
+
+    public string $title = '';
+
+    public string $text = '';
+
+    public string $keywords = '';
+
+    public string $backlinkUrl = '';
+
+    public function mount(): void
+    {
+        $user = auth()->user();
+        $context = app(CustomerCompanyContext::class);
+        $firstCompany = $context->selectedCompany($user) ?? $context->companiesFor($user)->first();
+
+        if ($firstCompany) {
+            $this->companyId = $firstCompany->id;
+            $this->portal = $firstCompany->portal?->value ?? Portal::Presseecho->value;
+        }
+    }
+
+    public function save(string $submitStatus = 'draft'): void
+    {
+        $this->validate([
+            'language' => ['required', Rule::in(['de', 'en'])],
+            'companyId' => ['required', 'integer'],
+            'categoryId' => ['required', 'integer', Rule::exists('categories', 'id')],
+            'title' => ['required', 'string', 'min:5', 'max:255'],
+            'text' => ['required', 'string', 'min:50'],
+            'keywords' => ['nullable', 'string', 'max:255'],
+            'backlinkUrl' => ['nullable', 'url', 'max:255'],
+        ]);
+
+        $user = auth()->user();
+        $company = $this->selectedCompany();
+
+        if (! $company) {
+            $this->addError('companyId', __('Die gewählte Firma ist nicht Ihrem Account zugeordnet.'));
+
+            return;
+        }
+
+        $this->portal = $company->portal?->value ?? Portal::Presseecho->value;
+
+        $status = $submitStatus === 'review' ? PressReleaseStatus::Review : PressReleaseStatus::Draft;
+
+        $slug = (new PressRelease)->generateUniqueSlug($this->title, [
+            'portal' => $this->portal,
+            'language' => $this->language,
+        ]);
+
+        $pr = PressRelease::query()->create([
+            'uuid' => (string) Str::uuid(),
+            'portal' => $this->portal,
+            'language' => $this->language,
+            'user_id' => $user->id,
+            'company_id' => (int) $this->companyId,
+            'category_id' => (int) $this->categoryId,
+            'title' => $this->title,
+            'slug' => $slug,
+            'text' => $this->text,
+            'keywords' => $this->keywords ?: null,
+            'backlink_url' => $this->backlinkUrl ?: null,
+            'status' => $status->value,
+        ]);
+
+        session()->flash('success', $status === PressReleaseStatus::Review
+            ? __('Pressemitteilung zur Prüfung eingereicht.')
+            : __('Entwurf gespeichert.'));
+
+        $this->redirect(route('me.press-releases.show', $pr->id), navigate: true);
+    }
+
+    public function with(): array
+    {
+        $user = auth()->user();
+        $context = app(CustomerCompanyContext::class);
+        $myCompanies = $context->companiesFor($user);
+
+        $categories = Category::query()
+            ->with('translations')
+            ->where('is_active', true)
+            ->orderBy('id')
+            ->get();
+
+        return [
+            'myCompanies' => $myCompanies,
+            'categories' => $categories,
+            'selectedPortalLabel' => $this->selectedCompany()?->portal?->label() ?? __('Wird aus der Firma übernommen'),
+        ];
+    }
+
+    public function updatedCompanyId(): void
+    {
+        $company = $this->selectedCompany();
+
+        if ($company?->portal) {
+            $this->portal = $company->portal->value;
+        }
+    }
+
+    private function selectedCompany(): ?Company
+    {
+        return app(CustomerCompanyContext::class)
+            ->findFor(auth()->user(), (int) $this->companyId);
+    }
+}; ?>
+
+<div class="space-y-6">
+    <flux:card>
+        <div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+            <div>
+                <flux:heading size="lg">{{ __('Neue Pressemitteilung') }}</flux:heading>
+                <flux:subheading>{{ __('Entwurf erstellen oder direkt zur Prüfung einreichen.') }}</flux:subheading>
+            </div>
+            <flux:button variant="ghost" icon="arrow-left" href="{{ route('me.press-releases.index') }}" wire:navigate>
+                {{ __('Zurück') }}
+            </flux:button>
+        </div>
+    </flux:card>
+
+    <div class="grid gap-6 lg:grid-cols-[1fr,300px]">
+        <div class="space-y-6">
+            <flux:card>
+                <flux:heading size="md" class="mb-4">{{ __('Inhalt') }}</flux:heading>
+                <div class="space-y-4">
+                    <flux:field>
+                        <flux:label>{{ __('Titel') }} <span class="text-red-500">*</span></flux:label>
+                        <flux:input wire:model="title" placeholder="{{ __('Aussagekräftiger Titel…') }}" />
+                        <flux:error name="title" />
+                    </flux:field>
+
+                    <flux:field>
+                        <flux:label>{{ __('Text') }} <span class="text-red-500">*</span></flux:label>
+                        <flux:textarea wire:model="text" rows="16" placeholder="{{ __('Vollständiger Text…') }}" />
+                        <flux:error name="text" />
+                    </flux:field>
+
+                    <flux:field>
+                        <flux:label>{{ __('Stichwörter') }}</flux:label>
+                        <flux:input wire:model="keywords" placeholder="{{ __('Kommagetrennt…') }}" />
+                    </flux:field>
+
+                    <flux:field>
+                        <flux:label>{{ __('Backlink-URL') }}</flux:label>
+                        <flux:input wire:model="backlinkUrl" type="url" placeholder="https://…" />
+                        <flux:error name="backlinkUrl" />
+                    </flux:field>
+                </div>
+            </flux:card>
+        </div>
+
+        <div class="space-y-4">
+            <flux:card>
+                <flux:heading size="sm" class="mb-3">{{ __('Metadaten') }}</flux:heading>
+                <div class="space-y-4">
+                    <flux:field>
+                        <flux:label>{{ __('Firma') }} <span class="text-red-500">*</span></flux:label>
+                        <flux:select wire:model="companyId">
+                            <option value="">{{ __('Bitte wählen…') }}</option>
+                            @foreach($myCompanies as $c)
+                                <option value="{{ $c->id }}">{{ $c->name }}</option>
+                            @endforeach
+                        </flux:select>
+                        <flux:error name="companyId" />
+                    </flux:field>
+
+                    <flux:field>
+                        <flux:label>{{ __('Kategorie') }} <span class="text-red-500">*</span></flux:label>
+                        <flux:select wire:model="categoryId">
+                            <option value="">{{ __('Bitte wählen…') }}</option>
+                            @foreach($categories as $cat)
+                                @php $catName = $cat->translations->firstWhere('locale', 'de')?->name ?? $cat->id; @endphp
+                                <option value="{{ $cat->id }}">{{ $catName }}</option>
+                            @endforeach
+                        </flux:select>
+                        <flux:error name="categoryId" />
+                    </flux:field>
+
+                    <flux:input :label="__('Portal')" :value="$selectedPortalLabel" disabled />
+
+                    <flux:field>
+                        <flux:label>{{ __('Sprache') }}</flux:label>
+                        <flux:select wire:model="language">
+                            <option value="de">Deutsch</option>
+                            <option value="en">English</option>
+                        </flux:select>
+                    </flux:field>
+                </div>
+            </flux:card>
+
+            <flux:card>
+                <div class="space-y-2">
+                    <flux:button type="button" variant="primary" class="w-full" wire:click="save('review')">
+                        {{ __('Zur Prüfung einreichen') }}
+                    </flux:button>
+                    <flux:button type="button" variant="ghost" class="w-full" wire:click="save('draft')">
+                        {{ __('Als Entwurf speichern') }}
+                    </flux:button>
+                </div>
+            </flux:card>
+        </div>
+    </div>
+</div>

resources/views/livewire/customer/press-releases/edit.blade.php

@@ -0,0 +1,231 @@
+<?php
+
+use App\Enums\Portal;
+use App\Enums\PressReleaseStatus;
+use App\Models\Category;
+use App\Models\Company;
+use App\Models\PressRelease;
+use Illuminate\Validation\Rule;
+use Livewire\Attributes\Layout;
+use Livewire\Attributes\Locked;
+use Livewire\Attributes\Title;
+use Livewire\Volt\Component;
+
+new #[Layout('components.layouts.app'), Title('Pressemitteilung bearbeiten')] class extends Component
+{
+    #[Locked]
+    public int $id;
+
+    public string $portal = '';
+
+    public string $language = 'de';
+
+    public int|string|null $companyId = null;
+
+    public int|string|null $categoryId = null;
+
+    public string $title = '';
+
+    public string $text = '';
+
+    public string $keywords = '';
+
+    public string $backlinkUrl = '';
+
+    public function mount(int $id): void
+    {
+        $this->id = $id;
+
+        $pr = $this->getMyPR();
+        $this->authorize('update', $pr);
+
+        abort_unless(
+            in_array($pr->status->value, ['draft', 'rejected']),
+            403,
+            __('Nur Entwürfe und abgelehnte Pressemitteilungen können bearbeitet werden.')
+        );
+
+        $this->portal = $pr->portal->value;
+        $this->language = $pr->language;
+        $this->companyId = $pr->company_id;
+        $this->categoryId = $pr->category_id;
+        $this->title = $pr->title;
+        $this->text = $pr->text;
+        $this->keywords = $pr->keywords ?? '';
+        $this->backlinkUrl = $pr->backlink_url ?? '';
+    }
+
+    public function updatedCompanyId(): void
+    {
+        $company = $this->selectedCompany();
+
+        if ($company?->portal) {
+            $this->portal = $company->portal->value;
+        }
+    }
+
+    public function save(): void
+    {
+        $this->validate([
+            'language' => ['required', Rule::in(['de', 'en'])],
+            'companyId' => ['required', 'integer'],
+            'categoryId' => ['required', 'integer', Rule::exists('categories', 'id')],
+            'title' => ['required', 'string', 'min:5', 'max:255'],
+            'text' => ['required', 'string', 'min:50'],
+            'keywords' => ['nullable', 'string', 'max:255'],
+            'backlinkUrl' => ['nullable', 'url', 'max:255'],
+        ]);
+
+        $pr = $this->getMyPR();
+        $this->authorize('update', $pr);
+
+        $company = $this->selectedCompany();
+
+        if (! $company) {
+            $this->addError('companyId', __('Die gewählte Firma ist nicht Ihrem Account zugeordnet.'));
+
+            return;
+        }
+
+        $this->portal = $company->portal?->value ?? Portal::Presseecho->value;
+
+        $pr->update([
+            'portal' => $this->portal,
+            'language' => $this->language,
+            'company_id' => (int) $this->companyId,
+            'category_id' => (int) $this->categoryId,
+            'title' => $this->title,
+            'text' => $this->text,
+            'keywords' => $this->keywords ?: null,
+            'backlink_url' => $this->backlinkUrl ?: null,
+        ]);
+
+        session()->flash('success', __('Pressemitteilung gespeichert.'));
+        $this->redirect(route('me.press-releases.show', $pr->id), navigate: true);
+    }
+
+    public function with(): array
+    {
+        $user = auth()->user();
+        $myCompanies = $user->companies()->orderBy('name')->get(['companies.id', 'companies.name', 'companies.portal']);
+        $selectedCompany = $this->selectedCompany();
+
+        $categories = Category::query()
+            ->with('translations')
+            ->where('is_active', true)
+            ->orderBy('id')
+            ->get();
+
+        return [
+            'myCompanies' => $myCompanies,
+            'categories' => $categories,
+            'selectedPortalLabel' => $selectedCompany?->portal?->label() ?? __('Wird aus der Firma übernommen'),
+        ];
+    }
+
+    private function getMyPR(): PressRelease
+    {
+        return PressRelease::withoutGlobalScopes()
+            ->where('user_id', auth()->id())
+            ->findOrFail($this->id);
+    }
+
+    private function selectedCompany(): ?Company
+    {
+        return auth()->user()
+            ->companies()
+            ->whereKey((int) $this->companyId)
+            ->first(['companies.id', 'companies.portal']);
+    }
+}; ?>
+
+<div class="space-y-6">
+    <flux:card>
+        <div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+            <div>
+                <flux:heading size="lg">{{ __('Pressemitteilung bearbeiten') }}</flux:heading>
+                <flux:subheading>{{ __('Inhalt und Metadaten der Pressemitteilung aktualisieren.') }}</flux:subheading>
+            </div>
+            <flux:button variant="ghost" icon="arrow-left" href="{{ route('me.press-releases.show', $id) }}" wire:navigate>
+                {{ __('Zurück') }}
+            </flux:button>
+        </div>
+    </flux:card>
+
+    <div class="grid gap-6 lg:grid-cols-[1fr,300px]">
+        <div class="space-y-6">
+            <flux:card>
+                <flux:heading size="md" class="mb-4">{{ __('Inhalt') }}</flux:heading>
+                <div class="space-y-4">
+                    <flux:field>
+                        <flux:label>{{ __('Titel') }} <span class="text-red-500">*</span></flux:label>
+                        <flux:input wire:model="title" />
+                        <flux:error name="title" />
+                    </flux:field>
+
+                    <flux:field>
+                        <flux:label>{{ __('Text') }} <span class="text-red-500">*</span></flux:label>
+                        <flux:textarea wire:model="text" rows="20" />
+                        <flux:error name="text" />
+                    </flux:field>
+
+                    <flux:field>
+                        <flux:label>{{ __('Stichwörter') }}</flux:label>
+                        <flux:input wire:model="keywords" />
+                    </flux:field>
+
+                    <flux:field>
+                        <flux:label>{{ __('Backlink-URL') }}</flux:label>
+                        <flux:input wire:model="backlinkUrl" type="url" placeholder="https://…" />
+                        <flux:error name="backlinkUrl" />
+                    </flux:field>
+                </div>
+            </flux:card>
+
+            <livewire:components.press-release-images-manager :press-release-id="$id" :wire:key="'pr-images-'.$id" />
+        </div>
+
+        <div class="space-y-4">
+            <flux:card>
+                <flux:heading size="sm" class="mb-3">{{ __('Metadaten') }}</flux:heading>
+                <div class="space-y-4">
+                    <flux:field>
+                        <flux:label>{{ __('Firma') }}</flux:label>
+                        <flux:select wire:model="companyId">
+                            @foreach($myCompanies as $c)
+                                <option value="{{ $c->id }}">{{ $c->name }}</option>
+                            @endforeach
+                        </flux:select>
+                        <flux:error name="companyId" />
+                    </flux:field>
+
+                    <flux:field>
+                        <flux:label>{{ __('Kategorie') }}</flux:label>
+                        <flux:select wire:model="categoryId">
+                            <option value="">{{ __('Bitte wählen…') }}</option>
+                            @foreach($categories as $cat)
+                                @php $catName = $cat->translations->firstWhere('locale', 'de')?->name ?? $cat->id; @endphp
+                                <option value="{{ $cat->id }}">{{ $catName }}</option>
+                            @endforeach
+                        </flux:select>
+                        <flux:error name="categoryId" />
+                    </flux:field>
+
+                    <flux:input :label="__('Portal')" :value="$selectedPortalLabel" disabled />
+
+                    <flux:field>
+                        <flux:label>{{ __('Sprache') }}</flux:label>
+                        <flux:select wire:model="language">
+                            <option value="de">Deutsch</option>
+                            <option value="en">English</option>
+                        </flux:select>
+                    </flux:field>
+                </div>
+            </flux:card>
+
+            <flux:button type="button" variant="primary" class="w-full" wire:click="save">
+                {{ __('Speichern') }}
+            </flux:button>
+        </div>
+    </div>
+</div>

resources/views/livewire/customer/press-releases/index.blade.php

@@ -0,0 +1,201 @@
+<?php
+
+use App\Enums\PressReleaseStatus;
+use App\Models\PressRelease;
+use App\Services\PressRelease\BlacklistViolationException;
+use App\Services\PressRelease\PressReleaseService;
+use App\Services\Customer\CustomerCompanyContext;
+use Livewire\Attributes\Layout;
+use Livewire\Attributes\Title;
+use Livewire\Attributes\Url;
+use Livewire\Volt\Component;
+use Livewire\WithPagination;
+
+new #[Layout('components.layouts.app'), Title('Meine Pressemitteilungen')] class extends Component
+{
+    use WithPagination;
+
+    public string $search = '';
+
+    public string $statusFilter = 'all';
+
+    #[Url(as: 'company', except: 'all')]
+    public string $companyFilter = 'all';
+
+    public string $sortBy = 'created_at';
+
+    public string $sortDir = 'desc';
+
+    public function sort(string $column): void
+    {
+        if ($this->sortBy === $column) {
+            $this->sortDir = $this->sortDir === 'asc' ? 'desc' : 'asc';
+        } else {
+            $this->sortBy = $column;
+            $this->sortDir = 'asc';
+        }
+        $this->resetPage();
+    }
+
+    public function updatedSearch(): void { $this->resetPage(); }
+
+    public function updatedStatusFilter(): void { $this->resetPage(); }
+
+    public function updatedCompanyFilter(): void { $this->resetPage(); }
+
+    public function submitForReview(int $id): void
+    {
+        $pr = $this->findMyPR($id);
+        if (! $pr) { return; }
+
+        try {
+            app(PressReleaseService::class)->submitForReview($pr);
+            session()->flash('success', __('Pressemitteilung zur Prüfung eingereicht.'));
+        } catch (BlacklistViolationException $e) {
+            session()->flash('error', __('Pressemitteilung wurde automatisch abgelehnt: unzulässiges Wort ":word".', ['word' => $e->word]));
+        } catch (\LogicException $e) {
+            session()->flash('error', $e->getMessage());
+        }
+    }
+
+    public function with(): array
+    {
+        $userId = auth()->id();
+        $context = app(CustomerCompanyContext::class);
+        $selectedCompanyId = $context->selectedCompanyId(auth()->user());
+
+        $prs = PressRelease::withoutGlobalScopes()
+            ->where('user_id', $userId)
+            ->with('company:id,name')
+            ->when($selectedCompanyId !== null, fn ($q) => $q->where('company_id', $selectedCompanyId))
+            ->when($selectedCompanyId === null && $this->companyFilter === 'assigned', fn ($q) => $q->whereNotNull('company_id'))
+            ->when($selectedCompanyId === null && $this->companyFilter === 'unassigned', fn ($q) => $q->whereNull('company_id'))
+            ->when(filled($this->search), function ($q): void {
+                $term = $this->search;
+                $q->where('title', 'like', '%'.$term.'%');
+            })
+            ->when($this->statusFilter !== 'all', fn ($q) => $q->where('status', $this->statusFilter))
+            ->orderBy(in_array($this->sortBy, ['title', 'status', 'created_at']) ? $this->sortBy : 'created_at', $this->sortDir)
+            ->paginate(100);
+
+        return [
+            'pressReleases' => $prs,
+            'statusOptions' => PressReleaseStatus::cases(),
+            'selectedCompany' => $context->selectedCompany(auth()->user()),
+            'hasGlobalCompanyContext' => $selectedCompanyId === null,
+        ];
+    }
+
+    private function findMyPR(int $id): ?PressRelease
+    {
+        return PressRelease::withoutGlobalScopes()
+            ->where('id', $id)
+            ->where('user_id', auth()->id())
+            ->first();
+    }
+}; ?>
+
+<div class="space-y-6">
+    @if(session('success'))
+        <div class="rounded-md border border-green-200 bg-green-50 px-4 py-3 text-sm text-green-800 dark:border-green-800 dark:bg-green-900/20 dark:text-green-300">
+            {{ session('success') }}
+        </div>
+    @endif
+
+    <flux:card>
+        <div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+            <div>
+                <flux:heading size="lg">{{ __('Meine Pressemitteilungen') }}</flux:heading>
+                @if($selectedCompany)
+                    <flux:subheading>{{ __('Gefiltert auf :company', ['company' => $selectedCompany->name]) }}</flux:subheading>
+                @endif
+            </div>
+            <flux:button variant="primary" icon="plus" href="{{ route('me.press-releases.create') }}" wire:navigate>
+                {{ __('Neue Pressemitteilung') }}
+            </flux:button>
+        </div>
+    </flux:card>
+
+    <flux:card>
+        <div class="flex flex-col gap-3 sm:flex-row">
+            <flux:input wire:model.live.debounce.300ms="search" placeholder="{{ __('Titel suchen…') }}" icon="magnifying-glass" class="flex-1" />
+            <flux:select wire:model.live="statusFilter" class="sm:w-44">
+                <option value="all">{{ __('Alle Status') }}</option>
+                @foreach($statusOptions as $s)
+                    <option value="{{ $s->value }}">{{ $s->label() }}</option>
+                @endforeach
+            </flux:select>
+            @if($hasGlobalCompanyContext)
+                <flux:select wire:model.live="companyFilter" class="sm:w-48">
+                    <option value="all">{{ __('Alle Firmenzuordnungen') }}</option>
+                    <option value="assigned">{{ __('Mit Firma') }}</option>
+                    <option value="unassigned">{{ __('Ohne Firma') }}</option>
+                </flux:select>
+            @endif
+        </div>
+    </flux:card>
+
+    <flux:card class="p-0">
+        <div class="p-4">
+            <flux:table>
+            <flux:table.columns>
+                <flux:table.column sortable :sorted="$sortBy==='title'" :direction="$sortDir" wire:click="sort('title')">{{ __('Titel') }}</flux:table.column>
+                <flux:table.column>{{ __('Firma') }}</flux:table.column>
+                <flux:table.column sortable :sorted="$sortBy==='status'" :direction="$sortDir" wire:click="sort('status')">{{ __('Status') }}</flux:table.column>
+                <flux:table.column sortable :sorted="$sortBy==='created_at'" :direction="$sortDir" wire:click="sort('created_at')">{{ __('Erstellt') }}</flux:table.column>
+                <flux:table.column>{{ __('Aktionen') }}</flux:table.column>
+            </flux:table.columns>
+
+            @forelse($pressReleases as $pr)
+                <flux:table.row wire:key="{{ $pr->id }}">
+                    <flux:table.cell>
+                        <p class="max-w-xs truncate font-medium">{{ $pr->title }}</p>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <flux:text class="text-sm">{{ $pr->company?->name ?? '–' }}</flux:text>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <flux:badge color="{{ match($pr->status->value) {
+                            'published' => 'green',
+                            'review'    => 'yellow',
+                            'rejected'  => 'red',
+                            'archived'  => 'blue',
+                            default     => 'zinc',
+                        } }}">{{ $pr->status->label() }}</flux:badge>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <flux:text class="text-sm text-zinc-500">{{ $pr->created_at->format('d.m.Y') }}</flux:text>
+                    </flux:table.cell>
+                    <flux:table.cell>
+                        <div class="flex items-center gap-1">
+                            <flux:button size="sm" variant="ghost" icon="eye" href="{{ route('me.press-releases.show', $pr->id) }}" wire:navigate />
+                            @if(in_array($pr->status->value, ['draft', 'rejected']))
+                                <flux:button size="sm" variant="ghost" icon="pencil" href="{{ route('me.press-releases.edit', $pr->id) }}" wire:navigate />
+                                <flux:button size="sm" variant="ghost" icon="paper-airplane" wire:click="submitForReview({{ $pr->id }})"
+                                    wire:confirm="{{ __('Pressemitteilung zur Prüfung einreichen?') }}" />
+                            @endif
+                        </div>
+                    </flux:table.cell>
+                </flux:table.row>
+            @empty
+                <flux:table.row>
+                    <flux:table.cell colspan="5">
+                        <div class="flex flex-col items-center justify-center px-4 py-10 text-center">
+                            <flux:icon.newspaper class="size-10 text-zinc-300" />
+                            <flux:text weight="semibold" class="mt-3">{{ __('Keine Pressemitteilungen gefunden') }}</flux:text>
+                            <flux:text class="mt-1 max-w-md text-sm text-zinc-500">
+                                {{ __('Passen Sie die Filter an oder erstellen Sie eine neue Pressemitteilung.') }}
+                            </flux:text>
+                            <flux:button class="mt-4" size="sm" variant="primary" icon="plus" href="{{ route('me.press-releases.create') }}" wire:navigate>
+                                {{ __('Neue Pressemitteilung') }}
+                            </flux:button>
+                        </div>
+                    </flux:table.cell>
+                </flux:table.row>
+            @endforelse
+            </flux:table>
+        </div>
+    </flux:card>
+
+    {{ $pressReleases->links() }}
+</div>

resources/views/livewire/customer/press-releases/show.blade.php

@@ -0,0 +1,323 @@
+<?php
+
+use App\Enums\PressReleaseStatus;
+use App\Models\PressRelease;
+use App\Services\Auth\MagicLinkGenerator;
+use App\Services\PressRelease\BlacklistViolationException;
+use App\Services\PressRelease\PressReleaseService;
+use Livewire\Attributes\Layout;
+use Livewire\Attributes\Locked;
+use Livewire\Attributes\Title;
+use Livewire\Volt\Component;
+
+new #[Layout('components.layouts.app'), Title('Pressemitteilung')] class extends Component
+{
+    #[Locked]
+    public int $id;
+
+    public ?string $shareUrl = null;
+
+    public ?string $shareExpiresAt = null;
+
+    public function mount(int $id): void
+    {
+        $this->id = $id;
+        $pr = $this->getMyPR();
+        $this->authorize('view', $pr);
+    }
+
+    public function submitForReview(): void
+    {
+        $pr = $this->getMyPR();
+        $this->authorize('submitForReview', $pr);
+
+        try {
+            app(PressReleaseService::class)->submitForReview($pr);
+        } catch (BlacklistViolationException $e) {
+            session()->flash('error', __('Pressemitteilung wurde automatisch abgelehnt: unzulässiges Wort ":word".', ['word' => $e->word]));
+
+            return;
+        }
+
+        session()->flash('success', __('Pressemitteilung zur Prüfung eingereicht.'));
+    }
+
+    public function generateShareLink(MagicLinkGenerator $generator): void
+    {
+        $pr = $this->getMyPR();
+        $this->authorize('view', $pr);
+
+        $share = $generator->createPressReleaseShareLink($pr, auth()->user());
+
+        $this->shareUrl = $share['url'];
+        $this->shareExpiresAt = $share['expires_at']->format('d.m.Y H:i');
+
+        session()->flash('success', __('Vorschau-Link wurde erzeugt.'));
+    }
+
+    public function with(): array
+    {
+        $pr = $this->getMyPR();
+        $this->authorize('view', $pr);
+
+        $categoryName = $pr->category?->translations->firstWhere('locale', 'de')?->name ?? '–';
+
+        $latestRejection = null;
+        if ($pr->status->value === 'rejected') {
+            $latestRejection = $pr->statusLogs
+                ->firstWhere(fn ($log) => $log->to_status?->value === 'rejected');
+        }
+
+        return [
+            'pr' => $pr,
+            'categoryName' => $categoryName,
+            'canEdit' => auth()->user()->can('update', $pr)
+                && in_array($pr->status->value, ['draft', 'rejected']),
+            'latestRejection' => $latestRejection,
+            'contacts' => $pr->contacts,
+            'statusLogs' => $pr->statusLogs,
+            'statusColor' => match($pr->status->value) {
+                'published' => 'green',
+                'review' => 'yellow',
+                'rejected' => 'red',
+                'archived' => 'blue',
+                default => 'zinc',
+            },
+        ];
+    }
+
+    private function getMyPR(): PressRelease
+    {
+        return PressRelease::withoutGlobalScopes()
+            ->where('user_id', auth()->id())
+            ->with([
+                'company:id,name,email,phone',
+                'category.translations',
+                'contacts' => fn ($query) => $query
+                    ->withoutGlobalScopes()
+                    ->orderBy('last_name')
+                    ->orderBy('first_name')
+                    ->select(['contacts.id', 'contacts.company_id', 'contacts.first_name', 'contacts.last_name', 'contacts.responsibility', 'contacts.email', 'contacts.phone']),
+                'statusLogs.changedBy:id,name,email',
+            ])
+            ->findOrFail($this->id);
+    }
+}; ?>
+
+<div class="space-y-6">
+    @if(session('success'))
+        <div class="rounded-md border border-green-200 bg-green-50 px-4 py-3 text-sm text-green-800 dark:border-green-800 dark:bg-green-900/20 dark:text-green-300">
+            {{ session('success') }}
+        </div>
+    @endif
+
+    <flux:card>
+        <div class="flex flex-wrap items-start justify-between gap-3">
+            <div>
+                <div class="flex items-center gap-2">
+                    <flux:badge :color="$statusColor">{{ $pr->status->label() }}</flux:badge>
+                    <flux:badge color="zinc" size="sm">{{ strtoupper($pr->language) }}</flux:badge>
+                </div>
+                <flux:heading size="xl" class="mt-2">{{ $pr->title }}</flux:heading>
+                <flux:text class="mt-1 text-sm text-zinc-500">
+                    {{ $pr->company?->name ?? '–' }} · {{ $categoryName }} · {{ $pr->created_at->format('d.m.Y') }}
+                </flux:text>
+            </div>
+            <div class="flex gap-2">
+                @if($canEdit)
+                    <flux:button variant="ghost" icon="pencil" href="{{ route('me.press-releases.edit', $pr->id) }}" wire:navigate>
+                        {{ __('Bearbeiten') }}
+                    </flux:button>
+                @endif
+                <flux:button variant="ghost" icon="link" wire:click="generateShareLink">
+                    {{ __('Vorschau-Link') }}
+                </flux:button>
+                <flux:button variant="ghost" icon="arrow-left" href="{{ route('me.press-releases.index') }}" wire:navigate>
+                    {{ __('Zurück') }}
+                </flux:button>
+            </div>
+        </div>
+
+        @if($shareUrl)
+            <div class="mt-4 rounded-md border border-emerald-300 bg-emerald-50 p-4 dark:border-emerald-700 dark:bg-emerald-900/20">
+                <flux:heading size="sm" class="mb-2">{{ __('Öffentlicher Vorschau-Link erstellt') }}</flux:heading>
+                <flux:text class="mb-2 text-xs text-zinc-500">{{ __('Gültig bis :date.', ['date' => $shareExpiresAt]) }}</flux:text>
+                <flux:input readonly :value="$shareUrl" />
+            </div>
+        @endif
+    </flux:card>
+
+    @if($pr->status === PressReleaseStatus::Rejected && $latestRejection)
+        <flux:callout color="red" icon="exclamation-triangle">
+            <flux:callout.heading>{{ __('Diese Pressemitteilung wurde abgelehnt') }}</flux:callout.heading>
+            <flux:callout.text>
+                @if($latestRejection->reason)
+                    <strong>{{ __('Begründung') }}:</strong>
+                    <span class="block mt-1 whitespace-pre-line">{{ $latestRejection->reason }}</span>
+                @else
+                    {{ __('Bitte überarbeiten Sie den Inhalt und reichen Sie die Pressemitteilung erneut ein.') }}
+                @endif
+                <span class="mt-2 block text-xs text-red-700/70 dark:text-red-300/70">
+                    {{ __('Abgelehnt am') }} {{ $latestRejection->created_at->format('d.m.Y H:i') }}
+                </span>
+            </flux:callout.text>
+        </flux:callout>
+    @endif
+
+    @if($pr->status === PressReleaseStatus::Draft || $pr->status === PressReleaseStatus::Rejected)
+        <flux:card>
+            <div class="flex flex-wrap items-center justify-between gap-3">
+                <flux:text class="text-sm text-zinc-500">
+                    {{ $pr->status === PressReleaseStatus::Rejected
+                        ? __('Sie können den Text bearbeiten und erneut zur Prüfung einreichen.')
+                        : __('Reichen Sie den Entwurf ein, sobald er vollständig ist.') }}
+                </flux:text>
+                <div class="flex items-center gap-2">
+                    @if($canEdit)
+                        <flux:button variant="ghost" icon="pencil" href="{{ route('me.press-releases.edit', $pr->id) }}" wire:navigate>
+                            {{ __('Bearbeiten') }}
+                        </flux:button>
+                    @endif
+                    <flux:button type="button" variant="primary" wire:click="submitForReview"
+                                 wire:confirm="{{ __('Pressemitteilung zur Prüfung einreichen?') }}">
+                        {{ $pr->status === PressReleaseStatus::Rejected ? __('Erneut einreichen') : __('Zur Prüfung einreichen') }}
+                    </flux:button>
+                </div>
+            </div>
+        </flux:card>
+    @endif
+
+    @if($pr->status === PressReleaseStatus::Review)
+        <flux:callout color="yellow" icon="clock">
+            {{ __('Ihre Pressemitteilung wird gerade geprüft. Sie werden benachrichtigt, sobald eine Entscheidung vorliegt.') }}
+        </flux:callout>
+    @endif
+
+    <div class="grid gap-6 xl:grid-cols-2">
+        <flux:card>
+            <div class="mb-4 flex items-center justify-between gap-3">
+                <div>
+                    <flux:heading size="lg">{{ __('Zugeordnete Pressekontakte') }}</flux:heading>
+                    <flux:text class="text-sm text-zinc-500">
+                        {{ __('Kontakte, die dieser Pressemitteilung zugeordnet sind.') }}
+                    </flux:text>
+                </div>
+
+                @if($pr->company)
+                    <flux:button size="sm" variant="ghost" icon="building-office" href="{{ route('me.press-kits.show', $pr->company->id) }}" wire:navigate>
+                        {{ __('Firma') }}
+                    </flux:button>
+                @endif
+            </div>
+
+            <div class="space-y-3">
+                @forelse($contacts as $contact)
+                    <div class="rounded-lg bg-zinc-50 p-3 dark:bg-zinc-900">
+                        <flux:text weight="semibold">
+                            {{ trim(($contact->first_name ?? '').' '.($contact->last_name ?? '')) ?: __('Kontakt ohne Name') }}
+                        </flux:text>
+                        <flux:text class="text-sm text-zinc-500">{{ $contact->responsibility ?: __('Keine Rolle hinterlegt') }}</flux:text>
+                        <div class="mt-1 flex flex-wrap gap-x-3 gap-y-1 text-xs text-zinc-500">
+                            @if($contact->email)
+                                <a href="mailto:{{ $contact->email }}" class="text-blue-600 hover:underline dark:text-blue-400">{{ $contact->email }}</a>
+                            @endif
+                            @if($contact->phone)
+                                <span>{{ $contact->phone }}</span>
+                            @endif
+                        </div>
+                    </div>
+                @empty
+                    <div class="rounded-lg border border-dashed border-zinc-200 p-4 text-sm text-zinc-500 dark:border-zinc-700">
+                        {{ __('Dieser Pressemitteilung ist noch kein Pressekontakt zugeordnet.') }}
+                        @if($pr->company)
+                            <a href="{{ route('me.press-kits.show', $pr->company->id) }}" wire:navigate class="font-medium text-blue-600 hover:underline dark:text-blue-400">
+                                {{ __('Kontakte in der Firma prüfen.') }}
+                            </a>
+                        @endif
+                    </div>
+                @endforelse
+            </div>
+        </flux:card>
+
+        <flux:card>
+            <flux:heading size="lg" class="mb-4">{{ __('Status & Verlauf') }}</flux:heading>
+
+            <div class="grid gap-3 sm:grid-cols-2">
+                <div class="rounded-lg bg-zinc-50 p-3 dark:bg-zinc-900">
+                    <flux:text class="text-xs text-zinc-500">{{ __('Aktueller Status') }}</flux:text>
+                    <flux:badge class="mt-1" :color="$statusColor">{{ $pr->status->label() }}</flux:badge>
+                </div>
+                <div class="rounded-lg bg-zinc-50 p-3 dark:bg-zinc-900">
+                    <flux:text class="text-xs text-zinc-500">{{ __('Erstellt') }}</flux:text>
+                    <flux:text weight="semibold">{{ $pr->created_at?->format('d.m.Y H:i') ?? '–' }}</flux:text>
+                </div>
+                <div class="rounded-lg bg-zinc-50 p-3 dark:bg-zinc-900">
+                    <flux:text class="text-xs text-zinc-500">{{ __('Veröffentlicht') }}</flux:text>
+                    <flux:text weight="semibold">{{ $pr->published_at?->format('d.m.Y H:i') ?? '–' }}</flux:text>
+                </div>
+                <div class="rounded-lg bg-zinc-50 p-3 dark:bg-zinc-900">
+                    <flux:text class="text-xs text-zinc-500">{{ __('Aufrufe') }}</flux:text>
+                    <flux:text weight="semibold">{{ number_format($pr->hits, 0, ',', '.') }}</flux:text>
+                </div>
+            </div>
+
+            <flux:separator class="my-4" />
+
+            @if($statusLogs->isNotEmpty())
+                <ol class="space-y-3 border-s border-zinc-200 ps-4 dark:border-zinc-700">
+                    @foreach($statusLogs as $log)
+                        <li class="text-sm">
+                            <div class="flex flex-wrap items-center gap-2">
+                                @php
+                                    $color = match($log->to_status?->value) {
+                                        'published' => 'green',
+                                        'review' => 'yellow',
+                                        'rejected' => 'red',
+                                        'archived' => 'blue',
+                                        default => 'zinc',
+                                    };
+                                @endphp
+                                <flux:badge size="sm" :color="$color">{{ $log->to_status?->label() }}</flux:badge>
+                                <span class="text-xs text-zinc-500">
+                                    {{ $log->created_at->format('d.m.Y H:i') }}
+                                </span>
+                                @if($log->changedBy)
+                                    <span class="text-xs text-zinc-500">
+                                        {{ __('durch :name', ['name' => $log->changedBy->name]) }}
+                                    </span>
+                                @endif
+                            </div>
+                            @if($log->reason)
+                                <p class="mt-1 text-zinc-600 dark:text-zinc-400">{{ $log->reason }}</p>
+                            @endif
+                        </li>
+                    @endforeach
+                </ol>
+            @else
+                <flux:text class="text-sm text-zinc-500">
+                    {{ __('Noch keine Statusänderungen protokolliert.') }}
+                </flux:text>
+            @endif
+        </flux:card>
+    </div>
+
+    <flux:card>
+        <div class="prose prose-zinc dark:prose-invert max-w-none">
+            {!! nl2br(e($pr->text)) !!}
+        </div>
+
+        @if($pr->keywords || $pr->backlink_url)
+            <div class="mt-6 space-y-2 border-t border-zinc-200 pt-4 text-sm text-zinc-500 dark:border-zinc-700">
+                @if($pr->keywords)
+                    <p><strong>{{ __('Stichwörter') }}:</strong> {{ $pr->keywords }}</p>
+                @endif
+                @if($pr->backlink_url)
+                    <p><strong>{{ __('Backlink') }}:</strong>
+                        <a href="{{ $pr->backlink_url }}" target="_blank" class="text-blue-600 underline">{{ $pr->backlink_url }}</a>
+                    </p>
+                @endif
+            </div>
+        @endif
+    </flux:card>
+
+</div>