From af15e84984b0f75a17206d366a965f3d76ee3fb8 Mon Sep 17 00:00:00 2001
From: Kevin Adametz <kevin.adametz@me.com>
Date: Wed, 1 Jul 2026 08:31:45 +0000
Subject: [PATCH] 5.4 (Teil 2): page-header in categories/* +
 companies/create,edit umgestellt

Vier weitere Standard-Header auf <x-portal.page-header> umgestellt:
categories/index, categories/edit (ID/PM/Unterkategorien-Badges via :meta),
companies/create, companies/edit (ID-Badge via :meta).

Bewusst NICHT umgestellt (Sonderfaelle, bleiben unveraendert):
- companies/index: abweichende Titelgroesse (text-[34px] statt 30px)
- companies/show: Sonder-Header mit Logo-Bild + Website-Link

Categories-/Companies-Tests (82) gruen.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../livewire/admin/categories/edit.blade.php  | 34 ++++++++-----------
 .../livewire/admin/categories/index.blade.php | 26 +++++---------
 .../livewire/admin/companies/create.blade.php | 26 +++++---------
 .../livewire/admin/companies/edit.blade.php   | 30 +++++++---------
 4 files changed, 45 insertions(+), 71 deletions(-)

diff --git a/resources/views/livewire/admin/categories/edit.blade.php b/resources/views/livewire/admin/categories/edit.blade.php
index 69392dbe..0430f81e 100644
--- a/resources/views/livewire/admin/categories/edit.blade.php
+++ b/resources/views/livewire/admin/categories/edit.blade.php
@@ -174,28 +174,24 @@ new #[Layout('components.layouts.app'), Title('Kategorie bearbeiten')] class ext
 
 <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-wrap">
-                <span class="badge hub dot">{{ __('Admin Backend') }}</span>
-                <span class="eyebrow muted">{{ __('Administration · Kategorien') }}</span>
-                <span class="badge hub">ID #{{ $id }}</span>
-                <span class="badge hub">{{ $releaseCount }} {{ __('PMs') }}</span>
-                @if ($childrenCount > 0)
-                    <span class="badge hub">{{ $childrenCount }} {{ __('Unterkategorien') }}</span>
-                @endif
-            </div>
-            <h1 class="text-[30px] font-bold tracking-[-0.6px] leading-[1.15] m-0 text-[color:var(--color-ink)]">
-                {{ __('Kategorie bearbeiten') }}
-            </h1>
-        </div>
-
-        <div class="flex items-center gap-2 flex-shrink-0">
+    <x-portal.page-header
+        :badge="__('Admin Backend')"
+        :eyebrow="__('Administration · Kategorien')"
+        :title="__('Kategorie bearbeiten')"
+    >
+        <x-slot:meta>
+            <span class="badge hub">ID #{{ $id }}</span>
+            <span class="badge hub">{{ $releaseCount }} {{ __('PMs') }}</span>
+            @if ($childrenCount > 0)
+                <span class="badge hub">{{ $childrenCount }} {{ __('Unterkategorien') }}</span>
+            @endif
+        </x-slot:meta>
+        <x-slot:actions>
             <flux:button variant="filled" icon="arrow-left" :href="route('admin.categories.index')" wire:navigate>
                 {{ __('Zurück') }}
             </flux:button>
-        </div>
-    </header>
+        </x-slot:actions>
+    </x-portal.page-header>
 
     @if (session('success'))
         <div class="px-4 py-3 rounded-[5px] border text-[12.5px] flex items-center gap-2
diff --git a/resources/views/livewire/admin/categories/index.blade.php b/resources/views/livewire/admin/categories/index.blade.php
index c1c10afa..18116ab2 100644
--- a/resources/views/livewire/admin/categories/index.blade.php
+++ b/resources/views/livewire/admin/categories/index.blade.php
@@ -128,26 +128,18 @@ new #[Layout('components.layouts.app'), Title('Kategorien')] class extends Compo
 
 <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 · Stammdaten') }}</span>
-            </div>
-            <h1 class="text-[30px] font-bold tracking-[-0.6px] leading-[1.15] m-0 text-[color:var(--color-ink)]">
-                {{ __('Kategorien') }}
-            </h1>
-            <p class="text-[13px] leading-[1.55] mt-2 m-0 max-w-[640px] text-[color:var(--color-ink-2)]">
-                {{ __('Themen-Taxonomie für Pressemitteilungen über alle Portale hinweg.') }}
-            </p>
-        </div>
-
-        <div class="flex items-center gap-2 flex-shrink-0">
+    <x-portal.page-header
+        :badge="__('Admin Backend')"
+        :eyebrow="__('Administration · Stammdaten')"
+        :title="__('Kategorien')"
+        :description="__('Themen-Taxonomie für Pressemitteilungen über alle Portale hinweg.')"
+    >
+        <x-slot:actions>
             <flux:button variant="primary" icon="plus" :href="route('admin.categories.create')" wire:navigate>
                 {{ __('Kategorie anlegen') }}
             </flux:button>
-        </div>
-    </header>
+        </x-slot:actions>
+    </x-portal.page-header>
 
     {{-- ============== KPI-Reihe ============== --}}
     <section class="grid grid-cols-1 gap-4 sm:grid-cols-2 xl:grid-cols-4">
diff --git a/resources/views/livewire/admin/companies/create.blade.php b/resources/views/livewire/admin/companies/create.blade.php
index f3c7722d..73fb08ad 100644
--- a/resources/views/livewire/admin/companies/create.blade.php
+++ b/resources/views/livewire/admin/companies/create.blade.php
@@ -119,26 +119,18 @@ new #[Layout('components.layouts.app'), Title('Neue Firma')] class extends Compo
 
 <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">{{ __('Stammdaten · Neue Firma') }}</span>
-            </div>
-            <h1 class="text-[30px] font-bold tracking-[-0.6px] leading-[1.15] m-0 text-[color:var(--color-ink)]">
-                {{ __('Neue Firma') }}
-            </h1>
-            <p class="text-[13px] leading-[1.55] mt-2 m-0 max-w-[640px] text-[color:var(--color-ink-2)]">
-                {{ __('Stammdaten, Adresse, Logo und Rechtsangaben einer neuen Firma erfassen.') }}
-            </p>
-        </div>
-
-        <div class="flex items-center gap-2 flex-shrink-0">
+    <x-portal.page-header
+        :badge="__('Admin Backend')"
+        :eyebrow="__('Stammdaten · Neue Firma')"
+        :title="__('Neue Firma')"
+        :description="__('Stammdaten, Adresse, Logo und Rechtsangaben einer neuen Firma erfassen.')"
+    >
+        <x-slot:actions>
             <flux:button variant="filled" icon="arrow-left" href="{{ route('admin.companies.index') }}" wire:navigate>
                 {{ __('Zurück') }}
             </flux:button>
-        </div>
-    </header>
+        </x-slot:actions>
+    </x-portal.page-header>
 
     <form wire:submit="save" class="space-y-6">
         <article class="panel">
diff --git a/resources/views/livewire/admin/companies/edit.blade.php b/resources/views/livewire/admin/companies/edit.blade.php
index 5855875f..734abdf4 100644
--- a/resources/views/livewire/admin/companies/edit.blade.php
+++ b/resources/views/livewire/admin/companies/edit.blade.php
@@ -197,27 +197,21 @@ new #[Layout('components.layouts.app'), Title('Firma bearbeiten')] class extends
 
 <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-wrap">
-                <span class="badge hub dot">{{ __('Admin Backend') }}</span>
-                <span class="eyebrow muted">{{ __('Stammdaten · Firma bearbeiten') }}</span>
-                <span class="badge hub">ID {{ $companyId }}</span>
-            </div>
-            <h1 class="text-[30px] font-bold tracking-[-0.6px] leading-[1.15] m-0 text-[color:var(--color-ink)]">
-                {{ __('Firma bearbeiten') }}
-            </h1>
-            <p class="text-[13px] leading-[1.55] mt-2 m-0 max-w-[640px] text-[color:var(--color-ink-2)]">
-                {{ __('Stammdaten, Adresse, Logo und Rechtsangaben der Firma aktualisieren.') }}
-            </p>
-        </div>
-
-        <div class="flex items-center gap-2 flex-shrink-0">
+    <x-portal.page-header
+        :badge="__('Admin Backend')"
+        :eyebrow="__('Stammdaten · Firma bearbeiten')"
+        :title="__('Firma bearbeiten')"
+        :description="__('Stammdaten, Adresse, Logo und Rechtsangaben der Firma aktualisieren.')"
+    >
+        <x-slot:meta>
+            <span class="badge hub">ID {{ $companyId }}</span>
+        </x-slot:meta>
+        <x-slot:actions>
             <flux:button variant="filled" icon="arrow-left" href="{{ route('admin.companies.show', $companyId) }}" wire:navigate>
                 {{ __('Zurück') }}
             </flux:button>
-        </div>
-    </header>
+        </x-slot:actions>
+    </x-portal.page-header>
 
     <form wire:submit="update" class="space-y-6">
         <article class="panel">