104 lines
5.4 KiB
PHP
104 lines
5.4 KiB
PHP
<div class="space-y-6">
|
|
{{-- KPI-Karten --}}
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
|
{{-- Verdiente Provision --}}
|
|
<flux:card>
|
|
<div class="flex items-start justify-between">
|
|
<div>
|
|
<div class="text-sm text-green-700 dark:text-green-300 font-medium">{{ __('Verdiente Provision') }}</div>
|
|
<div class="text-3xl font-bold text-green-900 dark:text-green-100 mt-2">{{ number_format($totalCommission, 2, ',', '.') }} €</div>
|
|
<div class="text-xs text-green-600 dark:text-green-400 mt-1">{{ __('Lifetime Earnings (Platzhalter)') }}</div>
|
|
</div>
|
|
@svg('heroicon-o-currency-euro', 'w-10 h-10 text-green-400 dark:text-green-600')
|
|
</div>
|
|
</flux:card>
|
|
|
|
{{-- Offene Auszahlung --}}
|
|
<flux:card>
|
|
<div class="flex items-start justify-between">
|
|
<div>
|
|
<div class="text-sm text-blue-700 dark:text-blue-300 font-medium">{{ __('Offene Auszahlung') }}</div>
|
|
<div class="text-3xl font-bold text-blue-900 dark:text-blue-100 mt-2">{{ number_format($pendingPayout, 2, ',', '.') }} €</div>
|
|
<div class="text-xs text-blue-600 dark:text-blue-400 mt-1">{{ __('Platzhalter') }}</div>
|
|
</div>
|
|
@svg('heroicon-o-banknotes', 'w-10 h-10 text-blue-400 dark:text-blue-600')
|
|
</div>
|
|
</flux:card>
|
|
|
|
{{-- Generierte Leads --}}
|
|
<flux:card>
|
|
<div class="flex items-start justify-between">
|
|
<div>
|
|
<div class="text-sm text-purple-700 dark:text-purple-300 font-medium">{{ __('Generierte Leads') }}</div>
|
|
<div class="text-3xl font-bold text-purple-900 dark:text-purple-100 mt-2">{{ $generatedLeads }}</div>
|
|
<div class="text-xs text-purple-600 dark:text-purple-400 mt-1">{{ __('Registrierte Kunden') }}</div>
|
|
</div>
|
|
@svg('heroicon-o-user-group', 'w-10 h-10 text-purple-400 dark:text-purple-600')
|
|
</div>
|
|
</flux:card>
|
|
</div>
|
|
|
|
{{-- Widgets --}}
|
|
<div class="grid grid-cols-1 gap-6">
|
|
{{-- Empfehlungs-Link --}}
|
|
<flux:card>
|
|
<flux:heading size="lg">{{ __('Mein Empfehlungs-Link') }}</flux:heading>
|
|
<flux:subheading>{{ __('Teilen Sie diesen Link mit Ihren Kunden') }}</flux:subheading>
|
|
|
|
<div class="mt-4 p-4 bg-blue-50 dark:bg-blue-900/20 rounded-lg border-2 border-dashed border-blue-300 dark:border-blue-700">
|
|
<div class="flex items-center gap-3">
|
|
<div class="flex-1 bg-white dark:bg-zinc-800 px-4 py-3 rounded font-mono text-sm break-all">
|
|
{{ $referralLink }}
|
|
</div>
|
|
<flux:button
|
|
variant="primary"
|
|
icon="clipboard"
|
|
x-data
|
|
@click="navigator.clipboard.writeText('{{ $referralLink }}'); $tooltip('{{ __('Link kopiert!') }}', { timeout: 2000 })"
|
|
>
|
|
{{ __('Kopieren') }}
|
|
</flux:button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-4 flex gap-2">
|
|
<flux:button variant="ghost" size="sm" icon="chat-bubble-left">{{ __('Per WhatsApp teilen') }}</flux:button>
|
|
<flux:button variant="ghost" size="sm" icon="envelope">{{ __('Per E-Mail teilen') }}</flux:button>
|
|
</div>
|
|
</flux:card>
|
|
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
|
|
{{-- Meine Kunden --}}
|
|
<flux:card>
|
|
<flux:heading size="lg">{{ __('Meine Kunden') }}</flux:heading>
|
|
<flux:subheading>{{ __('Über Sie registrierte Kunden') }}</flux:subheading>
|
|
|
|
<div class="mt-4 flex items-center justify-center py-8 bg-purple-50 dark:bg-purple-900/10 rounded-lg">
|
|
<div class="text-center">
|
|
<div class="text-5xl font-bold text-purple-600 dark:text-purple-400">{{ $brokerCustomers }}</div>
|
|
<div class="text-sm text-purple-700 dark:text-purple-300 mt-2">{{ __('Registrierte Kunden') }}</div>
|
|
</div>
|
|
</div>
|
|
</flux:card>
|
|
|
|
{{-- Letzte Aktivitäten --}}
|
|
<flux:card>
|
|
<flux:heading size="lg">{{ __('Letzte Aktivitäten') }}</flux:heading>
|
|
<flux:subheading>{{ __('Was ist neu?') }}</flux:subheading>
|
|
|
|
<div class="mt-4 space-y-2">
|
|
<div class="p-3 bg-zinc-50 dark:bg-zinc-800/50 rounded-lg text-sm">
|
|
<div class="font-medium">{{ __('Kunde Max M. hat sich registriert') }}</div>
|
|
<div class="text-xs text-zinc-500 dark:text-zinc-400 mt-1">{{ __('vor 2 Stunden (Platzhalter)') }}</div>
|
|
</div>
|
|
<div class="p-3 bg-zinc-50 dark:bg-zinc-800/50 rounded-lg text-sm">
|
|
<div class="font-medium">{{ __('Provision gutgeschrieben: 125,00 €') }}</div>
|
|
<div class="text-xs text-zinc-500 dark:text-zinc-400 mt-1">{{ __('gestern (Platzhalter)') }}</div>
|
|
</div>
|
|
</div>
|
|
</flux:card>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|