presseportale/resources/views/livewire/admin/legal-requests/index.blade.php

<?php

use App\Enums\LegalRequestStatus;
use App\Enums\LegalRequestType;
use App\Models\LegalRequest;
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('Recht & Compliance')] class extends Component
{
    use WithPagination;

    #[Url(as: 'status', except: 'open')]
    public string $statusFilter = 'open';

    #[Url(as: 'type', except: 'all')]
    public string $typeFilter = 'all';

    public function updatedStatusFilter(): void
    {
        $this->resetPage();
    }

    public function updatedTypeFilter(): void
    {
        $this->resetPage();
    }

    public function with(): array
    {
        $requests = LegalRequest::query()
            ->with('pressRelease:id,title,slug')
            ->when($this->statusFilter === 'open', fn ($query) => $query->open())
            ->when(! in_array($this->statusFilter, ['open', 'all'], true), fn ($query) => $query->where('status', $this->statusFilter))
            ->when($this->typeFilter !== 'all', fn ($query) => $query->where('type', $this->typeFilter))
            ->latest()
            ->paginate(50);

        return [
            'requests' => $requests,
            'typeOptions' => LegalRequestType::cases(),
            'openCount' => LegalRequest::query()->open()->count(),
            'totalCount' => LegalRequest::query()->count(),
        ];
    }

    public function statusBadgeClass(LegalRequestStatus $status): string
    {
        return match ($status) {
            LegalRequestStatus::Open => 'warn',
            LegalRequestStatus::InProgress => 'hub',
            LegalRequestStatus::Resolved => 'ok',
            LegalRequestStatus::Rejected => 'err',
        };
    }
}; ?>

