From 587d1fd31281c0a284d7d51f5ff428f38fa9d359 Mon Sep 17 00:00:00 2001
From: Kevin Adametz <kevin.adametz@me.com>
Date: Thu, 2 Jul 2026 08:39:44 +0000
Subject: [PATCH] 5.5: <x-portal.alert> + 6 Flash-Bloecke umgestellt
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Erste 5.5-Component: buendelt den kopierten session()-Flash-Alert (Icon +
Farbschema) mit variant=success|error; Nachricht als Slot. Erzeugt
identisches Markup.

Umgestellt: categories/create (success), categories/edit (success+error),
footer-codes/index (success+error), presets/index (success).

Bewusst NICHT umgestellt: companies/show (abweichendes, icon-loses Design
mit zusaetzlicher info-Variante und anderen Farbtokens) — bleibt bespoke.

Render-Smoke geprueft, alle Views kompilieren, 23 Tests gruen.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../views/components/portal/alert.blade.php   | 24 +++++++++++++++++++
 .../admin/categories/create.blade.php         |  6 +----
 .../livewire/admin/categories/edit.blade.php  | 12 ++--------
 .../admin/footer-codes/index.blade.php        | 12 ++--------
 .../livewire/admin/presets/index.blade.php    |  6 +----
 5 files changed, 30 insertions(+), 30 deletions(-)
 create mode 100644 resources/views/components/portal/alert.blade.php

diff --git a/resources/views/components/portal/alert.blade.php b/resources/views/components/portal/alert.blade.php
new file mode 100644
index 00000000..5d5cef56
--- /dev/null
+++ b/resources/views/components/portal/alert.blade.php
@@ -0,0 +1,24 @@
+@props([
+    /** Farb-/Icon-Variante: success (grün, check) | error (rot, Warnzeichen) */
+    'variant' => 'success',
+])
+
+@php
+    $variant = in_array($variant, ['success', 'error'], true) ? $variant : 'success';
+@endphp
+
+{{--
+    Portal-Flash-Meldung. Ersetzt den mehrfach kopierten session()-Alert-Block.
+    Nachricht als Slot:  <x-portal.alert variant="success">{{ session('success') }}</x-portal.alert>
+--}}
+@if ($variant === 'error')
+    <div class="px-4 py-3 rounded-[5px] border text-[12.5px] flex items-start gap-3 bg-[color:var(--color-err-soft)] border-[color:var(--color-err)]/30 text-[color:var(--color-ink-2)]">
+        <flux:icon.exclamation-triangle class="size-[16px] flex-shrink-0 mt-0.5 text-[color:var(--color-err)]" />
+        <div class="flex-1">{{ $slot }}</div>
+    </div>
+@else
+    <div class="px-4 py-3 rounded-[5px] border text-[12.5px] flex items-center gap-2 bg-[color:var(--color-ok-soft)] border-[color:var(--color-ok)]/30 text-[color:var(--color-gain-deep)]">
+        <flux:icon.check-circle class="size-[16px] flex-shrink-0" />
+        {{ $slot }}
+    </div>
+@endif
diff --git a/resources/views/livewire/admin/categories/create.blade.php b/resources/views/livewire/admin/categories/create.blade.php
index 161646b6..6af59c7e 100644
--- a/resources/views/livewire/admin/categories/create.blade.php
+++ b/resources/views/livewire/admin/categories/create.blade.php
@@ -122,11 +122,7 @@ new #[Layout('components.layouts.app'), Title('Kategorie anlegen')] class extend
     </x-portal.page-header>
 
     @if (session('success'))
-        <div class="px-4 py-3 rounded-[5px] border text-[12.5px] flex items-center gap-2
-                    bg-[color:var(--color-ok-soft)] border-[color:var(--color-ok)]/30 text-[color:var(--color-gain-deep)]">
-            <flux:icon.check-circle class="size-[16px] flex-shrink-0" />
-            {{ session('success') }}
-        </div>
+        <x-portal.alert variant="success">{{ session('success') }}</x-portal.alert>
     @endif
 
     <form wire:submit="save" class="space-y-6">
