naser/libra
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

removed dark mod and applied fixes for text colors

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/livewire/admin/consultations/export-consultations.blade.php
+7 -7
View File
@@ -185,11 +185,11 @@ new class extends Component {
<div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
<div>
<flux:heading size="xl">{{ __('export.export_consultations') }}</flux:heading>
<flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('export.export_consultations_description') }}</flux:text>
<flux:text class="mt-1 text-zinc-500">{{ __('export.export_consultations_description') }}</flux:text>
</div>
</div>
<div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
<div class="mb-6 rounded-lg border border-zinc-200 bg-white p-6">
<flux:heading size="lg" class="mb-4">{{ __('export.filters_applied') }}</flux:heading>
<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-5">
@@ -243,11 +243,11 @@ new class extends Component {
@endif
</div>
<div class="rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
<div class="rounded-lg border border-zinc-200 bg-white p-6">
<div class="flex flex-col items-center justify-between gap-4 sm:flex-row">
<div>
<flux:text class="text-zinc-600 dark:text-zinc-400">
{{ __('export.total_records') }}: <span class="font-semibold text-zinc-900 dark:text-zinc-100">{{ $previewCount }}</span>
<flux:text class="text-zinc-600">
{{ __('export.total_records') }}: <span class="font-semibold text-zinc-900">{{ $previewCount }}</span>
</flux:text>
</div>
@@ -279,9 +279,9 @@ new class extends Component {
</div>
@if ($previewCount === 0)
<div class="mt-6 rounded-lg bg-zinc-50 p-8 text-center dark:bg-zinc-900">
<div class="mt-6 rounded-lg bg-zinc-50 p-8 text-center">
<flux:icon name="calendar" class="mx-auto mb-4 h-12 w-12 text-zinc-400" />
<flux:text class="text-zinc-500 dark:text-zinc-400">{{ __('export.no_consultations_match') }}</flux:text>
<flux:text class="text-zinc-500">{{ __('export.no_consultations_match') }}</flux:text>
</div>
@endif
</div>
resources/views/livewire/admin/consultations/index.blade.php
+11 -11
View File
@@ -206,7 +206,7 @@ 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.consultations') }}</flux:heading>
<p class="text-sm text-zinc-500 dark:text-zinc-400 mt-1">{{ __('admin.consultations_description') }}</p>
<p class="text-sm text-zinc-500 mt-1">{{ __('admin.consultations_description') }}</p>
</div>
</div>
@@ -223,7 +223,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="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-4">
<flux:field>
<flux:input
@@ -290,15 +290,15 @@ new class extends Component
</div>
<!-- Sort Headers -->
<div class="hidden lg:flex bg-zinc-100 dark:bg-zinc-700 rounded-t-lg px-4 py-2 text-sm font-medium text-zinc-600 dark:text-zinc-300 gap-4 mb-0">
<button wire:click="sort('booking_date')" class="flex items-center gap-1 w-32 hover:text-zinc-900 dark:hover:text-white">
<div class="hidden lg:flex bg-zinc-100 rounded-t-lg px-4 py-2 text-sm font-medium text-zinc-600 gap-4 mb-0">
<button wire:click="sort('booking_date')" class="flex items-center gap-1 w-32 hover:text-zinc-900">
{{ __('admin.date') }}
@if($sortBy === 'booking_date')
<flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
@endif
</button>
<span class="flex-1">{{ __('admin.client') }}</span>
<button wire:click="sort('status')" class="flex items-center gap-1 w-24 hover:text-zinc-900 dark:hover:text-white">
<button wire:click="sort('status')" class="flex items-center gap-1 w-24 hover:text-zinc-900">
{{ __('admin.current_status') }}
@if($sortBy === 'status')
<flux:icon name="{{ $sortDir === 'asc' ? 'chevron-up' : 'chevron-down' }}" class="w-4 h-4" />
@@ -311,14 +311,14 @@ new class extends Component
<!-- Consultations List -->
<div class="space-y-0">
@forelse($consultations as $consultation)
<div wire:key="consultation-{{ $consultation->id }}" class="bg-white dark:bg-zinc-800 p-4 border border-zinc-200 dark:border-zinc-700 {{ $loop->first ? 'rounded-t-lg lg:rounded-t-none' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ !$loop->first ? 'border-t-0' : '' }}">
<div wire:key="consultation-{{ $consultation->id }}" class="bg-white p-4 border border-zinc-200 {{ $loop->first ? 'rounded-t-lg lg:rounded-t-none' : '' }} {{ $loop->last ? 'rounded-b-lg' : '' }} {{ !$loop->first ? 'border-t-0' : '' }}">
<div class="flex flex-col lg:flex-row lg:items-center gap-4">
<!-- Date/Time -->
<div class="lg:w-32">
<div class="text-sm font-medium text-zinc-900 dark:text-zinc-100">
<div class="text-sm font-medium text-zinc-900">
{{ \Carbon\Carbon::parse($consultation->booking_date)->translatedFormat('d M Y') }}
</div>
<div class="text-xs text-zinc-500 dark:text-zinc-400">
<div class="text-xs text-zinc-500">
{{ \Carbon\Carbon::parse($consultation->booking_time)->format('g:i A') }}
</div>
</div>
@@ -326,14 +326,14 @@ new class extends Component
<!-- Client Info -->
<div class="flex-1">
<div class="flex items-center gap-2 mb-1">
<a href="{{ route('admin.consultations.show', $consultation) }}" class="font-semibold text-zinc-900 dark:text-zinc-100 hover:text-blue-600 dark:hover:text-blue-400" wire:navigate>
<a href="{{ route('admin.consultations.show', $consultation) }}" class="font-semibold text-zinc-900 hover:text-blue-600" wire:navigate>
{{ $consultation->user?->full_name ?? __('common.unknown') }}
</a>
<flux:badge size="sm" variant="{{ $consultation->consultation_type === \App\Enums\ConsultationType::Paid ? 'primary' : 'outline' }}">
{{ $consultation->consultation_type->label() }}
</flux:badge>
</div>
<div class="text-sm text-zinc-500 dark:text-zinc-400">
<div class="text-sm text-zinc-500">
{{ $consultation->user?->email ?? '-' }}
</div>
</div>
@@ -444,7 +444,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>
resources/views/livewire/admin/consultations/show.blade.php
+36 -36
View File
@@ -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>