naser/libra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

removed dark mod and applied fixes for text colors

Browse Source
This commit is contained in:
Naser Mansour
2026-01-08 19:15:02 +02:00
parent ddbb224d07
commit dfee2ff5c8
64 changed files with 744 additions and 711 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/livewire/admin/dashboard.blade.php
+53 -53
View File
@@ -187,106 +187,106 @@ new class extends Component
<div>
<div class="mb-6">
<flux:heading size="xl" class="text-xl sm:text-2xl">{{ __('admin_metrics.title') }}</flux:heading>
<flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('admin_metrics.subtitle') }}</flux:text>
<flux:text class="mt-1 text-zinc-500">{{ __('admin_metrics.subtitle') }}</flux:text>
</div>
<div class="stats-grid">
{{-- User Metrics Card --}}
<div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
<div class="rounded-lg border border-zinc-200 bg-white p-6">
<div class="mb-4 flex items-center gap-3">
<div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white dark:bg-[#D4AF37] dark:text-zinc-900">
<div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white">
<flux:icon name="users" class="h-5 w-5" />
</div>
<flux:heading size="lg">{{ __('admin_metrics.clients') }}</flux:heading>
</div>
<div class="space-y-3">
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.total_active') }}</flux:text>
<span class="text-xl font-semibold text-zinc-900 dark:text-zinc-100">{{ $userMetrics['total_active'] }}</span>
<flux:text class="text-zinc-600">{{ __('admin_metrics.total_active') }}</flux:text>
<span class="text-xl font-semibold text-zinc-900">{{ $userMetrics['total_active'] }}</span>
</div>
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.individual') }}</flux:text>
<span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $userMetrics['individual'] }}</span>
<flux:text class="text-zinc-600">{{ __('admin_metrics.individual') }}</flux:text>
<span class="font-medium text-zinc-700">{{ $userMetrics['individual'] }}</span>
</div>
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.company') }}</flux:text>
<span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $userMetrics['company'] }}</span>
<flux:text class="text-zinc-600">{{ __('admin_metrics.company') }}</flux:text>
<span class="font-medium text-zinc-700">{{ $userMetrics['company'] }}</span>
</div>
<div class="border-t border-zinc-200 pt-3 dark:border-zinc-700">
<div class="border-t border-zinc-200 pt-3">
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.deactivated') }}</flux:text>
<span class="font-medium text-zinc-500 dark:text-zinc-400">{{ $userMetrics['deactivated'] }}</span>
<flux:text class="text-zinc-600">{{ __('admin_metrics.deactivated') }}</flux:text>
<span class="font-medium text-zinc-500">{{ $userMetrics['deactivated'] }}</span>
</div>
</div>
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.new_this_month') }}</flux:text>
<flux:text class="text-zinc-600">{{ __('admin_metrics.new_this_month') }}</flux:text>
<flux:badge color="lime" size="sm">{{ $userMetrics['new_this_month'] }}</flux:badge>
</div>
</div>
</div>
{{-- Booking Metrics Card --}}
<div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
<div class="rounded-lg border border-zinc-200 bg-white p-6">
<div class="mb-4 flex items-center gap-3">
<div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white dark:bg-[#D4AF37] dark:text-zinc-900">
<div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white">
<flux:icon name="calendar" class="h-5 w-5" />
</div>
<flux:heading size="lg">{{ __('admin_metrics.consultations') }}</flux:heading>
</div>
<div class="space-y-3">
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.pending_requests') }}</flux:text>
<flux:text class="text-zinc-600">{{ __('admin_metrics.pending_requests') }}</flux:text>
<flux:badge color="amber" size="sm">{{ $bookingMetrics['pending'] }}</flux:badge>
</div>
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.today') }}</flux:text>
<span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $bookingMetrics['today'] }}</span>
<flux:text class="text-zinc-600">{{ __('admin_metrics.today') }}</flux:text>
<span class="font-medium text-zinc-700">{{ $bookingMetrics['today'] }}</span>
</div>
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.this_week') }}</flux:text>
<span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $bookingMetrics['this_week'] }}</span>
<flux:text class="text-zinc-600">{{ __('admin_metrics.this_week') }}</flux:text>
<span class="font-medium text-zinc-700">{{ $bookingMetrics['this_week'] }}</span>
</div>
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.this_month') }}</flux:text>
<span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $bookingMetrics['this_month'] }}</span>
<flux:text class="text-zinc-600">{{ __('admin_metrics.this_month') }}</flux:text>
<span class="font-medium text-zinc-700">{{ $bookingMetrics['this_month'] }}</span>
</div>
<div class="border-t border-zinc-200 pt-3 dark:border-zinc-700">
<div class="border-t border-zinc-200 pt-3">
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.free') }}</flux:text>
<span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $bookingMetrics['free'] }}</span>
<flux:text class="text-zinc-600">{{ __('admin_metrics.free') }}</flux:text>
<span class="font-medium text-zinc-700">{{ $bookingMetrics['free'] }}</span>
</div>
<div class="mt-2 flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.paid') }}</flux:text>
<span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $bookingMetrics['paid'] }}</span>
<flux:text class="text-zinc-600">{{ __('admin_metrics.paid') }}</flux:text>
<span class="font-medium text-zinc-700">{{ $bookingMetrics['paid'] }}</span>
</div>
</div>
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.no_show_rate') }}</flux:text>
<span class="font-medium text-zinc-700 dark:text-zinc-300">{{ $bookingMetrics['no_show_rate'] }}%</span>
<flux:text class="text-zinc-600">{{ __('admin_metrics.no_show_rate') }}</flux:text>
<span class="font-medium text-zinc-700">{{ $bookingMetrics['no_show_rate'] }}%</span>
</div>
</div>
</div>
{{-- Timeline Metrics Card --}}
<div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
<div class="rounded-lg border border-zinc-200 bg-white p-6">
<div class="mb-4 flex items-center gap-3">
<div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white dark:bg-[#D4AF37] dark:text-zinc-900">
<div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white">
<flux:icon name="clipboard-document-list" class="h-5 w-5" />
</div>
<flux:heading size="lg">{{ __('admin_metrics.timelines') }}</flux:heading>
</div>
<div class="space-y-3">
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.active_cases') }}</flux:text>
<span class="text-xl font-semibold text-zinc-900 dark:text-zinc-100">{{ $timelineMetrics['active'] }}</span>
<flux:text class="text-zinc-600">{{ __('admin_metrics.active_cases') }}</flux:text>
<span class="text-xl font-semibold text-zinc-900">{{ $timelineMetrics['active'] }}</span>
</div>
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.archived') }}</flux:text>
<span class="font-medium text-zinc-500 dark:text-zinc-400">{{ $timelineMetrics['archived'] }}</span>
<flux:text class="text-zinc-600">{{ __('admin_metrics.archived') }}</flux:text>
<span class="font-medium text-zinc-500">{{ $timelineMetrics['archived'] }}</span>
</div>
<div class="border-t border-zinc-200 pt-3 dark:border-zinc-700">
<div class="border-t border-zinc-200 pt-3">
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.updates_this_week') }}</flux:text>
<flux:text class="text-zinc-600">{{ __('admin_metrics.updates_this_week') }}</flux:text>
<flux:badge color="lime" size="sm">{{ $timelineMetrics['updates_this_week'] }}</flux:badge>
</div>
</div>
@@ -294,21 +294,21 @@ new class extends Component
</div>
{{-- Posts Metrics Card --}}
<div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
<div class="rounded-lg border border-zinc-200 bg-white p-6">
<div class="mb-4 flex items-center gap-3">
<div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white dark:bg-[#D4AF37] dark:text-zinc-900">
<div class="flex h-10 w-10 items-center justify-center rounded-lg bg-[#0A1F44] text-white">
<flux:icon name="document-text" class="h-5 w-5" />
</div>
<flux:heading size="lg">{{ __('admin_metrics.posts') }}</flux:heading>
</div>
<div class="space-y-3">
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.total_published') }}</flux:text>
<span class="text-xl font-semibold text-zinc-900 dark:text-zinc-100">{{ $postMetrics['total_published'] }}</span>
<flux:text class="text-zinc-600">{{ __('admin_metrics.total_published') }}</flux:text>
<span class="text-xl font-semibold text-zinc-900">{{ $postMetrics['total_published'] }}</span>
</div>
<div class="border-t border-zinc-200 pt-3 dark:border-zinc-700">
<div class="border-t border-zinc-200 pt-3">
<div class="flex items-center justify-between">
<flux:text class="text-zinc-600 dark:text-zinc-400">{{ __('admin_metrics.published_this_month') }}</flux:text>
<flux:text class="text-zinc-600">{{ __('admin_metrics.published_this_month') }}</flux:text>
<flux:badge color="lime" size="sm">{{ $postMetrics['this_month'] }}</flux:badge>
</div>
</div>
@@ -373,11 +373,11 @@ new class extends Component
<div class="grid grid-cols-1 gap-6 lg:grid-cols-2">
{{-- Monthly Trends Chart --}}
<div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
<div class="rounded-lg border border-zinc-200 bg-white p-6">
<flux:heading size="sm" class="mb-4">{{ __('admin_metrics.monthly_trends') }}</flux:heading>
@if (array_sum($chartData['newClients']) === 0 && array_sum($chartData['consultations']) === 0)
<div class="flex h-64 items-center justify-center">
<flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('admin_metrics.no_data_available') }}</flux:text>
<flux:text class="text-zinc-500">{{ __('admin_metrics.no_data_available') }}</flux:text>
</div>
@else
<div
@@ -441,11 +441,11 @@ new class extends Component
</div>
{{-- Consultation Breakdown Chart --}}
<div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
<div class="rounded-lg border border-zinc-200 bg-white p-6">
<flux:heading size="sm" class="mb-4">{{ __('admin_metrics.consultation_breakdown') }}</flux:heading>
@if ($chartData['consultationBreakdown']['free'] === 0 && $chartData['consultationBreakdown']['paid'] === 0)
<div class="flex h-64 items-center justify-center">
<flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('admin_metrics.no_data_available') }}</flux:text>
<flux:text class="text-zinc-500">{{ __('admin_metrics.no_data_available') }}</flux:text>
</div>
@else
<div
@@ -502,11 +502,11 @@ new class extends Component
</div>
{{-- No-show Rate Chart --}}
<div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800 lg:col-span-2">
<div class="rounded-lg border border-zinc-200 bg-white p-6 lg:col-span-2">
<flux:heading size="sm" class="mb-4">{{ __('admin_metrics.noshow_rate_trend') }}</flux:heading>
@if (array_sum($chartData['noShowRates']) === 0)
<div class="flex h-64 items-center justify-center">
<flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('admin_metrics.no_data_available') }}</flux:text>
<flux:text class="text-zinc-500">{{ __('admin_metrics.no_data_available') }}</flux:text>
</div>
@else
<div
@@ -595,22 +595,22 @@ new class extends Component
<div class="widget-grid">
{{-- Quick Actions Panel --}}
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 dark:border-zinc-700 dark:bg-zinc-800 lg:col-span-3">
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 lg:col-span-3">
<livewire:admin.widgets.quick-actions />
</div>
{{-- Pending Bookings Widget --}}
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 dark:border-zinc-700 dark:bg-zinc-800">
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6">
<livewire:admin.widgets.pending-bookings />
</div>
{{-- Today's Schedule Widget --}}
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 dark:border-zinc-700 dark:bg-zinc-800">
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6">
<livewire:admin.widgets.todays-schedule />
</div>
{{-- Recent Updates Widget --}}
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6 dark:border-zinc-700 dark:bg-zinc-800">
<div class="rounded-lg border border-zinc-200 bg-white p-4 sm:p-6">
<livewire:admin.widgets.recent-updates />
</div>
</div>