95 lines
4.3 KiB
PHP
95 lines
4.3 KiB
PHP
<div class="space-y-6">
|
|
{{-- KPI-Karten --}}
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
|
{{-- Marken-Reichweite --}}
|
|
<flux:card>
|
|
<div class="flex items-start justify-between">
|
|
<div>
|
|
<div class="text-sm text-purple-700 dark:text-purple-300 font-medium">{{ __('Marken-Reichweite') }}</div>
|
|
<div class="text-3xl font-bold text-purple-900 dark:text-purple-100 mt-2">{{ $brandReach }}</div>
|
|
<div class="text-xs text-purple-600 dark:text-purple-400 mt-1">{{ __('Händler führen meine Produkte') }}</div>
|
|
</div>
|
|
@svg('heroicon-o-globe-alt', 'w-10 h-10 text-purple-400 dark:text-purple-600')
|
|
</div>
|
|
</flux:card>
|
|
|
|
{{-- Katalog-Status --}}
|
|
<flux:card>
|
|
<div class="flex items-start justify-between">
|
|
<div>
|
|
<div class="text-sm text-blue-700 dark:text-blue-300 font-medium">{{ __('Katalog-Status') }}</div>
|
|
<div class="text-3xl font-bold text-blue-900 dark:text-blue-100 mt-2">{{ $activeProducts }}</div>
|
|
<div class="text-xs text-blue-600 dark:text-blue-400 mt-1">{{ $draftProducts }} {{ __('Entwürfe') }}</div>
|
|
</div>
|
|
@svg('heroicon-o-cube', 'w-10 h-10 text-blue-400 dark:text-blue-600')
|
|
</div>
|
|
</flux:card>
|
|
|
|
{{-- Gesamt-Views --}}
|
|
<flux:card>
|
|
<div class="flex items-start justify-between">
|
|
<div>
|
|
<div class="text-sm text-green-700 dark:text-green-300 font-medium">{{ __('Gesamt-Views') }}</div>
|
|
<div class="text-3xl font-bold text-green-900 dark:text-green-100 mt-2">{{ number_format($totalViews, 0, ',', '.') }}</div>
|
|
<div class="text-xs text-green-600 dark:text-green-400 mt-1">{{ __('Platzhalter') }}</div>
|
|
</div>
|
|
@svg('heroicon-o-eye', 'w-10 h-10 text-green-400 dark:text-green-600')
|
|
</div>
|
|
</flux:card>
|
|
</div>
|
|
|
|
{{-- Widgets --}}
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
|
{{-- Katalog-Pflege --}}
|
|
<flux:card>
|
|
<flux:heading size="lg">{{ __('Katalog-Pflege') }}</flux:heading>
|
|
<flux:subheading>{{ __('Verwalten Sie Ihre Produkte') }}</flux:subheading>
|
|
|
|
<div class="mt-4 space-y-3">
|
|
<div class="flex items-center justify-between p-3 bg-green-50 dark:bg-green-900/10 rounded-lg">
|
|
<div class="flex items-center gap-3">
|
|
@svg('heroicon-o-check-circle', 'w-5 h-5 text-green-500')
|
|
<span>{{ __('Aktive Produkte') }}</span>
|
|
</div>
|
|
<span class="font-bold text-lg">{{ $activeProducts }}</span>
|
|
</div>
|
|
<div class="flex items-center justify-between p-3 bg-orange-50 dark:bg-orange-900/10 rounded-lg">
|
|
<div class="flex items-center gap-3">
|
|
@svg('heroicon-o-pencil', 'w-5 h-5 text-orange-500')
|
|
<span>{{ __('Entwürfe') }}</span>
|
|
</div>
|
|
<span class="font-bold text-lg">{{ $draftProducts }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-4">
|
|
<flux:button variant="primary" size="sm" icon="plus">{{ __('Neues Produkt (Master)') }}</flux:button>
|
|
</div>
|
|
</flux:card>
|
|
|
|
{{-- Schnellzugriff --}}
|
|
<flux:card>
|
|
<flux:heading size="lg">{{ __('Schnellzugriff') }}</flux:heading>
|
|
<flux:subheading>{{ __('Häufig benötigte Funktionen') }}</flux:subheading>
|
|
|
|
<div class="mt-4 space-y-2">
|
|
<flux:button variant="ghost" icon="photo" class="w-full justify-start">
|
|
{{ __('Marketing-Material hochladen') }}
|
|
</flux:button>
|
|
<flux:button variant="ghost" icon="chart-bar" class="w-full justify-start">
|
|
{{ __('Händler-Performance') }} ({{ __('Platzhalter') }})
|
|
</flux:button>
|
|
<flux:button variant="ghost" icon="tag" class="w-full justify-start">
|
|
{{ __('Meine Marke bearbeiten') }}
|
|
</flux:button>
|
|
</div>
|
|
</flux:card>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|