add companies transaction page
This commit is contained in:
Bob Molitor
@@ -0,0 +1,601 @@
|
||||
<?php
|
||||
|
||||
use App\Models\Company;
|
||||
use App\Models\Transaction;
|
||||
use Illuminate\Contracts\Pagination\LengthAwarePaginator;
|
||||
use Illuminate\Database\Eloquent\Builder;
|
||||
use Illuminate\Support\Collection;
|
||||
use Livewire\Attributes\Computed;
|
||||
use Livewire\Attributes\Layout;
|
||||
use Livewire\Volt\Component;
|
||||
use Livewire\WithPagination;
|
||||
|
||||
new #[Layout('components.layouts.app')] class extends Component {
|
||||
use WithPagination;
|
||||
|
||||
public Company $company;
|
||||
|
||||
public ?int $selectedTransactionId = null;
|
||||
|
||||
public string $status = 'all';
|
||||
|
||||
public string $channel = 'all';
|
||||
|
||||
protected int $perPage = 10;
|
||||
|
||||
/**
|
||||
* @var array<string, array<string, mixed>>
|
||||
*/
|
||||
protected $queryString = [
|
||||
'status' => ['except' => 'all'],
|
||||
'channel' => ['except' => 'all'],
|
||||
'page' => ['except' => 1],
|
||||
'selectedTransactionId' => ['except' => null, 'as' => 'transaction'],
|
||||
];
|
||||
|
||||
public function mount(Company $company, ?int $transaction = null): void
|
||||
{
|
||||
$this->company = $company;
|
||||
|
||||
if ($transaction) {
|
||||
$this->selectedTransactionId = $this->baseQuery()
|
||||
->whereKey($transaction)
|
||||
->value('id');
|
||||
}
|
||||
|
||||
if (! $this->selectedTransactionId) {
|
||||
$this->selectedTransactionId = $this->baseQuery()
|
||||
->orderByDesc('requires_review')
|
||||
->orderByDesc('risk_score')
|
||||
->orderByDesc('executed_at')
|
||||
->value('id');
|
||||
}
|
||||
}
|
||||
|
||||
public function with(): array
|
||||
{
|
||||
return [
|
||||
'title' => __('Unternehmenstransaktionen'),
|
||||
];
|
||||
}
|
||||
|
||||
public function selectTransaction(int $transactionId): void
|
||||
{
|
||||
$this->selectedTransactionId = $transactionId;
|
||||
}
|
||||
|
||||
public function updatingStatus(): void
|
||||
{
|
||||
$this->resetPage();
|
||||
}
|
||||
|
||||
public function updatedStatus(): void
|
||||
{
|
||||
$this->refreshSelection();
|
||||
}
|
||||
|
||||
public function updatingChannel(): void
|
||||
{
|
||||
$this->resetPage();
|
||||
}
|
||||
|
||||
public function updatedChannel(): void
|
||||
{
|
||||
$this->refreshSelection();
|
||||
}
|
||||
|
||||
public function updatedPage(): void
|
||||
{
|
||||
$this->refreshSelection();
|
||||
}
|
||||
|
||||
protected function refreshSelection(): void
|
||||
{
|
||||
$first = $this->filteredQuery()
|
||||
->orderByDesc('requires_review')
|
||||
->orderByDesc('risk_score')
|
||||
->orderByDesc('executed_at')
|
||||
->forPage($this->getPage(), $this->perPage)
|
||||
->first();
|
||||
|
||||
$this->selectedTransactionId = $first?->id;
|
||||
}
|
||||
|
||||
#[Computed]
|
||||
public function statusOptions(): array
|
||||
{
|
||||
return [
|
||||
'all' => __('Alle Status'),
|
||||
Transaction::STATUS_TRUE_POSITIVE => __('Bestätigte Treffer'),
|
||||
Transaction::STATUS_FALSE_POSITIVE => __('Fehlalarme'),
|
||||
Transaction::STATUS_CLEARED => __('Freigegeben'),
|
||||
];
|
||||
}
|
||||
|
||||
#[Computed]
|
||||
public function channelOptions(): array
|
||||
{
|
||||
$channels = $this->baseQuery()
|
||||
->select('channel')
|
||||
->distinct()
|
||||
->orderBy('channel')
|
||||
->pluck('channel')
|
||||
->filter()
|
||||
->values();
|
||||
|
||||
$options = [
|
||||
'all' => __('Alle Kanäle'),
|
||||
];
|
||||
|
||||
foreach ($channels as $channel) {
|
||||
$options[$channel] = $channel;
|
||||
}
|
||||
|
||||
return $options;
|
||||
}
|
||||
|
||||
#[Computed]
|
||||
public function metrics(): array
|
||||
{
|
||||
$baseQuery = $this->baseQuery();
|
||||
|
||||
$totalCount = (clone $baseQuery)->count();
|
||||
$totalVolume = (clone $baseQuery)->sum('amount');
|
||||
|
||||
$openAlertsQuery = $this->baseQuery()->where('requires_review', true);
|
||||
$openAlertsCount = (clone $openAlertsQuery)->count();
|
||||
$openAlertsVolume = (clone $openAlertsQuery)->sum('amount');
|
||||
|
||||
$highRiskCount = $totalCount > 0
|
||||
? $this->baseQuery()->where('risk_score', '>=', 80)->count()
|
||||
: 0;
|
||||
|
||||
$last30DaysQuery = $this->baseQuery()->where('executed_at', '>=', now()->subDays(30));
|
||||
$last30DaysCount = (clone $last30DaysQuery)->count();
|
||||
$last30DaysVolume = (clone $last30DaysQuery)->sum('amount');
|
||||
|
||||
$statusBreakdown = (clone $baseQuery)
|
||||
->selectRaw('status, COUNT(*) as total, COALESCE(SUM(amount), 0) as volume')
|
||||
->groupBy('status')
|
||||
->get()
|
||||
->mapWithKeys(fn ($row) => [
|
||||
$row->status => [
|
||||
'count' => (int) $row->total,
|
||||
'amount' => (float) $row->volume,
|
||||
],
|
||||
])
|
||||
->toArray();
|
||||
|
||||
return [
|
||||
'total_count' => $totalCount,
|
||||
'total_volume' => $totalVolume,
|
||||
'open_alerts' => [
|
||||
'count' => $openAlertsCount,
|
||||
'amount' => $openAlertsVolume,
|
||||
],
|
||||
'high_risk_share' => $totalCount > 0 ? (int) round(($highRiskCount / $totalCount) * 100) : 0,
|
||||
'last_30_days' => [
|
||||
'count' => $last30DaysCount,
|
||||
'amount' => $last30DaysVolume,
|
||||
],
|
||||
'by_status' => $statusBreakdown,
|
||||
];
|
||||
}
|
||||
|
||||
#[Computed]
|
||||
public function transactions(): LengthAwarePaginator
|
||||
{
|
||||
return $this->filteredQuery()
|
||||
->with('company')
|
||||
->orderByDesc('requires_review')
|
||||
->orderByDesc('risk_score')
|
||||
->orderByDesc('executed_at')
|
||||
->paginate($this->perPage);
|
||||
}
|
||||
|
||||
#[Computed]
|
||||
public function selectedTransaction(): ?Transaction
|
||||
{
|
||||
$transaction = $this->transactions->firstWhere('id', $this->selectedTransactionId);
|
||||
|
||||
if (! $transaction && $this->selectedTransactionId) {
|
||||
$transaction = $this->baseQuery()
|
||||
->with('company')
|
||||
->whereKey($this->selectedTransactionId)
|
||||
->first();
|
||||
}
|
||||
|
||||
return $transaction ?? $this->transactions->first();
|
||||
}
|
||||
|
||||
#[Computed]
|
||||
public function counterpartyHistory(): Collection
|
||||
{
|
||||
$selected = $this->selectedTransaction;
|
||||
|
||||
if (! $selected) {
|
||||
return collect();
|
||||
}
|
||||
|
||||
return $this->baseQuery()
|
||||
->where('counterparty', $selected->counterparty)
|
||||
->orderByDesc('executed_at')
|
||||
->limit(6)
|
||||
->get();
|
||||
}
|
||||
|
||||
#[Computed]
|
||||
public function recentAlerts(): Collection
|
||||
{
|
||||
return $this->baseQuery()
|
||||
->where('requires_review', true)
|
||||
->orderByDesc('executed_at')
|
||||
->limit(5)
|
||||
->get();
|
||||
}
|
||||
|
||||
#[Computed]
|
||||
public function actionChecklist(): array
|
||||
{
|
||||
$selected = $this->selectedTransaction;
|
||||
|
||||
$items = [
|
||||
[
|
||||
'title' => __('KYC- und Screening-Daten abgleichen'),
|
||||
'description' => __('Prüfen Sie Unternehmens- und Gegenparteidaten gegen Sanktionslisten, PEP-Register und interne Sperrlisten.'),
|
||||
],
|
||||
[
|
||||
'title' => __('Transaktionsverlauf analysieren'),
|
||||
'description' => __('Bewerten Sie Häufigkeit, Muster und Gegenparteien der letzten Monate, um ungewöhnliche Aktivitäten zu erkennen.'),
|
||||
],
|
||||
[
|
||||
'title' => __('Vier-Augen-Prinzip sicherstellen'),
|
||||
'description' => __('Organisieren Sie eine Zweitprüfung und dokumentieren Sie alle Entscheidungen revisionssicher.'),
|
||||
],
|
||||
];
|
||||
|
||||
if ($selected?->status === Transaction::STATUS_TRUE_POSITIVE) {
|
||||
array_unshift($items, [
|
||||
'title' => __('Verdachtsmeldung vorbereiten'),
|
||||
'description' => __('Erstellen Sie den Meldeentwurf für die FIU, sammeln Sie Belege und stellen Sie eine Eskalation sicher.'),
|
||||
]);
|
||||
}
|
||||
|
||||
return $items;
|
||||
}
|
||||
|
||||
protected function filteredQuery(): Builder
|
||||
{
|
||||
return $this->baseQuery()
|
||||
->when($this->status !== 'all', fn (Builder $query) => $query->where('status', $this->status))
|
||||
->when($this->channel !== 'all', fn (Builder $query) => $query->where('channel', $this->channel));
|
||||
}
|
||||
|
||||
protected function baseQuery(): Builder
|
||||
{
|
||||
return Transaction::query()->where('company_id', $this->company->id);
|
||||
}
|
||||
};
|
||||
?>
|
||||
|
||||
@php
|
||||
/** @var \Illuminate\Contracts\Pagination\LengthAwarePaginator $transactions */
|
||||
$transactions = $this->transactions;
|
||||
/** @var \App\Models\Transaction|null $selected */
|
||||
$selected = $this->selectedTransaction;
|
||||
$metrics = $this->metrics;
|
||||
$statusOptions = $this->statusOptions;
|
||||
$channelOptions = $this->channelOptions;
|
||||
$counterpartyHistory = $this->counterpartyHistory;
|
||||
$recentAlerts = $this->recentAlerts;
|
||||
$actionChecklist = $this->actionChecklist;
|
||||
|
||||
$formatCurrency = static fn (float $value): string => number_format($value, 2, ',', '.') . ' €';
|
||||
$formatAmount = static fn (float $value, string $currency): string => number_format($value, 2, ',', '.') . ' ' . $currency;
|
||||
|
||||
$statusStyles = [
|
||||
Transaction::STATUS_TRUE_POSITIVE => 'bg-gradient-to-r from-rose-500/25 via-rose-500/10 to-rose-400/20 text-rose-700 dark:text-rose-200 border border-rose-500/30 shadow-[0_0_25px_-14px_rgba(244,63,94,0.85)]',
|
||||
Transaction::STATUS_FALSE_POSITIVE => 'bg-gradient-to-r from-amber-400/25 via-amber-400/10 to-amber-300/20 text-amber-700 dark:text-amber-200 border border-amber-400/30 shadow-[0_0_25px_-14px_rgba(251,191,36,0.85)]',
|
||||
Transaction::STATUS_CLEARED => 'bg-gradient-to-r from-emerald-400/25 via-emerald-400/10 to-emerald-300/20 text-emerald-700 dark:text-emerald-200 border border-emerald-400/30 shadow-[0_0_25px_-14px_rgba(52,211,153,0.85)]',
|
||||
];
|
||||
|
||||
$statusCopy = [
|
||||
Transaction::STATUS_TRUE_POSITIVE => __('Ein schwerwiegender Verdacht liegt vor. Priorisieren Sie die Eskalation und bereiten Sie eine Verdachtsmeldung vor.'),
|
||||
Transaction::STATUS_FALSE_POSITIVE => __('Alarm konnte entkräftet werden. Dokumentieren Sie die Begründung und schließen Sie den Fall.'),
|
||||
Transaction::STATUS_CLEARED => __('Keine Auffälligkeiten. Dokumentieren und archivieren Sie den Prüfschritt.'),
|
||||
];
|
||||
@endphp
|
||||
|
||||
<div class="flex flex-col gap-8">
|
||||
<section class="rounded-3xl border border-slate-200/70 bg-white/95 p-8 shadow-sm backdrop-blur dark:border-slate-700/70 dark:bg-slate-900/90">
|
||||
<div class="flex flex-wrap items-start justify-between gap-6">
|
||||
<div class="max-w-2xl space-y-2">
|
||||
<flux:link :href="route('transaction-review')" wire:navigate class="inline-flex items-center gap-2 text-sm font-semibold text-slate-500 hover:text-slate-700 dark:text-slate-300 dark:hover:text-white">
|
||||
<flux:icon name="arrow-left" class="h-4 w-4" />
|
||||
{{ __('Zurück zur Transaktionsprüfung') }}
|
||||
</flux:link>
|
||||
|
||||
<flux:heading size="xl">
|
||||
{{ $company->legal_name }}
|
||||
</flux:heading>
|
||||
<flux:text class="text-sm text-slate-500 dark:text-slate-300">
|
||||
{{ $company->summary }}
|
||||
</flux:text>
|
||||
|
||||
<div class="flex flex-wrap gap-2 text-xs text-slate-600 dark:text-slate-300">
|
||||
<span class="inline-flex items-center gap-2 rounded-full bg-slate-100/60 px-3 py-1 font-medium uppercase tracking-wide text-slate-600 dark:bg-slate-800/70 dark:text-slate-200">
|
||||
{{ __('Ticker') }} {{ $company->ticker }}
|
||||
</span>
|
||||
<span class="inline-flex items-center gap-2 rounded-full bg-indigo-100/60 px-3 py-1 font-medium uppercase tracking-wide text-indigo-600 dark:bg-indigo-500/20 dark:text-indigo-200">
|
||||
{{ $company->sector }}
|
||||
</span>
|
||||
<span class="inline-flex items-center gap-2 rounded-full bg-emerald-100/60 px-3 py-1 font-medium uppercase tracking-wide text-emerald-700 dark:bg-emerald-500/20 dark:text-emerald-100">
|
||||
{{ __('KYC-Risiko') }} {{ \Illuminate\Support\Str::title($company->kyc_risk_level) }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-2 gap-4 text-sm sm:grid-cols-3">
|
||||
<div class="rounded-2xl border border-slate-200/70 bg-slate-50/80 p-4 dark:border-slate-700/70 dark:bg-slate-800/80">
|
||||
<p class="text-xs font-semibold uppercase tracking-wide text-slate-400">{{ __('Transaktionen gesamt') }}</p>
|
||||
<p class="mt-2 text-2xl font-semibold text-slate-900 dark:text-white">{{ $metrics['total_count'] }}</p>
|
||||
<p class="text-xs text-slate-500 dark:text-slate-300">{{ __('Volumen') }} {{ $formatCurrency($metrics['total_volume']) }}</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-emerald-400/40 bg-emerald-400/10 p-4 shadow-sm shadow-emerald-900/10">
|
||||
<p class="text-xs font-semibold uppercase tracking-wide text-emerald-700 dark:text-emerald-200">{{ __('Offene Alerts') }}</p>
|
||||
<p class="mt-2 text-2xl font-semibold text-emerald-900 dark:text-emerald-100">{{ $metrics['open_alerts']['count'] }}</p>
|
||||
<p class="text-xs text-emerald-700 dark:text-emerald-100">{{ __('Volumen') }} {{ $formatCurrency($metrics['open_alerts']['amount']) }}</p>
|
||||
</div>
|
||||
<div class="rounded-2xl border border-indigo-400/40 bg-indigo-500/10 p-4 shadow-sm shadow-indigo-900/10">
|
||||
<p class="text-xs font-semibold uppercase tracking-wide text-indigo-800 dark:text-indigo-200">{{ __('High-Risk-Anteil') }}</p>
|
||||
<p class="mt-2 text-2xl font-semibold text-indigo-900 dark:text-indigo-100">{{ $metrics['high_risk_share'] }}%</p>
|
||||
<p class="text-xs text-indigo-700 dark:text-indigo-200">{{ __('Letzte 30 Tage') }} {{ $metrics['last_30_days']['count'] }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="grid gap-6 xl:grid-cols-[minmax(0,1.15fr)_minmax(0,1.85fr)]">
|
||||
<div class="space-y-4">
|
||||
<div class="rounded-3xl border border-zinc-200/70 bg-white/95 p-6 shadow-sm backdrop-blur dark:border-zinc-700/70 dark:bg-zinc-900/90">
|
||||
<div class="flex flex-wrap items-center justify-between gap-4">
|
||||
<div>
|
||||
<h2 class="text-lg font-semibold text-zinc-900 dark:text-zinc-100">{{ __('Transaktionsliste') }}</h2>
|
||||
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('Filtern Sie nach Status und Kanal, um relevante Vorgänge für dieses Unternehmen zu analysieren.') }}</p>
|
||||
</div>
|
||||
<flux:badge variant="outline">
|
||||
{{ $transactions->total() }} {{ __('Ergebnisse') }}
|
||||
</flux:badge>
|
||||
</div>
|
||||
|
||||
<div class="mt-4 flex flex-wrap items-center gap-3">
|
||||
<flux:select wire:model.live="status">
|
||||
@foreach ($statusOptions as $value => $label)
|
||||
<option value="{{ $value }}">{{ $label }}</option>
|
||||
@endforeach
|
||||
</flux:select>
|
||||
|
||||
<flux:select wire:model.live="channel">
|
||||
@foreach ($channelOptions as $value => $label)
|
||||
<option value="{{ $value }}">{{ $label }}</option>
|
||||
@endforeach
|
||||
</flux:select>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 space-y-3">
|
||||
@forelse ($transactions as $transaction)
|
||||
<button
|
||||
wire:click="selectTransaction({{ $transaction->id }})"
|
||||
wire:key="txn-{{ $transaction->id }}"
|
||||
@class([
|
||||
'w-full rounded-2xl border p-4 text-left transition focus:outline-none focus:ring-2 focus:ring-indigo-500/80',
|
||||
'border-zinc-200/70 bg-white shadow-sm backdrop-blur dark:border-zinc-700/60 dark:bg-zinc-900/80' => $selected?->id !== $transaction->id,
|
||||
'border-indigo-300/70 bg-indigo-50/80 shadow-md ring-2 ring-indigo-200/60 dark:border-indigo-500/40 dark:bg-indigo-900/50 dark:ring-indigo-500/30' => $selected?->id === $transaction->id,
|
||||
])>
|
||||
<div class="flex flex-wrap items-start justify-between gap-4">
|
||||
<div class="space-y-1">
|
||||
<p class="text-sm font-semibold text-zinc-800 dark:text-zinc-100">
|
||||
{{ $transaction->counterparty }}
|
||||
</p>
|
||||
<p class="text-xs text-zinc-500 dark:text-zinc-400">
|
||||
{{ $transaction->counterparty_country }} • {{ $transaction->executed_at?->format('d.m.Y H:i') }}
|
||||
</p>
|
||||
</div>
|
||||
<div class="flex flex-col items-end gap-2">
|
||||
<span class="text-lg font-semibold text-zinc-900 dark:text-zinc-100">
|
||||
{{ $formatAmount($transaction->amount, $transaction->currency) }}
|
||||
</span>
|
||||
<span class="inline-flex items-center gap-2 rounded-full px-3 py-1 text-xs font-semibold {{ $statusStyles[$transaction->status] ?? 'bg-zinc-500/10 text-zinc-600 border border-zinc-500/20' }}">
|
||||
{{ $transaction->statusLabel() }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mt-3 flex flex-wrap items-center gap-2 text-xs text-zinc-500 dark:text-zinc-400">
|
||||
<span class="inline-flex items-center gap-1 rounded-md bg-slate-100/60 px-2 py-1 font-semibold text-slate-700 dark:bg-slate-800/80 dark:text-slate-200">
|
||||
Risiko {{ $transaction->risk_score }}
|
||||
</span>
|
||||
<span>{{ $transaction->channel }}</span>
|
||||
<span>•</span>
|
||||
<span class="font-mono">{{ $transaction->reference }}</span>
|
||||
<flux:link
|
||||
:href="route('company.transactions', ['company' => $company->id, 'transaction' => $transaction->id])"
|
||||
wire:navigate
|
||||
class="inline-flex items-center gap-1 font-medium text-indigo-600 transition hover:text-indigo-800 dark:text-indigo-300 dark:hover:text-indigo-200"
|
||||
>
|
||||
{{ __('Fallansicht öffnen') }}
|
||||
<flux:icon name="arrow-top-right-on-square" class="h-4 w-4" />
|
||||
</flux:link>
|
||||
</div>
|
||||
</button>
|
||||
@empty
|
||||
<div class="rounded-2xl border border-dashed border-zinc-300/70 bg-zinc-50/70 p-6 text-center text-sm text-zinc-500 dark:border-zinc-600/50 dark:bg-zinc-900/70 dark:text-zinc-300">
|
||||
{{ __('Keine Transaktionen für die aktuellen Filter gefunden.') }}
|
||||
</div>
|
||||
@endforelse
|
||||
</div>
|
||||
|
||||
@if ($transactions->hasPages())
|
||||
<div class="mt-4 flex items-center justify-between gap-3 border-t border-zinc-200/70 bg-zinc-50/70 px-4 py-3 text-sm text-zinc-500 dark:border-zinc-700/60 dark:bg-zinc-900/70 dark:text-zinc-300">
|
||||
<button
|
||||
wire:click="previousPage"
|
||||
wire:loading.attr="disabled"
|
||||
@disabled($transactions->onFirstPage())
|
||||
class="inline-flex items-center gap-2 rounded-full border border-zinc-300/70 bg-white/70 px-4 py-1.5 font-medium text-zinc-700 transition hover:bg-white dark:border-zinc-600/70 dark:bg-zinc-800/80 dark:text-zinc-200 dark:hover:bg-zinc-800/60"
|
||||
>
|
||||
‹ {{ __('Zurück') }}
|
||||
</button>
|
||||
<span class="text-xs font-medium uppercase tracking-wide text-zinc-500 dark:text-zinc-400">
|
||||
{{ __('Seite') }} {{ $transactions->currentPage() }} {{ __('von') }} {{ $transactions->lastPage() }}
|
||||
</span>
|
||||
<button
|
||||
wire:click="nextPage"
|
||||
wire:loading.attr="disabled"
|
||||
@disabled(! $transactions->hasMorePages())
|
||||
class="inline-flex items-center gap-2 rounded-full border border-zinc-300/70 bg-white/70 px-4 py-1.5 font-medium text-zinc-700 transition hover:bg-white dark:border-zinc-600/70 dark:bg-zinc-800/80 dark:text-zinc-200 dark:hover:bg-zinc-800/60"
|
||||
>
|
||||
{{ __('Weiter') }} ›
|
||||
</button>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="rounded-3xl border border-zinc-200/70 bg-white/95 p-6 shadow-sm backdrop-blur dark:border-zinc-700/70 dark:bg-zinc-900/90">
|
||||
<h3 class="text-sm font-semibold uppercase tracking-wide text-zinc-500 dark:text-zinc-400">{{ __('Neueste Alerts') }}</h3>
|
||||
<ul class="mt-4 space-y-3 text-sm text-zinc-600 dark:text-zinc-300">
|
||||
@forelse ($recentAlerts as $alert)
|
||||
<li class="flex items-start justify-between gap-3 rounded-2xl border border-zinc-100/70 bg-zinc-50/70 p-3 dark:border-zinc-700/70 dark:bg-zinc-800/70">
|
||||
<div>
|
||||
<p class="font-semibold text-zinc-900 dark:text-zinc-100">{{ $alert->counterparty }}</p>
|
||||
<p class="text-xs text-zinc-500 dark:text-zinc-400">{{ $alert->executed_at?->format('d.m.Y H:i') }} • {{ $alert->channel }}</p>
|
||||
</div>
|
||||
<span class="inline-flex items-center gap-2 rounded-full px-3 py-1 text-xs font-semibold {{ $statusStyles[$alert->status] ?? 'bg-zinc-500/10 text-zinc-600 border border-zinc-500/20' }}">
|
||||
{{ $alert->statusLabel() }}
|
||||
</span>
|
||||
</li>
|
||||
@empty
|
||||
<li class="rounded-2xl border border-dashed border-zinc-300/60 bg-zinc-50/60 p-4 text-center text-xs text-zinc-500 dark:border-zinc-600/50 dark:bg-zinc-900/60">
|
||||
{{ __('Aktuell liegen keine offenen Alerts vor.') }}
|
||||
</li>
|
||||
@endforelse
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="space-y-5">
|
||||
@if ($selected)
|
||||
<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="flex flex-wrap items-start justify-between gap-6">
|
||||
<div class="space-y-2">
|
||||
<flux:badge variant="outline">
|
||||
{{ __('Case ID') }} {{ $selected->id }}
|
||||
</flux:badge>
|
||||
<h3 class="text-2xl font-semibold text-slate-900 dark:text-white">
|
||||
{{ $selected->counterparty }} — {{ $formatAmount($selected->amount, $selected->currency) }}
|
||||
</h3>
|
||||
<p class="text-sm text-slate-500 dark:text-slate-300">
|
||||
{{ __('Ausgeführt am') }} {{ $selected->executed_at?->format('d.m.Y, H:i') }} • {{ $selected->channel }}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="flex flex-col items-end gap-2">
|
||||
@php($badgeStyle = $statusStyles[$selected->status] ?? 'bg-zinc-500/10 text-zinc-600 border border-zinc-500/20')
|
||||
<span class="inline-flex items-center gap-2 rounded-full px-3 py-1 text-xs font-semibold {{ $badgeStyle }}">
|
||||
{{ $selected->statusLabel() }}
|
||||
</span>
|
||||
<span class="inline-flex items-center gap-1 rounded-md bg-slate-900/10 px-3 py-1 font-semibold text-slate-800 dark:bg-slate-200/10 dark:text-slate-200">
|
||||
{{ __('Risikowert') }} {{ $selected->risk_score }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mt-6 grid gap-4 sm:grid-cols-2">
|
||||
<div class="rounded-2xl bg-slate-50/80 p-4 dark:bg-slate-800/70">
|
||||
<p class="text-xs uppercase tracking-wide text-slate-400">{{ __('Gegenpartei') }}</p>
|
||||
<p class="mt-1 text-sm font-medium text-slate-900 dark:text-slate-100">{{ $selected->counterparty }}</p>
|
||||
<p class="text-xs text-slate-500 dark:text-slate-300">{{ $selected->counterparty_country }}</p>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-slate-50/80 p-4 dark:bg-slate-800/70">
|
||||
<p class="text-xs uppercase tracking-wide text-slate-400">{{ __('Referenz') }}</p>
|
||||
<p class="mt-1 text-sm font-medium text-slate-900 dark:text-slate-100">{{ $selected->reference }}</p>
|
||||
<p class="text-xs text-slate-500 dark:text-slate-300">{{ $selected->flagged_by }}</p>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-slate-50/80 p-4 dark:bg-slate-800/70">
|
||||
<p class="text-xs uppercase tracking-wide text-slate-400">{{ __('Flagging-Grund') }}</p>
|
||||
<p class="mt-1 text-sm font-medium text-slate-900 dark:text-slate-100">{{ $selected->flagged_reason }}</p>
|
||||
</div>
|
||||
<div class="rounded-2xl bg-slate-50/80 p-4 dark:bg-slate-800/70">
|
||||
<p class="text-xs uppercase tracking-wide text-slate-400">{{ __('Empfohlene Maßnahme') }}</p>
|
||||
<p class="mt-1 text-sm font-medium text-slate-900 dark:text-slate-100">{{ $statusCopy[$selected->status] ?? __('Review abschließen und Audit-Trail ergänzen.') }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@if (! empty($selected->signals))
|
||||
<div class="mt-6">
|
||||
<h4 class="text-xs font-semibold uppercase tracking-wide text-slate-400">{{ __('Detektionssignale') }}</h4>
|
||||
<div class="mt-2 flex flex-wrap gap-2">
|
||||
@foreach ($selected->signals as $signal)
|
||||
<span class="inline-flex items-center gap-2 rounded-full border border-slate-300/70 bg-slate-100/60 px-3 py-1 text-xs font-medium text-slate-700 dark:border-slate-600 dark:bg-slate-800/60 dark:text-slate-200">
|
||||
<span class="h-1.5 w-1.5 rounded-full bg-emerald-500"></span>
|
||||
{{ data_get($signal, 'type') }} — {{ data_get($signal, 'value') }}
|
||||
</span>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
@endif
|
||||
|
||||
<div class="mt-6 rounded-2xl border border-indigo-200/60 bg-indigo-500/10 p-4 text-sm text-indigo-900 dark:border-indigo-500/30 dark:bg-indigo-500/10 dark:text-indigo-100">
|
||||
<p class="font-medium">{{ __('Fallleitlinie') }}</p>
|
||||
<p class="mt-1 leading-relaxed">
|
||||
{{ __('Führen Sie eine ganzheitliche Bewertung durch: prüfen Sie Geschäftsbeziehung, Transaktionshistorie und Monitoring-Regeln. Stellen Sie sicher, dass alle Entscheidungswege und Maßnahmen dokumentiert und für Audits nachvollziehbar sind.') }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="rounded-3xl border border-zinc-200/70 bg-white/95 p-6 shadow-sm backdrop-blur dark:border-zinc-700/70 dark:bg-zinc-900/90">
|
||||
<h4 class="text-sm font-semibold uppercase tracking-wide text-zinc-500 dark:text-zinc-400">{{ __('Aktions-Checkliste') }}</h4>
|
||||
<ol class="mt-4 space-y-3 text-sm text-zinc-600 dark:text-zinc-300">
|
||||
@foreach ($actionChecklist as $index => $item)
|
||||
<li class="flex gap-3 rounded-2xl border border-zinc-100/70 bg-zinc-50/70 p-4 dark:border-zinc-700/70 dark:bg-zinc-800/70">
|
||||
<span class="mt-1 inline-flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-indigo-500/10 font-semibold text-indigo-600 dark:bg-indigo-500/20 dark:text-indigo-200">
|
||||
{{ $index + 1 }}
|
||||
</span>
|
||||
<div>
|
||||
<p class="font-semibold text-zinc-900 dark:text-zinc-100">{{ $item['title'] }}</p>
|
||||
<p class="text-xs text-zinc-500 dark:text-zinc-400">{{ $item['description'] }}</p>
|
||||
</div>
|
||||
</li>
|
||||
@endforeach
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="rounded-3xl border border-zinc-200/70 bg-white/95 p-6 shadow-sm backdrop-blur dark:border-zinc-700/70 dark:bg-zinc-900/90">
|
||||
<h4 class="text-sm font-semibold uppercase tracking-wide text-zinc-500 dark:text-zinc-400">{{ __('Historie mit dieser Gegenpartei') }}</h4>
|
||||
<div class="mt-4 space-y-3">
|
||||
@forelse ($counterpartyHistory as $history)
|
||||
<div class="flex flex-wrap items-center justify-between gap-3 rounded-2xl border border-zinc-100/70 bg-zinc-50/70 p-4 text-sm text-zinc-600 dark:border-zinc-700/70 dark:bg-zinc-800/70 dark:text-zinc-300">
|
||||
<div>
|
||||
<p class="font-semibold text-zinc-900 dark:text-zinc-100">{{ $history->executed_at?->format('d.m.Y H:i') }}</p>
|
||||
<p class="text-xs text-zinc-500 dark:text-zinc-400">{{ $history->channel }} • {{ $history->reference }}</p>
|
||||
</div>
|
||||
<div class="flex flex-col items-end gap-1">
|
||||
<span class="text-sm font-semibold text-zinc-900 dark:text-zinc-100">{{ $formatAmount($history->amount, $history->currency) }}</span>
|
||||
<span class="inline-flex items-center gap-1 rounded-md bg-slate-100/60 px-2 py-0.5 text-xs font-semibold text-slate-700 dark:bg-slate-800/80 dark:text-slate-200">
|
||||
{{ __('Risiko') }} {{ $history->risk_score }}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@empty
|
||||
<div class="rounded-2xl border border-dashed border-zinc-300/60 bg-zinc-50/60 p-4 text-center text-xs text-zinc-500 dark:border-zinc-600/50 dark:bg-zinc-900/60">
|
||||
{{ __('Keine weiteren Transaktionen mit dieser Gegenpartei gefunden.') }}
|
||||
</div>
|
||||
@endforelse
|
||||
</div>
|
||||
</div>
|
||||
@else
|
||||
<div class="rounded-3xl border border-dashed border-zinc-300/70 bg-white/80 p-8 text-center text-sm text-zinc-500 shadow-sm dark:border-zinc-600/50 dark:bg-zinc-900/60 dark:text-zinc-300">
|
||||
{{ __('Wählen Sie links eine Transaktion aus, um die vollständige Fallansicht zu öffnen.') }}
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
Reference in New Issue
Block a user