From 89241880b04ed803de5081fc9407ddd4642495b7 Mon Sep 17 00:00:00 2001
From: Bob Molitor <info@bobmolitor.info>
Date: Fri, 31 Oct 2025 14:01:38 +0100
Subject: [PATCH] fix frontend

---
 .../livewire/companies/transactions.blade.php | 41 ++++++++++++-------
 1 file changed, 27 insertions(+), 14 deletions(-)

diff --git a/resources/views/livewire/companies/transactions.blade.php b/resources/views/livewire/companies/transactions.blade.php
index 5330767..771b7d5 100644
--- a/resources/views/livewire/companies/transactions.blade.php
+++ b/resources/views/livewire/companies/transactions.blade.php
@@ -351,15 +351,18 @@ new #[Layout('components.layouts.app'), Title('Unternehmensauskunft Transaktione
 </section>
 
 @if (! empty($actionChecklist))
-    <section class="rounded-3xl border border-indigo-300/60 bg-gradient-to-br from-white via-indigo-50/60 to-purple-100/50 p-6 shadow-sm backdrop-blur dark:border-indigo-500/40 dark:bg-indigo-950/80 dark:from-indigo-950/70 dark:via-purple-900/60 dark:to-indigo-900/70">
+    <section class="rounded-3xl border border-slate-200/70 bg-gradient-to-br from-white via-indigo-50/40 to-slate-100/50 p-6 shadow-sm shadow-slate-900/10 backdrop-blur dark:border-slate-800/60 dark:bg-slate-950/95 dark:from-slate-950/90 dark:via-indigo-900/60 dark:to-slate-900/80">
         <div class="flex flex-wrap items-center justify-between gap-4">
-            <div>
-                <h3 class="text-sm font-semibold uppercase tracking-wide text-indigo-800 dark:text-indigo-100">{{ $checklistIntro }}</h3>
-                <p class="mt-1 text-xs text-indigo-800/80 dark:text-indigo-200/80">
-                    {{ __('Bearbeiten Sie die wichtigsten Schritte nacheinander, um den Fallabschluss vorzubereiten.') }}
+            <div class="space-y-2">
+                <p class="inline-flex items-center gap-2 rounded-full border border-indigo-200/60 bg-indigo-500/10 px-3 py-1 text-[11px] font-semibold uppercase tracking-[0.18em] text-indigo-700 shadow-sm dark:border-white/15 dark:bg-white/10 dark:text-slate-200">
+                    {{ __('Review-Checkliste') }}
+                </p>
+                <h3 class="text-lg font-semibold text-slate-900 dark:text-slate-100">{{ $checklistIntro }}</h3>
+                <p class="text-xs text-slate-600 dark:text-slate-300">
+                    {{ __('Priorisieren Sie die Kernaufgaben, um den Fallabschluss revisionssicher vorzubereiten.') }}
                 </p>
             </div>
-            <span class="inline-flex items-center rounded-full border border-indigo-300/60 bg-white/80 px-3 py-1 text-[11px] font-semibold uppercase tracking-wide text-indigo-700 dark:border-indigo-500/40 dark:bg-indigo-500/20 dark:text-indigo-100">
+            <span class="inline-flex items-center rounded-full border border-indigo-200/60 bg-white/90 px-3 py-1 text-[11px] font-semibold uppercase tracking-wide text-indigo-700 shadow-sm dark:border-white/20 dark:bg-white/10 dark:text-slate-100">
                 {{ count($actionChecklist) }} {{ __('Schritte') }}
             </span>
         </div>
@@ -367,13 +370,13 @@ new #[Layout('components.layouts.app'), Title('Unternehmensauskunft Transaktione
         <div class="mt-5 overflow-x-auto">
             <ol class="flex min-w-full gap-4">
                 @foreach ($actionChecklist as $index => $item)
-                    <li class="group flex min-w-[240px] items-start gap-3 rounded-2xl border border-indigo-200/60 bg-white/95 p-4 shadow-sm transition hover:-translate-y-0.5 hover:border-indigo-300/70 hover:shadow-indigo-500/10 dark:border-indigo-500/30 dark:bg-indigo-900/70">
-                        <span class="mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-indigo-300/60 bg-indigo-500/10 text-xs font-semibold text-indigo-700 dark:border-indigo-500/40 dark:bg-indigo-500/25 dark:text-indigo-100">
+                    <li class="group flex min-w-[240px] flex-1 items-start gap-3 rounded-2xl border border-indigo-100/70 bg-white/95 p-4 text-sm shadow-sm transition hover:-translate-y-0.5 hover:border-indigo-300/70 hover:bg-white hover:shadow-lg hover:shadow-indigo-500/15 dark:border-white/15 dark:bg-white/5 dark:hover:bg-white/10">
+                        <span class="mt-0.5 inline-flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-indigo-200/70 bg-indigo-500/10 text-xs font-semibold text-indigo-700 shadow-sm dark:border-white/40 dark:bg-white/10 dark:text-slate-100">
                             {{ sprintf('%02d', $index + 1) }}
                         </span>
