removed dark mod and applied fixes for text colors
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user