diff --git a/resources/views/livewire/admin/categories/edit.blade.php b/resources/views/livewire/admin/categories/edit.blade.php
index 0430f81e..72dc6487 100644
--- a/resources/views/livewire/admin/categories/edit.blade.php
+++ b/resources/views/livewire/admin/categories/edit.blade.php
@@ -194,18 +194,10 @@ new #[Layout('components.layouts.app'), Title('Kategorie bearbeiten')] class ext
     </x-portal.page-header>
 
     @if (session('success'))
-        <div class="px-4 py-3 rounded-[5px] border text-[12.5px] flex items-center gap-2
-                    bg-[color:var(--color-ok-soft)] border-[color:var(--color-ok)]/30 text-[color:var(--color-gain-deep)]">
-            <flux:icon.check-circle class="size-[16px] flex-shrink-0" />
-            {{ session('success') }}
-        </div>
+        <x-portal.alert variant="success">{{ session('success') }}</x-portal.alert>
     @endif
     @if (session('error'))
-        <div class="px-4 py-3 rounded-[5px] border text-[12.5px] flex items-start gap-3
-                    bg-[color:var(--color-err-soft)] border-[color:var(--color-err)]/30 text-[color:var(--color-ink-2)]">
-            <flux:icon.exclamation-triangle class="size-[16px] flex-shrink-0 mt-0.5 text-[color:var(--color-err)]" />
-            <div class="flex-1">{{ session('error') }}</div>
-        </div>
+        <x-portal.alert variant="error">{{ session('error') }}</x-portal.alert>
     @endif
 
     <form wire:submit="save" class="space-y-6">
diff --git a/resources/views/livewire/admin/footer-codes/index.blade.php b/resources/views/livewire/admin/footer-codes/index.blade.php
index 6f81c5e2..58a4082d 100644
--- a/resources/views/livewire/admin/footer-codes/index.blade.php
+++ b/resources/views/livewire/admin/footer-codes/index.blade.php
@@ -92,18 +92,10 @@ new #[Layout('components.layouts.app'), Title('Footer-Codes')] class extends Com
     </x-portal.page-header>
 
     @if (session('success'))
-        <div class="px-4 py-3 rounded-[5px] border text-[12.5px] flex items-center gap-2
-                    bg-[color:var(--color-ok-soft)] border-[color:var(--color-ok)]/30 text-[color:var(--color-gain-deep)]">
-            <flux:icon.check-circle class="size-[16px] flex-shrink-0" />
-            {{ session('success') }}
-        </div>
+        <x-portal.alert variant="success">{{ session('success') }}</x-portal.alert>
     @endif
     @if (session('error'))
-        <div class="px-4 py-3 rounded-[5px] border text-[12.5px] flex items-start gap-3
-                    bg-[color:var(--color-err-soft)] border-[color:var(--color-err)]/30 text-[color:var(--color-ink-2)]">
-            <flux:icon.exclamation-triangle class="size-[16px] flex-shrink-0 mt-0.5 text-[color:var(--color-err)]" />
-            <div class="flex-1">{{ session('error') }}</div>
-        </div>
+        <x-portal.alert variant="error">{{ session('error') }}</x-portal.alert>
     @endif
 
     {{-- ============== KPI-Reihe ============== --}}
diff --git a/resources/views/livewire/admin/presets/index.blade.php b/resources/views/livewire/admin/presets/index.blade.php
index 8352fa19..567c2f03 100644
--- a/resources/views/livewire/admin/presets/index.blade.php
+++ b/resources/views/livewire/admin/presets/index.blade.php
@@ -92,11 +92,7 @@ new #[Layout('components.layouts.app'), Title('Voreinstellungen')] class extends
     </x-portal.page-header>
 
     @if (session('success'))
-        <div class="px-4 py-3 rounded-[5px] border text-[12.5px] flex items-center gap-2
-                    bg-[color:var(--color-ok-soft)] border-[color:var(--color-ok)]/30 text-[color:var(--color-gain-deep)]">
-            <flux:icon.check-circle class="size-[16px] flex-shrink-0" />
-            {{ session('success') }}
-        </div>
+        <x-portal.alert variant="success">{{ session('success') }}</x-portal.alert>
     @endif
 
     {{-- ============== FILTER-PANEL ============== --}}