-                        <div class="space-y-1">
-                            <p class="font-semibold text-indigo-900 transition group-hover:text-indigo-700 dark:text-indigo-100 dark:group-hover:text-indigo-200">{{ $item['title'] }}</p>
-                            <p class="text-xs leading-relaxed text-indigo-800/80 dark:text-indigo-100/80">{{ $item['description'] }}</p>
+                        <div class="space-y-1 text-slate-700 dark:text-slate-100">
+                            <p class="font-semibold tracking-wide text-slate-900 transition group-hover:text-indigo-700 dark:text-slate-100 dark:group-hover:text-indigo-200">{{ $item['title'] }}</p>
+                            <p class="text-[11px] leading-relaxed text-slate-500 transition group-hover:text-slate-600 dark:text-slate-300 dark:group-hover:text-slate-200">{{ $item['description'] }}</p>
                         </div>
                     </li>
                 @endforeach
@@ -679,6 +682,13 @@ new #[Layout('components.layouts.app'), Title('Unternehmensauskunft Transaktione
 
                     $analysisClusterCount = array_sum(array_map(static fn (array $cluster): int => $cluster['count'], $analysisClusters));
 
+                    $caseBoxStyles = [
+                        Transaction::STATUS_TRUE_POSITIVE => 'border border-rose-300/60 bg-gradient-to-br from-rose-50 via-rose-100/80 to-white dark:border-rose-500/40 dark:from-rose-500/20 dark:via-rose-500/10 dark:to-slate-900/85',
+                        Transaction::STATUS_FALSE_POSITIVE => 'border border-amber-300/60 bg-gradient-to-br from-amber-50 via-amber-100/80 to-white dark:border-amber-500/40 dark:from-amber-500/20 dark:via-amber-500/10 dark:to-slate-900/85',
+                        Transaction::STATUS_CLEARED => 'border border-emerald-300/60 bg-gradient-to-br from-emerald-50 via-emerald-100/70 to-white dark:border-emerald-500/40 dark:from-emerald-500/15 dark:via-emerald-500/10 dark:to-slate-900/85',
+                    ];
+                    $caseBoxClass = $caseBoxStyles[$selected->status] ?? 'border border-slate-200/70 bg-white/95 dark:border-slate-700/70 dark:bg-slate-900/90';
+
                     $sources = array_values(array_filter([
                         $companyName ? __('Unternehmensprofil :company (:country) – interne KYC-Stammdaten.', [
                             'company' => $companyName,
@@ -693,12 +703,15 @@ new #[Layout('components.layouts.app'), Title('Unternehmensauskunft Transaktione
                 @endphp
 
                 <div class="grid gap-6 xl:grid-cols-[minmax(0,1.65fr)_minmax(0,1fr)]">
-                    <div class="rounded-3xl border border-slate-200/70 bg-white/95 p-7 shadow-lg shadow-slate-900/5 backdrop-blur dark:border-slate-700/70 dark:bg-slate-900/90">
+                    <div @class([
+                        'rounded-3xl p-7 shadow-lg shadow-slate-900/5 backdrop-blur',
+                        $caseBoxClass,
+                    ])>
                         <div class="flex flex-wrap items-start justify-between gap-6">
                             <div class="space-y-2">
-                                <flux:badge variant="outline">
+                                <span class="inline-flex items-center gap-2 rounded-full border border-indigo-200/70 bg-indigo-500/10 px-3 py-1 text-xs font-semibold uppercase tracking-wide text-indigo-700 shadow-sm dark:border-indigo-500/40 dark:bg-indigo-500/20 dark:text-indigo-100">
                                     {{ __('Case ID') }} {{ $selected->id }}
-                                </flux:badge>
+                                </span>
                                 <h3 class="text-2xl font-semibold text-slate-900 dark:text-white">
                                     {{ $selected->counterparty }} — {{ $amountValue }}
                                 </h3>