95 lines
4.9 KiB
PHP
95 lines
4.9 KiB
PHP
<div class="space-y-6">
|
|
{{-- KPI-Karten --}}
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
|
|
{{-- Offene Bestellungen --}}
|
|
<flux:card>
|
|
<div class="flex items-start justify-between">
|
|
<div>
|
|
<div class="text-sm text-red-700 dark:text-red-300 font-medium">{{ __('Offene Bestellungen') }}</div>
|
|
<div class="text-3xl font-bold text-red-900 dark:text-red-100 mt-2">{{ $openOrders }}</div>
|
|
<div class="text-xs text-red-600 dark:text-red-400 mt-1">{{ __('Platzhalter') }}</div>
|
|
</div>
|
|
@svg('heroicon-o-shopping-cart', 'w-10 h-10 text-red-400 dark:text-red-600')
|
|
</div>
|
|
</flux:card>
|
|
|
|
{{-- Umsatz --}}
|
|
<flux:card>
|
|
<div class="flex items-start justify-between">
|
|
<div>
|
|
<div class="text-sm text-green-700 dark:text-green-300 font-medium">{{ __('Umsatz diesen Monat') }}</div>
|
|
<div class="text-3xl font-bold text-green-900 dark:text-green-100 mt-2">{{ number_format($monthlyRevenue, 0, ',', '.') }} €</div>
|
|
<div class="text-xs text-green-600 dark:text-green-400 mt-1">{{ __('Platzhalter') }}</div>
|
|
</div>
|
|
@svg('heroicon-o-currency-euro', 'w-10 h-10 text-green-400 dark:text-green-600')
|
|
</div>
|
|
</flux:card>
|
|
|
|
{{-- Produkt-Views --}}
|
|
<flux:card>
|
|
<div class="flex items-start justify-between">
|
|
<div>
|
|
<div class="text-sm text-blue-700 dark:text-blue-300 font-medium">{{ __('Produkt-Views') }}</div>
|
|
<div class="text-3xl font-bold text-blue-900 dark:text-blue-100 mt-2">{{ number_format($productViews, 0, ',', '.') }}</div>
|
|
<div class="text-xs text-blue-600 dark:text-blue-400 mt-1">{{ __('Platzhalter') }}</div>
|
|
</div>
|
|
@svg('heroicon-o-eye', 'w-10 h-10 text-blue-400 dark:text-blue-600')
|
|
</div>
|
|
</flux:card>
|
|
|
|
{{-- Lager-Warnungen --}}
|
|
<flux:card>
|
|
<div class="flex items-start justify-between">
|
|
<div>
|
|
<div class="text-sm text-orange-700 dark:text-orange-300 font-medium">{{ __('Lager-Warnungen') }}</div>
|
|
<div class="text-3xl font-bold text-orange-900 dark:text-orange-100 mt-2">{{ $stockWarnings }}</div>
|
|
<div class="text-xs text-orange-600 dark:text-orange-400 mt-1">{{ __('Platzhalter') }}</div>
|
|
</div>
|
|
@svg('heroicon-o-exclamation-triangle', 'w-10 h-10 text-orange-400 dark:text-orange-600')
|
|
</div>
|
|
</flux:card>
|
|
</div>
|
|
|
|
{{-- Widgets --}}
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
|
{{-- To-Do Liste --}}
|
|
<flux:card>
|
|
<flux:heading size="lg">{{ __('To-Do Liste') }}</flux:heading>
|
|
<flux:subheading>{{ __('Ihre anstehenden Aufgaben') }}</flux:subheading>
|
|
|
|
<div class="mt-4 space-y-2">
|
|
<div class="flex items-center gap-3 p-3 bg-red-50 dark:bg-red-900/10 rounded-lg">
|
|
@svg('heroicon-o-shopping-cart', 'w-5 h-5 text-red-500')
|
|
<span class="font-medium">{{ $openOrders }} {{ __('neue Bestellungen warten') }}</span>
|
|
</div>
|
|
<div class="flex items-center gap-3 p-3 bg-blue-50 dark:bg-blue-900/10 rounded-lg">
|
|
@svg('heroicon-o-chat-bubble-left-right', 'w-5 h-5 text-blue-500')
|
|
<span class="font-medium">{{ __('2 Kundenfragen offen') }} ({{ __('Platzhalter') }})</span>
|
|
</div>
|
|
<div class="flex items-center gap-3 p-3 bg-orange-50 dark:bg-orange-900/10 rounded-lg">
|
|
@svg('heroicon-o-cube', 'w-5 h-5 text-orange-500')
|
|
<span class="font-medium">{{ $stockWarnings }} {{ __('Lager-Warnungen') }}</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-4 flex gap-2">
|
|
<flux:button variant="primary" size="sm" icon="plus">{{ __('Neues Produkt') }}</flux:button>
|
|
<flux:button variant="ghost" size="sm" icon="arrow-path">{{ __('Bestände aktualisieren') }}</flux:button>
|
|
</div>
|
|
</flux:card>
|
|
|
|
{{-- Meine Kunden --}}
|
|
<flux:card>
|
|
<flux:heading size="lg">{{ __('Meine Kunden') }}</flux:heading>
|
|
<flux:subheading>{{ __('Kunden in Ihrem Einzugsgebiet') }}</flux:subheading>
|
|
|
|
<div class="mt-4 flex items-center justify-center py-8 bg-blue-50 dark:bg-blue-900/10 rounded-lg">
|
|
<div class="text-center">
|
|
<div class="text-5xl font-bold text-blue-600 dark:text-blue-400">{{ $myCustomers }}</div>
|
|
<div class="text-sm text-blue-700 dark:text-blue-300 mt-2">{{ __('zugeordnete Kunden') }}</div>
|
|
</div>
|
|
</div>
|
|
</flux:card>
|
|
</div>
|
|
</div>
|
|
|