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
@@ -65,18 +65,18 @@ new class extends Component
@if($upcoming->isNotEmpty())
<div class="space-y-3 sm:space-y-4">
@foreach($upcoming as $consultation)
<div wire:key="upcoming-{{ $consultation->id }}" class="bg-white dark:bg-zinc-800 rounded-lg p-3 sm:p-4 border border-zinc-200 dark:border-zinc-700">
<div wire:key="upcoming-{{ $consultation->id }}" class="bg-white rounded-lg p-3 sm:p-4 border border-zinc-200">
<div class="flex flex-col sm:flex-row justify-between items-start gap-4">
<div class="flex-1">
<div class="flex items-center gap-2 mb-2">
<flux:icon name="calendar" class="w-5 h-5 text-zinc-500" />
<span class="font-semibold text-zinc-900 dark:text-zinc-100">
<span class="font-semibold text-zinc-900">
{{ $consultation->booking_date->translatedFormat(app()->getLocale() === 'ar' ? 'l، j F Y' : 'l, F j, Y') }}
</span>
</div>
<div class="flex items-center gap-2 mb-3">
<flux:icon name="clock" class="w-5 h-5 text-zinc-500" />
<span class="text-zinc-600 dark:text-zinc-400">
<span class="text-zinc-600">
{{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
</span>
</div>
@@ -116,9 +116,9 @@ new class extends Component
@endforeach
</div>
@else
<div class="empty-state bg-zinc-50 dark:bg-zinc-800/50 rounded-lg">
<flux:icon name="calendar-days" class="empty-state-icon text-zinc-300 dark:text-zinc-600" />
<flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('booking.no_upcoming_consultations') }}</flux:text>
<div class="empty-state bg-zinc-50 rounded-lg">
<flux:icon name="calendar-days" class="empty-state-icon text-zinc-300" />
<flux:text class="text-zinc-500">{{ __('booking.no_upcoming_consultations') }}</flux:text>
<div class="mt-4">
<flux:button href="{{ route('client.consultations.book') }}" variant="primary" size="sm" wire:navigate class="w-full sm:w-auto">
{{ __('booking.book_consultation') }}
@@ -135,26 +135,26 @@ new class extends Component
@if($pending->isNotEmpty())
<div class="space-y-3 sm:space-y-4">
@foreach($pending as $consultation)
<div wire:key="pending-{{ $consultation->id }}" class="bg-white dark:bg-zinc-800 rounded-lg p-3 sm:p-4 border border-zinc-200 dark:border-zinc-700">
<div wire:key="pending-{{ $consultation->id }}" class="bg-white rounded-lg p-3 sm:p-4 border border-zinc-200">
<div class="flex flex-col sm:flex-row justify-between items-start gap-4">
<div class="flex-1">
<div class="flex items-center gap-2 mb-2">
<flux:icon name="calendar" class="w-5 h-5 text-zinc-500" />
<span class="font-semibold text-zinc-900 dark:text-zinc-100">
<span class="font-semibold text-zinc-900">
{{ $consultation->booking_date->translatedFormat(app()->getLocale() === 'ar' ? 'l، j F Y' : 'l, F j, Y') }}
</span>
</div>
<div class="flex items-center gap-2 mb-2">
<flux:icon name="clock" class="w-5 h-5 text-zinc-500" />
<span class="text-zinc-600 dark:text-zinc-400">
<span class="text-zinc-600">
{{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
</span>
</div>
<div class="text-sm text-zinc-500 dark:text-zinc-400 mb-2">
<div class="text-sm text-zinc-500 mb-2">
{{ __('booking.submitted_on') }}: {{ $consultation->created_at->translatedFormat(app()->getLocale() === 'ar' ? 'j F Y' : 'F j, Y') }}
</div>
@if($consultation->problem_summary)
<p class="text-sm text-zinc-600 dark:text-zinc-400 line-clamp-2">
<p class="text-sm text-zinc-600 line-clamp-2">
{{ Str::limit($consultation->problem_summary, 150) }}
</p>
@endif
@@ -167,9 +167,9 @@ new class extends Component
@endforeach
</div>
@else
<div class="empty-state bg-zinc-50 dark:bg-zinc-800/50 rounded-lg">
<flux:icon name="inbox" class="empty-state-icon text-zinc-300 dark:text-zinc-600" />
<flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('booking.no_pending_requests') }}</flux:text>
<div class="empty-state bg-zinc-50 rounded-lg">
<flux:icon name="inbox" class="empty-state-icon text-zinc-300" />
<flux:text class="text-zinc-500">{{ __('booking.no_pending_requests') }}</flux:text>
</div>
@endif
</section>
@@ -181,18 +181,18 @@ new class extends Component
@if($past->isNotEmpty())
<div class="space-y-3 sm:space-y-4">
@foreach($past as $consultation)
<div wire:key="past-{{ $consultation->id }}" class="bg-white dark:bg-zinc-800 rounded-lg p-3 sm:p-4 border border-zinc-200 dark:border-zinc-700">
<div wire:key="past-{{ $consultation->id }}" class="bg-white rounded-lg p-3 sm:p-4 border border-zinc-200">
<div class="flex flex-col sm:flex-row justify-between items-start gap-4">
<div class="flex-1">
<div class="flex items-center gap-2 mb-2">
<flux:icon name="calendar" class="w-5 h-5 text-zinc-500" />
<span class="font-semibold text-zinc-900 dark:text-zinc-100">
<span class="font-semibold text-zinc-900">
{{ $consultation->booking_date->translatedFormat(app()->getLocale() === 'ar' ? 'l، j F Y' : 'l, F j, Y') }}
</span>
</div>
<div class="flex items-center gap-2 mb-3">
<flux:icon name="clock" class="w-5 h-5 text-zinc-500" />
<span class="text-zinc-600 dark:text-zinc-400">
<span class="text-zinc-600">
{{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
</span>
</div>
@@ -226,9 +226,9 @@ new class extends Component
{{ $past->links() }}
</div>
@else
<div class="empty-state bg-zinc-50 dark:bg-zinc-800/50 rounded-lg">
<flux:icon name="archive-box" class="empty-state-icon text-zinc-300 dark:text-zinc-600" />
<flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('booking.no_past_consultations') }}</flux:text>
<div class="empty-state bg-zinc-50 rounded-lg">
<flux:icon name="archive-box" class="empty-state-icon text-zinc-300" />
<flux:text class="text-zinc-500">{{ __('booking.no_past_consultations') }}</flux:text>
</div>
@endif
</section>