removed dark mod and applied fixes for text colors
This commit is contained in:
Naser Mansour
@@ -182,7 +182,7 @@ new class extends Component
|
||||
@endif
|
||||
|
||||
<!-- Filters -->
|
||||
<div class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700 mb-6">
|
||||
<div class="bg-white rounded-lg p-4 border border-zinc-200 mb-6">
|
||||
<div class="flex flex-col sm:flex-row gap-4 items-end">
|
||||
<flux:field class="flex-1">
|
||||
<flux:label>{{ __('admin.date_from') }}</flux:label>
|
||||
@@ -205,7 +205,7 @@ new class extends Component
|
||||
<!-- Bookings List -->
|
||||
<div class="space-y-4">
|
||||
@forelse($bookings as $booking)
|
||||
<div wire:key="booking-{{ $booking->id }}" class="bg-white dark:bg-zinc-800 rounded-lg p-4 border border-zinc-200 dark:border-zinc-700">
|
||||
<div wire:key="booking-{{ $booking->id }}" class="bg-white rounded-lg p-4 border border-zinc-200">
|
||||
<div class="flex flex-col lg:flex-row lg:items-start justify-between gap-4">
|
||||
<!-- Booking Info -->
|
||||
<div class="flex-1">
|
||||
@@ -213,7 +213,7 @@ new class extends Component
|
||||
@if($booking->isGuest())
|
||||
<flux:badge color="amber" size="sm">{{ __('admin.guest') }}</flux:badge>
|
||||
@endif
|
||||
<span class="font-semibold text-zinc-900 dark:text-zinc-100">
|
||||
<span class="font-semibold text-zinc-900">
|
||||
{{ $booking->getClientName() }}
|
||||
</span>
|
||||
<flux:badge variant="warning" size="sm">
|
||||
@@ -221,7 +221,7 @@ new class extends Component
|
||||
</flux:badge>
|
||||
</div>
|
||||
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2 text-sm text-zinc-600 dark:text-zinc-400">
|
||||
<div class="grid grid-cols-1 sm:grid-cols-2 gap-2 text-sm text-zinc-600">
|
||||
<div class="flex items-center gap-2">
|
||||
<flux:icon name="calendar" class="w-4 h-4" />
|
||||
{{ \Carbon\Carbon::parse($booking->booking_date)->translatedFormat('l, d M Y') }}
|
||||
@@ -242,7 +242,7 @@ new class extends Component
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="mt-3 text-sm text-zinc-600 dark:text-zinc-400 line-clamp-2">
|
||||
<p class="mt-3 text-sm text-zinc-600 line-clamp-2">
|
||||
{{ Str::limit($booking->problem_summary, 150) }}
|
||||
</p>
|
||||
</div>
|
||||
@@ -279,7 +279,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_pending_bookings') }}</p>
|
||||
</div>
|
||||
|
||||
@@ -210,7 +210,7 @@ new class extends Component
|
||||
@endif
|
||||
|
||||
<!-- Client/Guest Information -->
|
||||
<div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700 mb-6">
|
||||
<div class="bg-white rounded-lg p-6 border border-zinc-200 mb-6">
|
||||
<div class="flex items-center gap-2 mb-4">
|
||||
<flux:heading size="lg">{{ __('admin.client_information') }}</flux:heading>
|
||||
@if($consultation->isGuest())
|
||||
@@ -220,22 +220,22 @@ new class extends Component
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.client_name') }}</p>
|
||||
<p class="font-medium text-zinc-900 dark:text-zinc-100">
|
||||
<p class="text-sm text-zinc-500">{{ __('admin.client_name') }}</p>
|
||||
<p class="font-medium text-zinc-900">
|
||||
{{ $consultation->getClientName() }}
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.client_email') }}</p>
|
||||
<p class="font-medium text-zinc-900 dark:text-zinc-100">
|
||||
<p class="text-sm text-zinc-500">{{ __('admin.client_email') }}</p>
|
||||
<p class="font-medium text-zinc-900">
|
||||
<a href="mailto:{{ $consultation->getClientEmail() }}" class="text-primary hover:underline">
|
||||
{{ $consultation->getClientEmail() }}
|
||||
</a>
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.client_phone') }}</p>
|
||||
<p class="font-medium text-zinc-900 dark:text-zinc-100">
|
||||
<p class="text-sm text-zinc-500">{{ __('admin.client_phone') }}</p>
|
||||
<p class="font-medium text-zinc-900">
|
||||
@if($consultation->getClientPhone())
|
||||
<a href="tel:{{ $consultation->getClientPhone() }}" class="text-primary hover:underline">
|
||||
{{ $consultation->getClientPhone() }}
|
||||
@@ -247,8 +247,8 @@ new class extends Component
|
||||
</div>
|
||||
@unless($consultation->isGuest())
|
||||
<div>
|
||||
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.client_type') }}</p>
|
||||
<p class="font-medium text-zinc-900 dark:text-zinc-100">
|
||||
<p class="text-sm text-zinc-500">{{ __('admin.client_type') }}</p>
|
||||
<p class="font-medium text-zinc-900">
|
||||
{{ ucfirst($consultation->user?->user_type?->value ?? '-') }}
|
||||
</p>
|
||||
</div>
|
||||
@@ -257,30 +257,30 @@ new class extends Component
|
||||
</div>
|
||||
|
||||
<!-- Booking Details -->
|
||||
<div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700 mb-6">
|
||||
<div class="bg-white rounded-lg p-6 border border-zinc-200 mb-6">
|
||||
<flux:heading size="lg" class="mb-4">{{ __('admin.booking_details') }}</flux:heading>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-4">
|
||||
<div>
|
||||
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.requested_date') }}</p>
|
||||
<p class="font-medium text-zinc-900 dark:text-zinc-100">
|
||||
<p class="text-sm text-zinc-500">{{ __('admin.requested_date') }}</p>
|
||||
<p class="font-medium text-zinc-900">
|
||||
{{ \Carbon\Carbon::parse($consultation->booking_date)->translatedFormat('l, d M Y') }}
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.requested_time') }}</p>
|
||||
<p class="font-medium text-zinc-900 dark:text-zinc-100">
|
||||
<p class="text-sm text-zinc-500">{{ __('admin.requested_time') }}</p>
|
||||
<p class="font-medium text-zinc-900">
|
||||
{{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.submission_date') }}</p>
|
||||
<p class="font-medium text-zinc-900 dark:text-zinc-100">
|
||||
<p class="text-sm text-zinc-500">{{ __('admin.submission_date') }}</p>
|
||||
<p class="font-medium text-zinc-900">
|
||||
{{ $consultation->created_at->translatedFormat('d M Y, g:i A') }}
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<p class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('admin.current_status') }}</p>
|
||||
<p class="text-sm text-zinc-500">{{ __('admin.current_status') }}</p>
|
||||
<flux:badge :variant="match($consultation->status) {
|
||||
ConsultationStatus::Pending => 'warning',
|
||||
ConsultationStatus::Approved => 'success',
|
||||
@@ -293,8 +293,8 @@ new class extends Component
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<p class="text-sm text-zinc-500 dark:text-zinc-400 mb-2">{{ __('admin.problem_summary') }}</p>
|
||||
<p class="text-zinc-900 dark:text-zinc-100 whitespace-pre-wrap">
|
||||
<p class="text-sm text-zinc-500 mb-2">{{ __('admin.problem_summary') }}</p>
|
||||
<p class="text-zinc-900 whitespace-pre-wrap">
|
||||
{{ $consultation->problem_summary }}
|
||||
</p>
|
||||
</div>
|
||||
@@ -302,17 +302,17 @@ new class extends Component
|
||||
|
||||
<!-- Consultation History -->
|
||||
@if($consultationHistory->count() > 0)
|
||||
<div class="bg-white dark:bg-zinc-800 rounded-lg p-6 border border-zinc-200 dark:border-zinc-700 mb-6">
|
||||
<div class="bg-white rounded-lg p-6 border border-zinc-200 mb-6">
|
||||
<flux:heading size="lg" class="mb-4">{{ __('admin.consultation_history') }}</flux:heading>
|
||||
|
||||
<div class="space-y-3">
|
||||
@foreach($consultationHistory as $history)
|
||||
<div class="flex items-center justify-between p-3 bg-zinc-50 dark:bg-zinc-700 rounded-lg">
|
||||
<div class="flex items-center justify-between p-3 bg-zinc-50 rounded-lg">
|
||||
<div>
|
||||
<p class="font-medium text-zinc-900 dark:text-zinc-100">
|
||||
<p class="font-medium text-zinc-900">
|
||||
{{ \Carbon\Carbon::parse($history->booking_date)->translatedFormat('d M Y') }}
|
||||
</p>
|
||||
<p class="text-sm text-zinc-500 dark:text-zinc-400">
|
||||
<p class="text-sm text-zinc-500">
|
||||
{{ $history->consultation_type?->value ?? '-' }}
|
||||
</p>
|
||||
</div>
|
||||
@@ -350,7 +350,7 @@ new class extends Component
|
||||
<flux:heading size="lg">{{ __('admin.approve_booking') }}</flux:heading>
|
||||
|
||||
<!-- Client Info Summary -->
|
||||
<div class="bg-zinc-50 dark:bg-zinc-700 p-4 rounded-lg">
|
||||
<div class="bg-zinc-50 p-4 rounded-lg">
|
||||
<p><strong>{{ __('admin.client') }}:</strong> {{ $consultation->getClientName() }}</p>
|
||||
<p><strong>{{ __('admin.date') }}:</strong> {{ \Carbon\Carbon::parse($consultation->booking_date)->translatedFormat('l, d M Y') }}</p>
|
||||
<p><strong>{{ __('admin.time') }}:</strong> {{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}</p>
|
||||
@@ -405,7 +405,7 @@ new class extends Component
|
||||
<flux:heading size="lg">{{ __('admin.reject_booking') }}</flux:heading>
|
||||
|
||||
<!-- Client Info Summary -->
|
||||
<div class="bg-zinc-50 dark:bg-zinc-700 p-4 rounded-lg">
|
||||
<div class="bg-zinc-50 p-4 rounded-lg">
|
||||
<p><strong>{{ __('admin.client') }}:</strong> {{ $consultation->getClientName() }}</p>
|
||||
<p><strong>{{ __('admin.date') }}:</strong> {{ \Carbon\Carbon::parse($consultation->booking_date)->translatedFormat('l, d M Y') }}</p>
|
||||
<p><strong>{{ __('admin.time') }}:</strong> {{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}</p>
|
||||
|
||||
Reference in New Issue
Block a user