removed dark mod and applied fixes for text colors

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
@@ -54,41 +54,41 @@ new class extends Component
<div class="flex flex-col sm:flex-row justify-between items-start sm:items-center gap-4 mb-6">
<div>
<flux:heading size="xl">{{ __('admin.client_consultations') }}</flux:heading>
<p class="text-sm text-zinc-500 dark:text-zinc-400 mt-1">{{ $user->full_name }}</p>
<p class="text-sm text-zinc-500 mt-1">{{ $user->full_name }}</p>
</div>
</div>
<!-- Statistics -->
<div class="grid grid-cols-2 sm:grid-cols-4 gap-4 mb-6">
<div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 text-center">
<p class="text-2xl font-bold text-zinc-900 dark:text-zinc-100">{{ $statistics['total'] }}</p>
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.total_consultations') }}</p>
<div class="bg-white rounded-lg p-4 border border-zinc-200 text-center">
<p class="text-2xl font-bold text-zinc-900">{{ $statistics['total'] }}</p>
<p class="text-sm text-zinc-500">{{ __('admin.total_consultations') }}</p>
</div>
<div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 text-center">
<p class="text-2xl font-bold text-green-600 dark:text-green-400">{{ $statistics['completed'] }}</p>
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.completed_consultations') }}</p>
<div class="bg-white rounded-lg p-4 border border-zinc-200 text-center">
<p class="text-2xl font-bold text-green-600">{{ $statistics['completed'] }}</p>
<p class="text-sm text-zinc-500">{{ __('admin.completed_consultations') }}</p>
</div>
<div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 text-center">
<p class="text-2xl font-bold text-red-600 dark:text-red-400">{{ $statistics['cancelled'] }}</p>
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.cancelled_consultations') }}</p>
<div class="bg-white rounded-lg p-4 border border-zinc-200 text-center">
<p class="text-2xl font-bold text-red-600">{{ $statistics['cancelled'] }}</p>
<p class="text-sm text-zinc-500">{{ __('admin.cancelled_consultations') }}</p>
</div>
<div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 text-center">
<p class="text-2xl font-bold text-amber-600 dark:text-amber-400">{{ $statistics['no_show'] }}</p>
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.no_show_consultations') }}</p>
<div class="bg-white rounded-lg p-4 border border-zinc-200 text-center">
<p class="text-2xl font-bold text-amber-600">{{ $statistics['no_show'] }}</p>
<p class="text-sm text-zinc-500">{{ __('admin.no_show_consultations') }}</p>
</div>
</div>
<!-- Consultations List -->
<div class="space-y-4">
@forelse($consultations as $consultation)
<div wire:key="consultation-{{ $consultation->id }}" class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700">
<div wire:key="consultation-{{ $consultation->id }}" class="bg-white rounded-lg p-4 border border-zinc-200">
<div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4">
<div class="flex-1">
<div class="flex items-center gap-3 mb-2">
<span class="font-medium text-zinc-900 dark:text-zinc-100">
<span class="font-medium text-zinc-900">
{{ $consultation->booking_date->translatedFormat('l, d M Y') }}
</span>
<span class="text-zinc-500 dark:text-zinc-400">
<span class="text-zinc-500">
{{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
</span>
</div>
@@ -127,7 +127,7 @@ new class extends Component
</div>
@if($consultation->problem_summary)
<p class="mt-2 text-sm text-zinc-600 dark:text-zinc-400 line-clamp-2">
<p class="mt-2 text-sm text-zinc-600 line-clamp-2">
{{ Str::limit($consultation->problem_summary, 150) }}
</p>
@endif
@@ -144,7 +144,7 @@ new class extends Component
</div>
</div>
@empty
<div class="text-center py-12 text-zinc-500 dark:text-zinc-400 bg-white dark:bg-zinc-800 rounded-lg border border-zinc-200 dark:border-zinc-700">
<div class="text-center py-12 text-zinc-500 bg-white rounded-lg border border-zinc-200">
<flux:icon name="inbox" class="w-12 h-12 mx-auto mb-4" />
<p>{{ __('admin.no_consultations') }}</p>
</div>