removed dark mod and applied fixes for text colors
This commit is contained in:
Naser Mansour
@@ -80,10 +80,10 @@ new class extends Component {
|
||||
|
||||
<div class="mb-6">
|
||||
<flux:heading size="xl">{{ __('clients.create_client') }}</flux:heading>
|
||||
<flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('clients.individual_clients') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-500">{{ __('clients.individual_clients') }}</flux:text>
|
||||
</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">
|
||||
<form wire:submit="create" class="space-y-6">
|
||||
<div class="grid gap-6 sm:grid-cols-2">
|
||||
<flux:field>
|
||||
@@ -147,7 +147,7 @@ new class extends Component {
|
||||
</flux:field>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6 dark:border-zinc-700">
|
||||
<div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
|
||||
<flux:button variant="ghost" :href="route('admin.clients.individual.index')" wire:navigate>
|
||||
{{ __('clients.cancel') }}
|
||||
</flux:button>
|
||||
|
||||
@@ -102,10 +102,10 @@ new class extends Component {
|
||||
|
||||
<div class="mb-6">
|
||||
<flux:heading size="xl">{{ __('clients.edit_client') }}</flux:heading>
|
||||
<flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ $client->full_name }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-500">{{ $client->full_name }}</flux:text>
|
||||
</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">
|
||||
<form wire:submit="update" class="space-y-6">
|
||||
<div class="grid gap-6 sm:grid-cols-2">
|
||||
<flux:field>
|
||||
@@ -181,7 +181,7 @@ new class extends Component {
|
||||
</flux:field>
|
||||
</div>
|
||||
|
||||
<div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6 dark:border-zinc-700">
|
||||
<div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
|
||||
<flux:button variant="ghost" :href="route('admin.clients.individual.index')" wire:navigate>
|
||||
{{ __('clients.cancel') }}
|
||||
</flux:button>
|
||||
|
||||
@@ -55,7 +55,7 @@ new class extends Component {
|
||||
<div class="page-header mb-6">
|
||||
<div>
|
||||
<flux:heading size="xl" class="text-xl sm:text-2xl">{{ __('clients.individual_clients') }}</flux:heading>
|
||||
<flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ __('clients.clients') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-500">{{ __('clients.clients') }}</flux:text>
|
||||
</div>
|
||||
<div class="header-actions">
|
||||
<flux:button :href="route('admin.users.export')" wire:navigate icon="arrow-down-tray" class="w-full sm:w-auto justify-center">
|
||||
@@ -67,7 +67,7 @@ new class extends Component {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="mb-6 rounded-lg border border-zinc-200 bg-white p-4 dark:border-zinc-700 dark:bg-zinc-800">
|
||||
<div class="mb-6 rounded-lg border border-zinc-200 bg-white p-4">
|
||||
<div class="flex flex-col gap-4 sm:flex-row sm:items-end">
|
||||
<div class="flex-1">
|
||||
<flux:input
|
||||
@@ -101,50 +101,50 @@ new class extends Component {
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="overflow-hidden rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-800">
|
||||
<div class="overflow-hidden rounded-lg border border-zinc-200 bg-white">
|
||||
<div class="table-scroll-wrapper">
|
||||
<table class="min-w-full divide-y divide-zinc-200 dark:divide-zinc-700">
|
||||
<thead class="bg-zinc-50 dark:bg-zinc-900">
|
||||
<table class="min-w-full divide-y divide-zinc-200">
|
||||
<thead class="bg-zinc-50">
|
||||
<tr>
|
||||
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
|
||||
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
|
||||
{{ __('clients.full_name') }}
|
||||
</th>
|
||||
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
|
||||
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
|
||||
{{ __('clients.email') }}
|
||||
</th>
|
||||
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
|
||||
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
|
||||
{{ __('clients.national_id') }}
|
||||
</th>
|
||||
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
|
||||
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
|
||||
{{ __('clients.phone') }}
|
||||
</th>
|
||||
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
|
||||
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
|
||||
{{ __('clients.status') }}
|
||||
</th>
|
||||
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
|
||||
<th class="px-6 py-3 text-start text-xs font-medium uppercase tracking-wider text-zinc-500">
|
||||
{{ __('clients.created_at') }}
|
||||
</th>
|
||||
<th class="px-6 py-3 text-end text-xs font-medium uppercase tracking-wider text-zinc-500 dark:text-zinc-400">
|
||||
<th class="px-6 py-3 text-end text-xs font-medium uppercase tracking-wider text-zinc-500">
|
||||
{{ __('clients.actions') }}
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody class="divide-y divide-zinc-200 bg-white dark:divide-zinc-700 dark:bg-zinc-800">
|
||||
<tbody class="divide-y divide-zinc-200 bg-white">
|
||||
@forelse ($clients as $client)
|
||||
<tr wire:key="client-{{ $client->id }}">
|
||||
<td class="whitespace-nowrap px-6 py-4">
|
||||
<div class="flex items-center gap-3">
|
||||
<flux:avatar size="sm" :name="$client->full_name" />
|
||||
<span class="font-medium text-zinc-900 dark:text-zinc-100">{{ $client->full_name }}</span>
|
||||
<span class="font-medium text-zinc-900">{{ $client->full_name }}</span>
|
||||
</div>
|
||||
</td>
|
||||
<td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
|
||||
<td class="whitespace-nowrap px-6 py-4 text-zinc-600">
|
||||
{{ $client->email }}
|
||||
</td>
|
||||
<td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
|
||||
<td class="whitespace-nowrap px-6 py-4 text-zinc-600">
|
||||
{{ $client->national_id }}
|
||||
</td>
|
||||
<td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
|
||||
<td class="whitespace-nowrap px-6 py-4 text-zinc-600">
|
||||
{{ $client->phone }}
|
||||
</td>
|
||||
<td class="whitespace-nowrap px-6 py-4">
|
||||
@@ -154,7 +154,7 @@ new class extends Component {
|
||||
<flux:badge color="red" size="sm">{{ __('clients.deactivated') }}</flux:badge>
|
||||
@endif
|
||||
</td>
|
||||
<td class="whitespace-nowrap px-6 py-4 text-zinc-600 dark:text-zinc-400">
|
||||
<td class="whitespace-nowrap px-6 py-4 text-zinc-600">
|
||||
{{ $client->created_at->format('Y-m-d') }}
|
||||
</td>
|
||||
<td class="whitespace-nowrap px-6 py-4 text-end">
|
||||
@@ -183,7 +183,7 @@ new class extends Component {
|
||||
<td colspan="7" class="px-6 py-12 text-center">
|
||||
<div class="flex flex-col items-center">
|
||||
<flux:icon name="users" class="mb-4 h-12 w-12 text-zinc-400" />
|
||||
<flux:text class="text-zinc-500 dark:text-zinc-400">
|
||||
<flux:text class="text-zinc-500">
|
||||
@if ($search || $statusFilter)
|
||||
{{ __('clients.no_clients_match') }}
|
||||
@else
|
||||
@@ -204,7 +204,7 @@ new class extends Component {
|
||||
</div>
|
||||
|
||||
@if ($clients->hasPages())
|
||||
<div class="border-t border-zinc-200 bg-zinc-50 px-6 py-4 dark:border-zinc-700 dark:bg-zinc-900">
|
||||
<div class="border-t border-zinc-200 bg-zinc-50 px-6 py-4">
|
||||
{{ $clients->links() }}
|
||||
</div>
|
||||
@endif
|
||||
|
||||
@@ -29,7 +29,7 @@ new class extends Component {
|
||||
</flux:button>
|
||||
</div>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
<flux:button variant="ghost" class="border border-amber-500 text-amber-600 hover:bg-amber-50 dark:text-amber-400 dark:hover:bg-amber-900/20" x-data x-on:click="$flux.modal('convert-to-company').show()" icon="building-office">
|
||||
<flux:button variant="ghost" class="border border-amber-500 text-amber-600 hover:bg-amber-50" x-data x-on:click="$flux.modal('convert-to-company').show()" icon="building-office">
|
||||
{{ __('clients.convert_to_company') }}
|
||||
</flux:button>
|
||||
<flux:button variant="primary" :href="route('admin.clients.individual.edit', $client)" wire:navigate icon="pencil">
|
||||
@@ -40,14 +40,14 @@ new class extends Component {
|
||||
|
||||
<div class="mb-6">
|
||||
<flux:heading size="xl">{{ __('clients.client_profile') }}</flux:heading>
|
||||
<flux:text class="mt-1 text-zinc-500 dark:text-zinc-400">{{ $client->full_name }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-500">{{ $client->full_name }}</flux:text>
|
||||
</div>
|
||||
|
||||
<div class="grid gap-6 lg:grid-cols-3">
|
||||
{{-- Client Information --}}
|
||||
<div class="lg:col-span-2">
|
||||
<div class="rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-800">
|
||||
<div class="border-b border-zinc-200 px-6 py-4 dark:border-zinc-700">
|
||||
<div class="rounded-lg border border-zinc-200 bg-white">
|
||||
<div class="border-b border-zinc-200 px-6 py-4">
|
||||
<flux:heading size="lg">{{ __('clients.client_information') }}</flux:heading>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
@@ -56,29 +56,29 @@ new class extends Component {
|
||||
<div class="flex-1">
|
||||
<div class="grid gap-6 sm:grid-cols-2">
|
||||
<div>
|
||||
<flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.full_name') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->full_name }}</flux:text>
|
||||
<flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.full_name') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-900">{{ $client->full_name }}</flux:text>
|
||||
</div>
|
||||
<div>
|
||||
<flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.national_id') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->national_id }}</flux:text>
|
||||
<flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.national_id') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-900">{{ $client->national_id }}</flux:text>
|
||||
</div>
|
||||
<div>
|
||||
<flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.email') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->email }}</flux:text>
|
||||
<flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.email') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-900">{{ $client->email }}</flux:text>
|
||||
</div>
|
||||
<div>
|
||||
<flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.phone') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->phone }}</flux:text>
|
||||
<flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.phone') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-900">{{ $client->phone }}</flux:text>
|
||||
</div>
|
||||
<div>
|
||||
<flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.preferred_language') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">
|
||||
<flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.preferred_language') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-900">
|
||||
{{ $client->preferred_language === 'ar' ? __('clients.arabic') : __('clients.english') }}
|
||||
</flux:text>
|
||||
</div>
|
||||
<div>
|
||||
<flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.status') }}</flux:text>
|
||||
<flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.status') }}</flux:text>
|
||||
<div class="mt-1">
|
||||
@if ($client->status === UserStatus::Active)
|
||||
<flux:badge color="green">{{ __('clients.active') }}</flux:badge>
|
||||
@@ -88,12 +88,12 @@ new class extends Component {
|
||||
</div>
|
||||
</div>
|
||||
<div>
|
||||
<flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.member_since') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ $client->created_at->format('Y-m-d') }}</flux:text>
|
||||
<flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.member_since') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-900">{{ $client->created_at->format('Y-m-d') }}</flux:text>
|
||||
</div>
|
||||
<div>
|
||||
<flux:text class="text-sm font-medium text-zinc-500 dark:text-zinc-400">{{ __('clients.user_type') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-900 dark:text-zinc-100">{{ __('clients.individual') }}</flux:text>
|
||||
<flux:text class="text-sm font-medium text-zinc-500">{{ __('clients.user_type') }}</flux:text>
|
||||
<flux:text class="mt-1 text-zinc-900">{{ __('clients.individual') }}</flux:text>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -105,34 +105,34 @@ new class extends Component {
|
||||
{{-- Stats Sidebar --}}
|
||||
<div class="space-y-6">
|
||||
{{-- Consultation Summary --}}
|
||||
<div class="rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-800">
|
||||
<div class="border-b border-zinc-200 px-6 py-4 dark:border-zinc-700">
|
||||
<div class="rounded-lg border border-zinc-200 bg-white">
|
||||
<div class="border-b border-zinc-200 px-6 py-4">
|
||||
<flux:heading size="lg">{{ __('clients.consultation_history') }}</flux:heading>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-center justify-between">
|
||||
<flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.total_consultations') }}</flux:text>
|
||||
<flux:text class="text-sm text-zinc-500">{{ __('clients.total_consultations') }}</flux:text>
|
||||
<flux:badge color="zinc">{{ $client->consultations_count }}</flux:badge>
|
||||
</div>
|
||||
<div class="flex items-center justify-between">
|
||||
<flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.pending_consultations') }}</flux:text>
|
||||
<flux:text class="text-sm text-zinc-500">{{ __('clients.pending_consultations') }}</flux:text>
|
||||
<flux:badge color="yellow">{{ $client->pending_consultations_count }}</flux:badge>
|
||||
</div>
|
||||
<div class="flex items-center justify-between">
|
||||
<flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.completed_consultations') }}</flux:text>
|
||||
<flux:text class="text-sm text-zinc-500">{{ __('clients.completed_consultations') }}</flux:text>
|
||||
<flux:badge color="green">{{ $client->completed_consultations_count }}</flux:badge>
|
||||
</div>
|
||||
</div>
|
||||
@if ($client->consultations_count > 0)
|
||||
<div class="mt-4 border-t border-zinc-200 pt-4 dark:border-zinc-700">
|
||||
<flux:text class="text-sm text-zinc-500 dark:text-zinc-400">
|
||||
<div class="mt-4 border-t border-zinc-200 pt-4">
|
||||
<flux:text class="text-sm text-zinc-500">
|
||||
{{ __('clients.view_all_consultations') }}
|
||||
</flux:text>
|
||||
</div>
|
||||
@else
|
||||
<div class="mt-4 border-t border-zinc-200 pt-4 dark:border-zinc-700">
|
||||
<flux:text class="text-sm text-zinc-500 dark:text-zinc-400">
|
||||
<div class="mt-4 border-t border-zinc-200 pt-4">
|
||||
<flux:text class="text-sm text-zinc-500">
|
||||
{{ __('clients.no_consultations') }}
|
||||
</flux:text>
|
||||
</div>
|
||||
@@ -141,30 +141,30 @@ new class extends Component {
|
||||
</div>
|
||||
|
||||
{{-- Timeline Summary --}}
|
||||
<div class="rounded-lg border border-zinc-200 bg-white dark:border-zinc-700 dark:bg-zinc-800">
|
||||
<div class="border-b border-zinc-200 px-6 py-4 dark:border-zinc-700">
|
||||
<div class="rounded-lg border border-zinc-200 bg-white">
|
||||
<div class="border-b border-zinc-200 px-6 py-4">
|
||||
<flux:heading size="lg">{{ __('clients.timeline_history') }}</flux:heading>
|
||||
</div>
|
||||
<div class="p-6">
|
||||
<div class="space-y-4">
|
||||
<div class="flex items-center justify-between">
|
||||
<flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.total_timelines') }}</flux:text>
|
||||
<flux:text class="text-sm text-zinc-500">{{ __('clients.total_timelines') }}</flux:text>
|
||||
<flux:badge color="zinc">{{ $client->timelines_count }}</flux:badge>
|
||||
</div>
|
||||
<div class="flex items-center justify-between">
|
||||
<flux:text class="text-sm text-zinc-500 dark:text-zinc-400">{{ __('clients.active_timelines') }}</flux:text>
|
||||
<flux:text class="text-sm text-zinc-500">{{ __('clients.active_timelines') }}</flux:text>
|
||||
<flux:badge color="blue">{{ $client->active_timelines_count }}</flux:badge>
|
||||
</div>
|
||||
</div>
|
||||
@if ($client->timelines_count > 0)
|
||||
<div class="mt-4 border-t border-zinc-200 pt-4 dark:border-zinc-700">
|
||||
<flux:text class="text-sm text-zinc-500 dark:text-zinc-400">
|
||||
<div class="mt-4 border-t border-zinc-200 pt-4">
|
||||
<flux:text class="text-sm text-zinc-500">
|
||||
{{ __('clients.view_all_timelines') }}
|
||||
</flux:text>
|
||||
</div>
|
||||
@else
|
||||
<div class="mt-4 border-t border-zinc-200 pt-4 dark:border-zinc-700">
|
||||
<flux:text class="text-sm text-zinc-500 dark:text-zinc-400">
|
||||
<div class="mt-4 border-t border-zinc-200 pt-4">
|
||||
<flux:text class="text-sm text-zinc-500">
|
||||
{{ __('clients.no_timelines') }}
|
||||
</flux:text>
|
||||
</div>
|
||||
@@ -175,7 +175,7 @@ new class extends Component {
|
||||
</div>
|
||||
|
||||
{{-- Lifecycle Actions Section --}}
|
||||
<div class="mt-6 rounded-lg border border-zinc-200 bg-white p-6 dark:border-zinc-700 dark:bg-zinc-800">
|
||||
<div class="mt-6 rounded-lg border border-zinc-200 bg-white p-6">
|
||||
<flux:heading size="lg" class="mb-4">{{ __('clients.account_actions') }}</flux:heading>
|
||||
<livewire:admin.clients.lifecycle-actions :client="$client" />
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user