removed dark mod and applied fixes for text colors
This commit is contained in:
Naser Mansour
@@ -350,24 +350,24 @@ new class extends Component
|
||||
<!-- Main Details -->
|
||||
<div class="lg:col-span-2 space-y-6">
|
||||
<!-- Booking Info -->
|
||||
<div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700">
|
||||
<div class="bg-white rounded-lg p-6 border border-zinc-200">
|
||||
<flux:heading size="lg" class="mb-4">{{ __('admin.booking_details') }}</flux:heading>
|
||||
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.requested_date') }}</dt>
|
||||
<dd class="text-zinc-900 dark:text-zinc-100 font-medium">
|
||||
<dt class="text-sm text-zinc-500">{{ __('admin.requested_date') }}</dt>
|
||||
<dd class="text-zinc-900 font-medium">
|
||||
{{ $consultation->booking_date->translatedFormat('l, d M Y') }}
|
||||
</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.requested_time') }}</dt>
|
||||
<dd class="text-zinc-900 dark:text-zinc-100 font-medium">
|
||||
<dt class="text-sm text-zinc-500">{{ __('admin.requested_time') }}</dt>
|
||||
<dd class="text-zinc-900 font-medium">
|
||||
{{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
|
||||
</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.current_status') }}</dt>
|
||||
<dt class="text-sm text-zinc-500">{{ __('admin.current_status') }}</dt>
|
||||
<dd>
|
||||
@php
|
||||
$statusVariant = match($consultation->status) {
|
||||
@@ -385,7 +385,7 @@ new class extends Component
|
||||
</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.consultation_type') }}</dt>
|
||||
<dt class="text-sm text-zinc-500">{{ __('admin.consultation_type') }}</dt>
|
||||
<dd>
|
||||
<flux:badge variant="{{ $consultation->consultation_type === \App\Enums\ConsultationType::Paid ? 'primary' : 'outline' }}">
|
||||
{{ $consultation->consultation_type->label() }}
|
||||
@@ -395,16 +395,16 @@ new class extends Component
|
||||
</div>
|
||||
|
||||
@if($consultation->problem_summary)
|
||||
<div class="mt-4 pt-4 border-t border-zinc-200 dark:border-zinc-700">
|
||||
<dt class="text-sm text-zinc-500 dark:text-zinc-400 mb-2">{{ __('admin.problem_summary') }}</dt>
|
||||
<dd class="text-zinc-900 dark:text-zinc-100">{{ $consultation->problem_summary }}</dd>
|
||||
<div class="mt-4 pt-4 border-t border-zinc-200">
|
||||
<dt class="text-sm text-zinc-500 mb-2">{{ __('admin.problem_summary') }}</dt>
|
||||
<dd class="text-zinc-900">{{ $consultation->problem_summary }}</dd>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<!-- Payment Info (for paid consultations) -->
|
||||
@if($consultation->consultation_type === \App\Enums\ConsultationType::Paid)
|
||||
<div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700">
|
||||
<div class="bg-white rounded-lg p-6 border border-zinc-200">
|
||||
<div class="flex justify-between items-center mb-4">
|
||||
<flux:heading size="lg">{{ __('admin.payment_details') }}</flux:heading>
|
||||
@if($consultation->payment_status === \App\Enums\PaymentStatus::Pending)
|
||||
@@ -421,13 +421,13 @@ new class extends Component
|
||||
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.payment_amount') }}</dt>
|
||||
<dd class="text-zinc-900 dark:text-zinc-100 font-medium">
|
||||
<dt class="text-sm text-zinc-500">{{ __('admin.payment_amount') }}</dt>
|
||||
<dd class="text-zinc-900 font-medium">
|
||||
{{ number_format($consultation->payment_amount, 2) }} {{ __('common.currency') }}
|
||||
</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.payment_status') }}</dt>
|
||||
<dt class="text-sm text-zinc-500">{{ __('admin.payment_status') }}</dt>
|
||||
<dd>
|
||||
@php
|
||||
$paymentVariant = match($consultation->payment_status) {
|
||||
@@ -443,8 +443,8 @@ new class extends Component
|
||||
</div>
|
||||
@if($consultation->payment_received_at)
|
||||
<div>
|
||||
<dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.payment_received_at') }}</dt>
|
||||
<dd class="text-zinc-900 dark:text-zinc-100">
|
||||
<dt class="text-sm text-zinc-500">{{ __('admin.payment_received_at') }}</dt>
|
||||
<dd class="text-zinc-900">
|
||||
{{ $consultation->payment_received_at->translatedFormat('d M Y, g:i A') }}
|
||||
</dd>
|
||||
</div>
|
||||
@@ -454,7 +454,7 @@ new class extends Component
|
||||
@endif
|
||||
|
||||
<!-- Admin Notes -->
|
||||
<div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700">
|
||||
<div class="bg-white rounded-lg p-6 border border-zinc-200">
|
||||
<flux:heading size="lg" class="mb-4">{{ __('admin.admin_notes') }}</flux:heading>
|
||||
|
||||
<!-- Add Note Form -->
|
||||
@@ -479,7 +479,7 @@ new class extends Component
|
||||
<!-- Notes List -->
|
||||
<div class="space-y-4">
|
||||
@forelse($consultation->admin_notes ?? [] as $index => $note)
|
||||
<div wire:key="note-{{ $index }}" class="p-4 bg-zinc-50 dark:bg-zinc-700/50 rounded-lg">
|
||||
<div wire:key="note-{{ $index }}" class="p-4 bg-zinc-50 rounded-lg">
|
||||
@if($editingNoteIndex === $index)
|
||||
<flux:field>
|
||||
<flux:textarea
|
||||
@@ -499,8 +499,8 @@ new class extends Component
|
||||
</flux:button>
|
||||
</div>
|
||||
@else
|
||||
<p class="text-zinc-900 dark:text-zinc-100 mb-2">{{ $note['text'] }}</p>
|
||||
<div class="flex justify-between items-center text-xs text-zinc-500 dark:text-zinc-400">
|
||||
<p class="text-zinc-900 mb-2">{{ $note['text'] }}</p>
|
||||
<div class="flex justify-between items-center text-xs text-zinc-500">
|
||||
<span>
|
||||
{{ __('admin.added_by') }}: {{ $adminUsers[$note['admin_id']] ?? __('common.unknown') }}
|
||||
@if(isset($note['updated_at']))
|
||||
@@ -525,7 +525,7 @@ new class extends Component
|
||||
@endif
|
||||
</div>
|
||||
@empty
|
||||
<p class="text-zinc-500 dark:text-zinc-400 text-center py-4">{{ __('admin.no_notes') }}</p>
|
||||
<p class="text-zinc-500 text-center py-4">{{ __('admin.no_notes') }}</p>
|
||||
@endforelse
|
||||
</div>
|
||||
</div>
|
||||
@@ -534,30 +534,30 @@ new class extends Component
|
||||
<!-- Sidebar -->
|
||||
<div class="space-y-6">
|
||||
<!-- Client Info -->
|
||||
<div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700">
|
||||
<div class="bg-white rounded-lg p-6 border border-zinc-200">
|
||||
<flux:heading size="lg" class="mb-4">{{ __('admin.client_information') }}</flux:heading>
|
||||
|
||||
@if($consultation->user)
|
||||
<div class="space-y-3">
|
||||
<div>
|
||||
<dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.client_name') }}</dt>
|
||||
<dd class="text-zinc-900 dark:text-zinc-100 font-medium">
|
||||
<dt class="text-sm text-zinc-500">{{ __('admin.client_name') }}</dt>
|
||||
<dd class="text-zinc-900 font-medium">
|
||||
{{ $consultation->user->full_name }}
|
||||
</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.client_email') }}</dt>
|
||||
<dd class="text-zinc-900 dark:text-zinc-100">{{ $consultation->user->email }}</dd>
|
||||
<dt class="text-sm text-zinc-500">{{ __('admin.client_email') }}</dt>
|
||||
<dd class="text-zinc-900">{{ $consultation->user->email }}</dd>
|
||||
</div>
|
||||
@if($consultation->user->phone)
|
||||
<div>
|
||||
<dt class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.client_phone') }}</dt>
|
||||
<dd class="text-zinc-900 dark:text-zinc-100">{{ $consultation->user->phone }}</dd>
|
||||
<dt class="text-sm text-zinc-500">{{ __('admin.client_phone') }}</dt>
|
||||
<dd class="text-zinc-900">{{ $consultation->user->phone }}</dd>
|
||||
</div>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<div class="mt-4 pt-4 border-t border-zinc-200 dark:border-zinc-700">
|
||||
<div class="mt-4 pt-4 border-t border-zinc-200">
|
||||
<flux:button
|
||||
href="{{ route('admin.clients.consultation-history', $consultation->user) }}"
|
||||
variant="ghost"
|
||||
@@ -569,13 +569,13 @@ new class extends Component
|
||||
</flux:button>
|
||||
</div>
|
||||
@else
|
||||
<p class="text-zinc-500 dark:text-zinc-400">{{ __('messages.client_account_not_found') }}</p>
|
||||
<p class="text-zinc-500">{{ __('messages.client_account_not_found') }}</p>
|
||||
@endif
|
||||
</div>
|
||||
|
||||
<!-- Status Actions -->
|
||||
@if($consultation->status === \App\Enums\ConsultationStatus::Approved)
|
||||
<div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700">
|
||||
<div class="bg-white rounded-lg p-6 border border-zinc-200">
|
||||
<flux:heading size="lg" class="mb-4">{{ __('common.actions') }}</flux:heading>
|
||||
|
||||
<div class="space-y-2">
|
||||
@@ -613,7 +613,7 @@ new class extends Component
|
||||
@endif
|
||||
|
||||
@if($consultation->status === \App\Enums\ConsultationStatus::Pending)
|
||||
<div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700">
|
||||
<div class="bg-white rounded-lg p-6 border border-zinc-200">
|
||||
<flux:heading size="lg" class="mb-4">{{ __('common.actions') }}</flux:heading>
|
||||
|
||||
<flux:button
|
||||
@@ -635,9 +635,9 @@ new class extends Component
|
||||
<div class="p-6">
|
||||
<flux:heading size="lg" class="mb-4">{{ __('admin.reschedule_consultation') }}</flux:heading>
|
||||
|
||||
<div class="mb-4 p-4 bg-zinc-50 dark:bg-zinc-700/50 rounded-lg">
|
||||
<p class="text-sm text-zinc-500 dark:text-zinc-400 mb-1">{{ __('admin.current_schedule') }}</p>
|
||||
<p class="text-zinc-900 dark:text-zinc-100 font-medium">
|
||||
<div class="mb-4 p-4 bg-zinc-50 rounded-lg">
|
||||
<p class="text-sm text-zinc-500 mb-1">{{ __('admin.current_schedule') }}</p>
|
||||
<p class="text-zinc-900 font-medium">
|
||||
{{ $consultation->booking_date->translatedFormat('l, d M Y') }}
|
||||
{{ __('admin.to') }}
|
||||
{{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
|
||||
@@ -663,7 +663,7 @@ new class extends Component
|
||||
@endforeach
|
||||
</flux:select>
|
||||
@else
|
||||
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.no_slots_available') }}</p>
|
||||
<p class="text-sm text-zinc-500">{{ __('admin.no_slots_available') }}</p>
|
||||
@endif
|
||||
@error('newTime')
|
||||
<flux:error>{{ $message }}</flux:error>
|
||||
|
||||
Reference in New Issue
Block a user