<div class="space-y-8">
    {{-- ============== PAGE HEADER ============== --}}
    <header class="page-header">
        <div class="min-w-0">
            <div class="flex items-center gap-3 mb-3 flex-nowrap whitespace-nowrap">
                <span class="badge hub dot">{{ __('Admin Backend') }}</span>
                <span class="eyebrow muted">{{ __('Administration · Recht & Compliance') }}</span>
            </div>
            <h1 class="text-[30px] font-bold tracking-[-0.6px] leading-[1.15] m-0 text-[color:var(--color-ink)]">
                {{ __('Recht & Compliance') }}
            </h1>
            <p class="text-[13px] leading-[1.55] mt-2 m-0 max-w-[640px] text-[color:var(--color-ink-2)]">
                {{ __('DSGVO-Anonymisierung, Persönlichkeitsrechte und Meldungen zu Pressemitteilungen – manuelle Bearbeitung, keine KI.') }}
            </p>
        </div>
    </header>

    {{-- ============== KPI-Reihe ============== --}}
    <section class="grid grid-cols-1 gap-4 sm:grid-cols-2">
        <x-portal.stat-card variant="primary" :label="__('Offen')" :value="number_format($openCount)">
            <x-slot:meta>{{ __('zu bearbeiten') }}</x-slot:meta>
            <x-slot:trend>{{ __('offen + in Bearbeitung') }}</x-slot:trend>
        </x-portal.stat-card>
        <x-portal.stat-card variant="muted" :label="__('Gesamt')" :value="number_format($totalCount)">
            <x-slot:meta>{{ __('alle Anfragen') }}</x-slot:meta>
            <x-slot:trend>{{ __('inkl. erledigt') }}</x-slot:trend>
        </x-portal.stat-card>
    </section>

    {{-- ============== FILTER ============== --}}
    <article class="panel">
        <div class="panel-head">
            <span class="section-eyebrow">{{ __('Filter') }}</span>
        </div>
        <div class="p-5 flex flex-col gap-4 sm:flex-row">
            <flux:select wire:model.live="statusFilter" class="w-full sm:w-56">
                <option value="open">{{ __('Offen & in Bearbeitung') }}</option>
                <option value="all">{{ __('Alle Status') }}</option>
                <option value="resolved">{{ __('Erledigt') }}</option>
                <option value="rejected">{{ __('Abgelehnt') }}</option>
            </flux:select>

            <flux:select wire:model.live="typeFilter" class="w-full sm:w-56">
                <option value="all">{{ __('Alle Typen') }}</option>
                @foreach ($typeOptions as $typeOption)
                    <option value="{{ $typeOption->value }}">{{ $typeOption->label() }}</option>
                @endforeach
            </flux:select>
        </div>
    </article>

    {{-- ============== TABELLE ============== --}}
    <article class="panel overflow-hidden">
        <div class="panel-head">
            <span class="section-eyebrow">{{ __('Anfragen') }}</span>
            <span class="text-[11.5px] text-[color:var(--color-ink-3)]">
                {{ __(':count Einträge', ['count' => $requests->total()]) }}
            </span>
        </div>
        <flux:table>
            <flux:table.columns>
                <flux:table.column>{{ __('Typ') }}</flux:table.column>
                <flux:table.column>{{ __('Status') }}</flux:table.column>
                <flux:table.column>{{ __('Pressemitteilung') }}</flux:table.column>
                <flux:table.column>{{ __('Absender') }}</flux:table.column>
                <flux:table.column>{{ __('Eingegangen') }}</flux:table.column>
                <flux:table.column>{{ __('Aktion') }}</flux:table.column>
            </flux:table.columns>

            <flux:table.rows>
                @forelse ($requests as $request)
                    <flux:table.row :key="$request->id">
                        <flux:table.cell>
                            <span class="text-[13px] font-semibold text-[color:var(--color-ink)]">
                                {{ $request->type->label() }}
                            </span>
                        </flux:table.cell>
                        <flux:table.cell>
                            <span class="badge dot {{ $this->statusBadgeClass($request->status) }}">
                                {{ $request->status->label() }}
                            </span>
                        </flux:table.cell>
                        <flux:table.cell>
                            <span class="text-[12.5px] text-[color:var(--color-ink)]">
                                {{ \Illuminate\Support\Str::limit($request->pressRelease?->title ?? __('PM gelöscht'), 60) }}
                            </span>
                        </flux:table.cell>
                        <flux:table.cell>
                            <span class="text-[12.5px] text-[color:var(--color-ink-3)]">
                                {{ $request->requester_email ?: __('anonym') }}
                            </span>
                        </flux:table.cell>
                        <flux:table.cell>
                            <span class="text-[12px] text-[color:var(--color-ink-3)]">
                                {{ $request->created_at?->format('d.m.Y H:i') ?? '-' }}
                            </span>
                        </flux:table.cell>
                        <flux:table.cell>
                            <flux:button size="sm" variant="filled" icon="eye"
                                href="{{ route('admin.legal-requests.show', $request->id) }}" wire:navigate>
                                {{ __('Öffnen') }}
                            </flux:button>
                        </flux:table.cell>
                    </flux:table.row>
                @empty
                    <flux:table.row>
                        <flux:table.cell colspan="6">
                            <div class="flex flex-col items-center justify-center px-4 py-10 text-center">
                                <div class="w-14 h-14 rounded-[6px] flex items-center justify-center mb-3
                                            bg-[color:var(--color-hub-soft)] border border-[color:var(--color-hub-soft-2)] text-[color:var(--color-hub)]">
                                    <flux:icon.scale class="size-6" />
                                </div>
                                <div class="text-[14px] font-semibold text-[color:var(--color-ink)] mb-1">
                                    {{ __('Keine Anfragen in dieser Ansicht') }}
                                </div>
                            </div>
                        </flux:table.cell>
                    </flux:table.row>
                @endforelse
            </flux:table.rows>
        </flux:table>

        <div class="border-t border-[color:var(--color-bg-rule)] p-4">
            {{ $requests->links('components.portal.pagination') }}
        </div>
    </article>
</div>