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

fixed invisible buttons issue across the website

This commit is contained in:
Naser Mansour 2026-01-09 19:32:10 +02:00
parent 80072eae56
commit 773e1d3f7f
39 changed files with 155 additions and 155 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
resources/views/livewire/admin/audit-logs.blade.php
View File

@ -180,7 +180,7 @@ new class extends Component
</flux:field>
@if($actionFilter || $targetFilter || $dateFrom || $dateTo || $search)
<flux:button wire:click="resetFilters" variant="ghost">
<flux:button wire:click="resetFilters" variant="outline">
{{ __('audit.reset') }}
</flux:button>
@endif

6
resources/views/livewire/admin/bookings/pending.blade.php
View File

@ -195,7 +195,7 @@ new class extends Component
</flux:field>
@if($dateFrom || $dateTo)
<flux:button wire:click="clearFilters" variant="ghost">
<flux:button wire:click="clearFilters" variant="outline">
{{ __('common.clear') }}
</flux:button>
@endif
@ -216,7 +216,7 @@ new class extends Component
<span class="font-semibold text-zinc-900">
{{ $booking->getClientName() }}
</span>
<flux:badge variant="warning" size="sm">
<flux:badge color="amber" size="sm">
{{ $booking->status->label() }}
</flux:badge>
</div>
@ -261,7 +261,7 @@ new class extends Component
<flux:button
wire:click="quickApprove({{ $booking->id }})"
wire:confirm="{{ __('admin.confirm_quick_approve') }}"
variant="filled"
variant="outline"
size="sm"
class="!bg-emerald-600 !text-white hover:!bg-emerald-700"
>

26
resources/views/livewire/admin/bookings/review.blade.php
View File

@ -190,7 +190,7 @@ new class extends Component
<div class="max-w-4xl mx-auto">
<div class="flex items-center gap-4 mb-6">
<flux:button href="{{ route('admin.bookings.pending') }}" variant="ghost" wire:navigate>
<flux:button href="{{ route('admin.bookings.pending') }}" variant="outline" wire:navigate>
<flux:icon name="arrow-left" class="w-4 h-4 rtl:rotate-180" />
{{ __('common.back') }}
</flux:button>
@ -281,11 +281,11 @@ new class extends Component
</div>
<div>
<p class="text-sm text-zinc-500">{{ __('admin.current_status') }}</p>
<flux:badge :variant="match($consultation->status) {
ConsultationStatus::Pending => 'warning',
ConsultationStatus::Approved => 'success',
ConsultationStatus::Rejected => 'danger',
default => 'default',
<flux:badge :color="match($consultation->status) {
ConsultationStatus::Pending => 'amber',
ConsultationStatus::Approved => 'green',
ConsultationStatus::Rejected => 'red',
default => 'zinc',
}">
{{ $consultation->status->label() }}
</flux:badge>
@ -316,13 +316,13 @@ new class extends Component
{{ $history->consultation_type?->value ?? '-' }}
</p>
</div>
<flux:badge :variant="match($history->status) {
ConsultationStatus::Pending => 'warning',
ConsultationStatus::Approved => 'success',
ConsultationStatus::Completed => 'default',
ConsultationStatus::Rejected => 'danger',
ConsultationStatus::Cancelled => 'danger',
ConsultationStatus::NoShow => 'danger',
<flux:badge :color="match($history->status) {
ConsultationStatus::Pending => 'amber',
ConsultationStatus::Approved => 'sky',
ConsultationStatus::Completed => 'green',
ConsultationStatus::Rejected => 'rose',
ConsultationStatus::Cancelled => 'red',
ConsultationStatus::NoShow => 'orange',
}" size="sm">
{{ $history->status->label() }}
</flux:badge>

4
resources/views/livewire/admin/clients/company/create.blade.php
View File

@ -80,7 +80,7 @@ new class extends Component {
<div>
<div class="mb-6">
<flux:button variant="ghost" :href="route('admin.clients.company.index')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.clients.company.index')" wire:navigate icon="arrow-left">
{{ __('clients.back_to_companies') }}
</flux:button>
</div>
@ -175,7 +175,7 @@ new class extends Component {
</div>
<div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
<flux:button variant="ghost" :href="route('admin.clients.company.index')" wire:navigate>
<flux:button variant="outline" :href="route('admin.clients.company.index')" wire:navigate>
{{ __('clients.cancel') }}
</flux:button>
<flux:button variant="primary" type="submit">

4
resources/views/livewire/admin/clients/company/edit.blade.php
View File

@ -104,7 +104,7 @@ new class extends Component {
<div>
<div class="mb-6">
<flux:button variant="ghost" :href="route('admin.clients.company.index')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.clients.company.index')" wire:navigate icon="arrow-left">
{{ __('clients.back_to_companies') }}
</flux:button>
</div>
@ -211,7 +211,7 @@ new class extends Component {
</div>
<div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
<flux:button variant="ghost" :href="route('admin.clients.company.index')" wire:navigate>
<flux:button variant="outline" :href="route('admin.clients.company.index')" wire:navigate>
{{ __('clients.cancel') }}
</flux:button>
<flux:button variant="primary" type="submit">

8
resources/views/livewire/admin/clients/company/index.blade.php
View File

@ -94,7 +94,7 @@ new class extends Component {
</flux:select>
</div>
@if ($search || $statusFilter)
<flux:button wire:click="clearFilters" variant="ghost" icon="x-mark">
<flux:button wire:click="clearFilters" variant="outline" icon="x-mark">
{{ __('clients.clear_filters') }}
</flux:button>
@endif
@ -160,7 +160,7 @@ new class extends Component {
<td class="whitespace-nowrap px-6 py-4 text-end">
<div class="flex items-center justify-end gap-2">
<flux:button
variant="ghost"
variant="outline"
size="sm"
icon="eye"
:href="route('admin.clients.company.show', $client)"
@ -168,7 +168,7 @@ new class extends Component {
:title="__('clients.view')"
/>
<flux:button
variant="ghost"
variant="outline"
size="sm"
icon="pencil"
:href="route('admin.clients.company.edit', $client)"
@ -191,7 +191,7 @@ new class extends Component {
@endif
</flux:text>
@if ($search || $statusFilter)
<flux:button wire:click="clearFilters" variant="ghost" class="mt-4">
<flux:button wire:click="clearFilters" variant="outline" class="mt-4">
{{ __('clients.clear_filters') }}
</flux:button>
@endif

4
resources/views/livewire/admin/clients/company/show.blade.php
View File

@ -24,12 +24,12 @@ new class extends Component {
<div>
<div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
<div>
<flux:button variant="ghost" :href="route('admin.clients.company.index')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.clients.company.index')" wire:navigate icon="arrow-left">
{{ __('clients.back_to_companies') }}
</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" x-data x-on:click="$flux.modal('convert-to-individual').show()" icon="user">
<flux:button variant="outline" class="border border-amber-500 text-amber-600 hover:bg-amber-50" x-data x-on:click="$flux.modal('convert-to-individual').show()" icon="user">
{{ __('clients.convert_to_individual') }}
</flux:button>
<flux:button variant="primary" :href="route('admin.clients.company.edit', $client)" wire:navigate icon="pencil">

34
resources/views/livewire/admin/clients/consultation-history.blade.php
View File

@ -41,11 +41,11 @@ new class extends Component
<div class="max-w-5xl mx-auto">
<div class="mb-6">
@if($user->user_type->value === 'individual')
<flux:button href="{{ route('admin.clients.individual.show', $user) }}" variant="ghost" icon="arrow-left" wire:navigate>
<flux:button href="{{ route('admin.clients.individual.show', $user) }}" variant="outline" icon="arrow-left" wire:navigate>
{{ __('common.back') }}
</flux:button>
@else
<flux:button href="{{ route('admin.clients.company.show', $user) }}" variant="ghost" icon="arrow-left" wire:navigate>
<flux:button href="{{ route('admin.clients.company.show', $user) }}" variant="outline" icon="arrow-left" wire:navigate>
{{ __('common.back') }}
</flux:button>
@endif
@ -95,32 +95,32 @@ new class extends Component
<div class="flex flex-wrap items-center gap-2">
@php
$statusVariant = match($consultation->status) {
\App\Enums\ConsultationStatus::Pending => 'warning',
\App\Enums\ConsultationStatus::Approved => 'primary',
\App\Enums\ConsultationStatus::Completed => 'success',
\App\Enums\ConsultationStatus::Cancelled => 'danger',
\App\Enums\ConsultationStatus::NoShow => 'danger',
\App\Enums\ConsultationStatus::Rejected => 'danger',
$statusColor = match($consultation->status) {
\App\Enums\ConsultationStatus::Pending => 'amber',
\App\Enums\ConsultationStatus::Approved => 'sky',
\App\Enums\ConsultationStatus::Completed => 'green',
\App\Enums\ConsultationStatus::Cancelled => 'red',
\App\Enums\ConsultationStatus::NoShow => 'orange',
\App\Enums\ConsultationStatus::Rejected => 'rose',
};
@endphp
<flux:badge variant="{{ $statusVariant }}" size="sm">
<flux:badge color="{{ $statusColor }}" size="sm">
{{ $consultation->status->label() }}
</flux:badge>
<flux:badge variant="{{ $consultation->consultation_type === \App\Enums\ConsultationType::Paid ? 'primary' : 'outline' }}" size="sm">
<flux:badge color="{{ $consultation->consultation_type === \App\Enums\ConsultationType::Paid ? 'indigo' : 'zinc' }}" size="sm">
{{ $consultation->consultation_type->label() }}
</flux:badge>
@if($consultation->consultation_type === \App\Enums\ConsultationType::Paid)
@php
$paymentVariant = match($consultation->payment_status) {
\App\Enums\PaymentStatus::Pending => 'warning',
\App\Enums\PaymentStatus::Received => 'success',
default => 'outline',
$paymentColor = match($consultation->payment_status) {
\App\Enums\PaymentStatus::Pending => 'amber',
\App\Enums\PaymentStatus::Received => 'green',
default => 'zinc',
};
@endphp
<flux:badge variant="{{ $paymentVariant }}" size="sm">
<flux:badge color="{{ $paymentColor }}" size="sm">
{{ $consultation->payment_status->label() }}
</flux:badge>
@endif
@ -135,7 +135,7 @@ new class extends Component
<flux:button
href="{{ route('admin.consultations.show', $consultation) }}"
variant="ghost"
variant="outline"
size="sm"
wire:navigate
>

4
resources/views/livewire/admin/clients/convert-to-company-modal.blade.php
View File

@ -131,7 +131,7 @@ new class extends Component {
</flux:field>
<div class="flex gap-2 pt-4">
<flux:button type="button" variant="ghost" x-on:click="$flux.modal('convert-to-company').close()">
<flux:button type="button" variant="outline" x-on:click="$flux.modal('convert-to-company').close()">
{{ __('clients.cancel') }}
</flux:button>
<flux:button type="submit" variant="primary">
@ -164,7 +164,7 @@ new class extends Component {
</div>
<div class="flex gap-2 pt-4">
<flux:button type="button" variant="ghost" wire:click="cancelConfirmation">
<flux:button type="button" variant="outline" wire:click="cancelConfirmation">
{{ __('clients.back') }}
</flux:button>
<flux:button type="button" variant="primary" wire:click="convertToCompany">

4
resources/views/livewire/admin/clients/convert-to-individual-modal.blade.php
View File

@ -117,7 +117,7 @@ new class extends Component {
</flux:callout>
<div class="flex gap-2 pt-4">
<flux:button type="button" variant="ghost" x-on:click="$flux.modal('convert-to-individual').close()">
<flux:button type="button" variant="outline" x-on:click="$flux.modal('convert-to-individual').close()">
{{ __('clients.cancel') }}
</flux:button>
<flux:button type="submit" variant="primary">
@ -146,7 +146,7 @@ new class extends Component {
</div>
<div class="flex gap-2 pt-4">
<flux:button type="button" variant="ghost" wire:click="cancelConfirmation">
<flux:button type="button" variant="outline" wire:click="cancelConfirmation">
{{ __('clients.back') }}
</flux:button>
<flux:button type="button" variant="primary" wire:click="convertToIndividual">

4
resources/views/livewire/admin/clients/individual/create.blade.php
View File

@ -73,7 +73,7 @@ new class extends Component {
<div>
<div class="mb-6">
<flux:button variant="ghost" :href="route('admin.clients.individual.index')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.clients.individual.index')" wire:navigate icon="arrow-left">
{{ __('clients.back_to_clients') }}
</flux:button>
</div>
@ -148,7 +148,7 @@ new class extends Component {
</div>
<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>
<flux:button variant="outline" :href="route('admin.clients.individual.index')" wire:navigate>
{{ __('clients.cancel') }}
</flux:button>
<flux:button variant="primary" type="submit">

4
resources/views/livewire/admin/clients/individual/edit.blade.php
View File

@ -95,7 +95,7 @@ new class extends Component {
<div>
<div class="mb-6">
<flux:button variant="ghost" :href="route('admin.clients.individual.index')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.clients.individual.index')" wire:navigate icon="arrow-left">
{{ __('clients.back_to_clients') }}
</flux:button>
</div>
@ -182,7 +182,7 @@ new class extends Component {
</div>
<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>
<flux:button variant="outline" :href="route('admin.clients.individual.index')" wire:navigate>
{{ __('clients.cancel') }}
</flux:button>
<flux:button variant="primary" type="submit">

8
resources/views/livewire/admin/clients/individual/index.blade.php
View File

@ -94,7 +94,7 @@ new class extends Component {
</flux:select>
</div>
@if ($search || $statusFilter)
<flux:button wire:click="clearFilters" variant="ghost" icon="x-mark">
<flux:button wire:click="clearFilters" variant="outline" icon="x-mark">
{{ __('clients.clear_filters') }}
</flux:button>
@endif
@ -160,7 +160,7 @@ new class extends Component {
<td class="whitespace-nowrap px-6 py-4 text-end">
<div class="flex items-center justify-end gap-2">
<flux:button
variant="ghost"
variant="outline"
size="sm"
icon="eye"
:href="route('admin.clients.individual.show', $client)"
@ -168,7 +168,7 @@ new class extends Component {
:title="__('clients.view')"
/>
<flux:button
variant="ghost"
variant="outline"
size="sm"
icon="pencil"
:href="route('admin.clients.individual.edit', $client)"
@ -191,7 +191,7 @@ new class extends Component {
@endif
</flux:text>
@if ($search || $statusFilter)
<flux:button wire:click="clearFilters" variant="ghost" class="mt-4">
<flux:button wire:click="clearFilters" variant="outline" class="mt-4">
{{ __('clients.clear_filters') }}
</flux:button>
@endif

4
resources/views/livewire/admin/clients/individual/show.blade.php
View File

@ -24,12 +24,12 @@ new class extends Component {
<div>
<div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
<div>
<flux:button variant="ghost" :href="route('admin.clients.individual.index')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.clients.individual.index')" wire:navigate icon="arrow-left">
{{ __('clients.back_to_clients') }}
</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" x-data x-on:click="$flux.modal('convert-to-company').show()" icon="building-office">
<flux:button variant="outline" 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">

14
resources/views/livewire/admin/clients/lifecycle-actions.blade.php
View File

@ -214,17 +214,17 @@ new class extends Component {
{{-- Action Buttons --}}
<div class="flex flex-wrap gap-2">
{{-- Password Reset Button --}}
<flux:button variant="ghost" icon="key" wire:click="openPasswordResetModal">
<flux:button variant="outline" icon="key" wire:click="openPasswordResetModal">
{{ __('clients.reset_password') }}
</flux:button>
{{-- Deactivate/Reactivate Button --}}
@if ($client->isActive())
<flux:button variant="ghost" class="text-amber-600 hover:bg-amber-50" icon="pause-circle" wire:click="openDeactivateModal">
<flux:button variant="outline" class="text-amber-600 hover:bg-amber-50" icon="pause-circle" wire:click="openDeactivateModal">
{{ __('clients.deactivate') }}
</flux:button>
@else
<flux:button variant="ghost" class="text-green-600 hover:bg-green-50" icon="play-circle" wire:click="openReactivateModal">
<flux:button variant="outline" class="text-green-600 hover:bg-green-50" icon="play-circle" wire:click="openReactivateModal">
{{ __('clients.reactivate') }}
</flux:button>
@endif
@ -257,7 +257,7 @@ new class extends Component {
</div>
<div class="flex gap-2 pt-4">
<flux:button type="button" variant="ghost" wire:click="closeDeactivateModal">
<flux:button type="button" variant="outline" wire:click="closeDeactivateModal">
{{ __('clients.cancel') }}
</flux:button>
<flux:button type="button" variant="primary" class="bg-amber-600 hover:bg-amber-700" wire:click="deactivate">
@ -288,7 +288,7 @@ new class extends Component {
</div>
<div class="flex gap-2 pt-4">
<flux:button type="button" variant="ghost" wire:click="closeReactivateModal">
<flux:button type="button" variant="outline" wire:click="closeReactivateModal">
{{ __('clients.cancel') }}
</flux:button>
<flux:button type="button" variant="primary" wire:click="reactivate">
@ -327,7 +327,7 @@ new class extends Component {
</flux:field>
<div class="flex gap-2 pt-4">
<flux:button type="button" variant="ghost" wire:click="closeDeleteModal">
<flux:button type="button" variant="outline" wire:click="closeDeleteModal">
{{ __('clients.cancel') }}
</flux:button>
<flux:button type="button" variant="danger" wire:click="delete">
@ -358,7 +358,7 @@ new class extends Component {
</div>
<div class="flex gap-2 pt-4">
<flux:button type="button" variant="ghost" wire:click="closePasswordResetModal">
<flux:button type="button" variant="outline" wire:click="closePasswordResetModal">
{{ __('clients.cancel') }}
</flux:button>
<flux:button type="button" variant="primary" wire:click="resetPassword">

4
resources/views/livewire/admin/consultations/export-consultations.blade.php
View File

@ -236,7 +236,7 @@ new class extends Component {
@if ($consultationType !== 'all' || $status !== 'all' || $paymentStatus !== 'all' || $dateFrom || $dateTo)
<div class="mt-4">
<flux:button wire:click="clearFilters" variant="ghost" icon="x-mark" size="sm">
<flux:button wire:click="clearFilters" variant="outline" icon="x-mark" size="sm">
{{ __('export.clear_filters') }}
</flux:button>
</div>
@ -268,7 +268,7 @@ new class extends Component {
wire:click="exportPdf"
wire:loading.attr="disabled"
wire:target="exportCsv,exportPdf"
variant="filled"
variant="outline"
icon="document-text"
class="!bg-zinc-700 !text-white hover:!bg-zinc-800"
:disabled="$previewCount === 0"

34
resources/views/livewire/admin/consultations/index.blade.php
View File

@ -282,7 +282,7 @@ new class extends Component
</flux:field>
@if($search || $statusFilter || $typeFilter || $paymentFilter || $dateFrom || $dateTo)
<flux:button wire:click="clearFilters" variant="ghost">
<flux:button wire:click="clearFilters" variant="outline">
{{ __('common.clear') }}
</flux:button>
@endif
@ -329,7 +329,7 @@ new class extends Component
<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' }}">
<flux:badge size="sm" color="{{ $consultation->consultation_type === \App\Enums\ConsultationType::Paid ? 'indigo' : 'zinc' }}">
{{ $consultation->consultation_type->label() }}
</flux:badge>
</div>
@ -341,16 +341,16 @@ new class extends Component
<!-- Status Badge -->
<div class="lg:w-24">
@php
$statusVariant = match($consultation->status) {
\App\Enums\ConsultationStatus::Pending => 'warning',
\App\Enums\ConsultationStatus::Approved => 'primary',
\App\Enums\ConsultationStatus::Completed => 'success',
\App\Enums\ConsultationStatus::Cancelled => 'danger',
\App\Enums\ConsultationStatus::NoShow => 'danger',
\App\Enums\ConsultationStatus::Rejected => 'danger',
$statusColor = match($consultation->status) {
\App\Enums\ConsultationStatus::Pending => 'amber',
\App\Enums\ConsultationStatus::Approved => 'sky',
\App\Enums\ConsultationStatus::Completed => 'green',
\App\Enums\ConsultationStatus::Cancelled => 'red',
\App\Enums\ConsultationStatus::NoShow => 'orange',
\App\Enums\ConsultationStatus::Rejected => 'rose',
};
@endphp
<flux:badge variant="{{ $statusVariant }}" size="sm">
<flux:badge color="{{ $statusColor }}" size="sm">
{{ $consultation->status->label() }}
</flux:badge>
</div>
@ -359,13 +359,13 @@ new class extends Component
<div class="lg:w-24">
@if($consultation->consultation_type === \App\Enums\ConsultationType::Paid)
@php
$paymentVariant = match($consultation->payment_status) {
\App\Enums\PaymentStatus::Pending => 'warning',
\App\Enums\PaymentStatus::Received => 'success',
default => 'outline',
$paymentColor = match($consultation->payment_status) {
\App\Enums\PaymentStatus::Pending => 'amber',
\App\Enums\PaymentStatus::Received => 'green',
default => 'zinc',
};
@endphp
<flux:badge variant="{{ $paymentVariant }}" size="sm">
<flux:badge color="{{ $paymentColor }}" size="sm">
{{ $consultation->payment_status->label() }}
</flux:badge>
@else
@ -377,7 +377,7 @@ new class extends Component
<div class="lg:w-48 flex flex-wrap gap-2">
<flux:button
href="{{ route('admin.consultations.show', $consultation) }}"
variant="filled"
variant="outline"
size="sm"
wire:navigate
>
@ -386,7 +386,7 @@ new class extends Component
@if($consultation->status === \App\Enums\ConsultationStatus::Approved)
<flux:dropdown>
<flux:button variant="ghost" size="sm" icon="ellipsis-vertical" />
<flux:button variant="outline" size="sm" icon="ellipsis-vertical" />
<flux:menu>
<flux:menu.item

44
resources/views/livewire/admin/consultations/show.blade.php
View File

@ -311,7 +311,7 @@ new class extends Component
<div class="max-w-5xl mx-auto">
<div class="mb-6">
<flux:button href="{{ route('admin.consultations.index') }}" variant="ghost" icon="arrow-left" wire:navigate>
<flux:button href="{{ route('admin.consultations.index') }}" variant="outline" icon="arrow-left" wire:navigate>
{{ __('common.back') }}
</flux:button>
</div>
@ -321,7 +321,7 @@ new class extends Component
@if($consultation->status === \App\Enums\ConsultationStatus::Approved)
<div class="flex gap-2">
<flux:button wire:click="openRescheduleModal" variant="filled" icon="calendar">
<flux:button wire:click="openRescheduleModal" variant="outline" icon="calendar">
{{ __('admin.reschedule') }}
</flux:button>
</div>
@ -370,16 +370,16 @@ new class extends Component
<dt class="text-sm text-zinc-500">{{ __('admin.current_status') }}</dt>
<dd>
@php
$statusVariant = match($consultation->status) {
\App\Enums\ConsultationStatus::Pending => 'warning',
\App\Enums\ConsultationStatus::Approved => 'primary',
\App\Enums\ConsultationStatus::Completed => 'success',
\App\Enums\ConsultationStatus::Cancelled => 'danger',
\App\Enums\ConsultationStatus::NoShow => 'danger',
\App\Enums\ConsultationStatus::Rejected => 'danger',
$statusColor = match($consultation->status) {
\App\Enums\ConsultationStatus::Pending => 'amber',
\App\Enums\ConsultationStatus::Approved => 'sky',
\App\Enums\ConsultationStatus::Completed => 'green',
\App\Enums\ConsultationStatus::Cancelled => 'red',
\App\Enums\ConsultationStatus::NoShow => 'orange',
\App\Enums\ConsultationStatus::Rejected => 'rose',
};
@endphp
<flux:badge variant="{{ $statusVariant }}">
<flux:badge color="{{ $statusColor }}">
{{ $consultation->status->label() }}
</flux:badge>
</dd>
@ -387,7 +387,7 @@ new class extends Component
<div>
<dt class="text-sm text-zinc-500">{{ __('admin.consultation_type') }}</dt>
<dd>
<flux:badge variant="{{ $consultation->consultation_type === \App\Enums\ConsultationType::Paid ? 'primary' : 'outline' }}">
<flux:badge color="{{ $consultation->consultation_type === \App\Enums\ConsultationType::Paid ? 'indigo' : 'zinc' }}">
{{ $consultation->consultation_type->label() }}
</flux:badge>
</dd>
@ -430,13 +430,13 @@ new class extends Component
<dt class="text-sm text-zinc-500">{{ __('admin.payment_status') }}</dt>
<dd>
@php
$paymentVariant = match($consultation->payment_status) {
\App\Enums\PaymentStatus::Pending => 'warning',
\App\Enums\PaymentStatus::Received => 'success',
default => 'outline',
$paymentColor = match($consultation->payment_status) {
\App\Enums\PaymentStatus::Pending => 'amber',
\App\Enums\PaymentStatus::Received => 'green',
default => 'zinc',
};
@endphp
<flux:badge variant="{{ $paymentVariant }}">
<flux:badge color="{{ $paymentColor }}">
{{ $consultation->payment_status->label() }}
</flux:badge>
</dd>
@ -491,7 +491,7 @@ new class extends Component
@enderror
</flux:field>
<div class="mt-2 flex gap-2 justify-end">
<flux:button wire:click="cancelEditNote" variant="ghost" size="sm">
<flux:button wire:click="cancelEditNote" variant="outline" size="sm">
{{ __('common.cancel') }}
</flux:button>
<flux:button wire:click="updateNote" variant="primary" size="sm">
@ -510,7 +510,7 @@ new class extends Component
<span>{{ \Carbon\Carbon::parse($note['created_at'])->translatedFormat('d M Y, g:i A') }}</span>
</div>
<div class="mt-2 flex gap-2 justify-end">
<flux:button wire:click="startEditNote({{ $index }})" variant="ghost" size="sm">
<flux:button wire:click="startEditNote({{ $index }})" variant="outline" size="sm">
{{ __('common.edit') }}
</flux:button>
<flux:button
@ -560,7 +560,7 @@ new class extends Component
<div class="mt-4 pt-4 border-t border-zinc-200">
<flux:button
href="{{ route('admin.clients.consultation-history', $consultation->user) }}"
variant="ghost"
variant="outline"
size="sm"
class="w-full"
wire:navigate
@ -582,7 +582,7 @@ new class extends Component
<flux:button
wire:click="markCompleted"
wire:confirm="{{ __('admin.confirm_mark_completed') }}"
variant="filled"
variant="outline"
class="w-full"
icon="check-circle"
>
@ -592,7 +592,7 @@ new class extends Component
<flux:button
wire:click="markNoShow"
wire:confirm="{{ __('admin.confirm_mark_no_show') }}"
variant="ghost"
variant="outline"
class="w-full"
icon="x-circle"
>
@ -672,7 +672,7 @@ new class extends Component
</div>
<div class="mt-6 flex gap-2 justify-end">
<flux:button wire:click="closeRescheduleModal" variant="ghost">
<flux:button wire:click="closeRescheduleModal" variant="outline">
{{ __('common.cancel') }}
</flux:button>
<flux:button wire:click="reschedule" variant="primary" :disabled="!$newDate || !$newTime">

6
resources/views/livewire/admin/dashboard.blade.php
View File

@ -326,7 +326,7 @@ new class extends Component
<div class="flex gap-2">
<flux:button
wire:click="$set('chartPeriod', '6m')"
:variant="$chartPeriod === '6m' ? 'primary' : 'ghost'"
:variant="$chartPeriod === '6m' ? 'primary' : 'outline'"
size="sm"
class="flex-1 sm:flex-none"
>
@ -334,7 +334,7 @@ new class extends Component
</flux:button>
<flux:button
wire:click="$set('chartPeriod', '12m')"
:variant="$chartPeriod === '12m' ? 'primary' : 'ghost'"
:variant="$chartPeriod === '12m' ? 'primary' : 'outline'"
size="sm"
class="flex-1 sm:flex-none"
>
@ -361,7 +361,7 @@ new class extends Component
</div>
<flux:button
wire:click="setCustomRange"
:variant="$chartPeriod === 'custom' ? 'primary' : 'ghost'"
:variant="$chartPeriod === 'custom' ? 'primary' : 'outline'"
size="sm"
class="w-full sm:w-auto"
>

4
resources/views/livewire/admin/pages/edit.blade.php
View File

@ -61,7 +61,7 @@ new class extends Component
<div>
<div class="mb-6">
<flux:button variant="ghost" :href="route('admin.pages.index')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.pages.index')" wire:navigate icon="arrow-left">
{{ __('pages.back_to_pages') }}
</flux:button>
</div>
@ -131,7 +131,7 @@ new class extends Component
</div>
<div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
<flux:button variant="ghost" :href="route('admin.pages.index')" wire:navigate>
<flux:button variant="outline" :href="route('admin.pages.index')" wire:navigate>
{{ __('common.cancel') }}
</flux:button>
<flux:button type="button" wire:click="togglePreview">

4
resources/views/livewire/admin/posts/create.blade.php
View File

@ -124,7 +124,7 @@ new class extends Component
<div wire:poll.60s="autoSave">
<div class="mb-6">
<flux:button variant="ghost" :href="route('admin.posts.index')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.posts.index')" wire:navigate icon="arrow-left">
{{ __('posts.back_to_posts') }}
</flux:button>
</div>
@ -195,7 +195,7 @@ new class extends Component
</div>
<div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
<flux:button variant="ghost" :href="route('admin.posts.index')" wire:navigate>
<flux:button variant="outline" :href="route('admin.posts.index')" wire:navigate>
{{ __('common.cancel') }}
</flux:button>
<flux:button type="button" wire:click="preview">

4
resources/views/livewire/admin/posts/edit.blade.php
View File

@ -154,7 +154,7 @@ new class extends Component
<div wire:poll.60s="autoSave">
<div class="mb-6">
<flux:button variant="ghost" :href="route('admin.posts.index')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.posts.index')" wire:navigate icon="arrow-left">
{{ __('posts.back_to_posts') }}
</flux:button>
</div>
@ -242,7 +242,7 @@ new class extends Component
</flux:button>
</div>
<div class="flex items-center gap-4">
<flux:button variant="ghost" :href="route('admin.posts.index')" wire:navigate>
<flux:button variant="outline" :href="route('admin.posts.index')" wire:navigate>
{{ __('common.cancel') }}
</flux:button>
<flux:button type="button" wire:click="preview">

4
resources/views/livewire/admin/posts/index.blade.php
View File

@ -210,7 +210,7 @@ new class extends Component
@if($search || $statusFilter)
<div class="flex items-end">
<flux:button wire:click="clearFilters" variant="ghost">
<flux:button wire:click="clearFilters" variant="outline">
{{ __('common.clear') }}
</flux:button>
</div>
@ -282,7 +282,7 @@ new class extends Component
<div class="lg:w-48 flex flex-wrap gap-2">
<flux:button
href="{{ route('admin.posts.edit', $post) }}"
variant="filled"
variant="outline"
size="sm"
wire:navigate
>

4
resources/views/livewire/admin/potential-clients/create.blade.php
View File

@ -55,7 +55,7 @@ new class extends Component {
<div>
<div class="mb-6">
<flux:button variant="ghost" :href="route('admin.potential-clients.index')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.potential-clients.index')" wire:navigate icon="arrow-left">
{{ __('potential-clients.back_to_list') }}
</flux:button>
</div>
@ -160,7 +160,7 @@ new class extends Component {
</div>
<div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
<flux:button variant="ghost" :href="route('admin.potential-clients.index')" wire:navigate>
<flux:button variant="outline" :href="route('admin.potential-clients.index')" wire:navigate>
{{ __('potential-clients.cancel') }}
</flux:button>
<flux:button variant="primary" type="submit">

4
resources/views/livewire/admin/potential-clients/edit.blade.php
View File

@ -70,7 +70,7 @@ new class extends Component {
<div>
<div class="mb-6">
<flux:button variant="ghost" :href="route('admin.potential-clients.show', $potentialClient)" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.potential-clients.show', $potentialClient)" wire:navigate icon="arrow-left">
{{ __('potential-clients.back_to_details') }}
</flux:button>
</div>
@ -175,7 +175,7 @@ new class extends Component {
</div>
<div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6">
<flux:button variant="ghost" :href="route('admin.potential-clients.show', $potentialClient)" wire:navigate>
<flux:button variant="outline" :href="route('admin.potential-clients.show', $potentialClient)" wire:navigate>
{{ __('potential-clients.cancel') }}
</flux:button>
<flux:button variant="primary" type="submit">

12
resources/views/livewire/admin/potential-clients/index.blade.php
View File

@ -122,7 +122,7 @@ new class extends Component {
</flux:select>
</div>
@if ($search || $typeFilter)
<flux:button wire:click="clearFilters" variant="ghost" icon="x-mark">
<flux:button wire:click="clearFilters" variant="outline" icon="x-mark">
{{ __('potential-clients.clear_filters') }}
</flux:button>
@endif
@ -188,7 +188,7 @@ new class extends Component {
<td class="whitespace-nowrap px-6 py-4 text-end">
<div class="flex items-center justify-end gap-2">
<flux:button
variant="ghost"
variant="outline"
size="sm"
icon="eye"
:href="route('admin.potential-clients.show', $potentialClient)"
@ -196,7 +196,7 @@ new class extends Component {
:title="__('potential-clients.view')"
/>
<flux:button
variant="ghost"
variant="outline"
size="sm"
icon="pencil"
:href="route('admin.potential-clients.edit', $potentialClient)"
@ -204,7 +204,7 @@ new class extends Component {
:title="__('potential-clients.edit')"
/>
<flux:button
variant="ghost"
variant="outline"
size="sm"
icon="trash"
wire:click="confirmDelete({{ $potentialClient->id }})"
@ -227,7 +227,7 @@ new class extends Component {
@endif
</flux:text>
@if ($search || $typeFilter)
<flux:button wire:click="clearFilters" variant="ghost" class="mt-4">
<flux:button wire:click="clearFilters" variant="outline" class="mt-4">
{{ __('potential-clients.clear_filters') }}
</flux:button>
@else
@ -262,7 +262,7 @@ new class extends Component {
</div>
<div class="flex gap-2">
<flux:spacer />
<flux:button variant="ghost" wire:click="cancelDelete">
<flux:button variant="outline" wire:click="cancelDelete">
{{ __('potential-clients.cancel') }}
</flux:button>
<flux:button variant="danger" wire:click="delete">

4
resources/views/livewire/admin/potential-clients/show.blade.php
View File

@ -31,7 +31,7 @@ new class extends Component {
<div>
<div class="mb-6 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
<div>
<flux:button variant="ghost" :href="route('admin.potential-clients.index')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.potential-clients.index')" wire:navigate icon="arrow-left">
{{ __('potential-clients.back_to_list') }}
</flux:button>
</div>
@ -176,7 +176,7 @@ new class extends Component {
</div>
<div class="flex gap-2">
<flux:spacer />
<flux:button variant="ghost" wire:click="cancelDelete">
<flux:button variant="outline" wire:click="cancelDelete">
{{ __('potential-clients.cancel') }}
</flux:button>
<flux:button variant="danger" wire:click="delete">

6
resources/views/livewire/admin/timelines/create.blade.php
View File

@ -106,7 +106,7 @@ new class extends Component {
<div>
<div class="mb-6">
<flux:button variant="ghost" :href="route('admin.dashboard')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.dashboard')" wire:navigate icon="arrow-left">
{{ __('timelines.back_to_timelines') }}
</flux:button>
</div>
@ -128,7 +128,7 @@ new class extends Component {
<div class="font-medium text-zinc-900 ">{{ $selectedUser->full_name }}</div>
<div class="text-sm text-zinc-500 ">{{ $selectedUser->email }}</div>
</div>
<flux:button variant="ghost" size="sm" wire:click="clearSelection" icon="x-mark" />
<flux:button variant="outline" size="sm" wire:click="clearSelection" icon="x-mark" />
</div>
@else
<div class="relative">
@ -211,7 +211,7 @@ new class extends Component {
</flux:field>
<div class="flex items-center justify-end gap-4 border-t border-zinc-200 pt-6 ">
<flux:button variant="ghost" :href="route('admin.dashboard')" wire:navigate>
<flux:button variant="outline" :href="route('admin.dashboard')" wire:navigate>
{{ __('timelines.cancel') }}
</flux:button>
<flux:button variant="primary" type="submit">

4
resources/views/livewire/admin/timelines/export-timelines.blade.php
View File

@ -280,7 +280,7 @@ new class extends Component {
@if ($clientId || $status !== 'all' || $dateFrom || $dateTo || $includeUpdates)
<div class="mt-4">
<flux:button wire:click="clearFilters" variant="ghost" icon="x-mark" size="sm">
<flux:button wire:click="clearFilters" variant="outline" icon="x-mark" size="sm">
{{ __('export.clear_filters') }}
</flux:button>
</div>
@ -312,7 +312,7 @@ new class extends Component {
wire:click="exportPdf"
wire:loading.attr="disabled"
wire:target="exportCsv,exportPdf"
variant="filled"
variant="outline"
icon="document-text"
class="!bg-zinc-700 !text-white hover:!bg-zinc-800"
:disabled="$previewCount === 0"

8
resources/views/livewire/admin/timelines/index.blade.php
View File

@ -200,7 +200,7 @@ new class extends Component
</flux:field>
@if($search || $clientFilter || $statusFilter || $dateFrom || $dateTo)
<flux:button wire:click="clearFilters" variant="ghost">
<flux:button wire:click="clearFilters" variant="outline">
{{ __('common.clear') }}
</flux:button>
@endif
@ -288,7 +288,7 @@ new class extends Component
<!-- Updates Count -->
<div class="lg:w-20 text-center">
<flux:badge variant="outline" size="sm">
<flux:badge color="zinc" size="sm">
{{ $timeline->updates_count }}
</flux:badge>
</div>
@ -297,7 +297,7 @@ new class extends Component
<div class="lg:w-32 flex gap-2">
<flux:button
href="{{ route('admin.timelines.show', $timeline) }}"
variant="filled"
variant="outline"
size="sm"
wire:navigate
>
@ -305,7 +305,7 @@ new class extends Component
</flux:button>
<flux:dropdown>
<flux:button variant="ghost" size="sm" icon="ellipsis-vertical" />
<flux:button variant="outline" size="sm" icon="ellipsis-vertical" />
<flux:menu>
<flux:menu.item

8
resources/views/livewire/admin/timelines/show.blade.php
View File

@ -151,7 +151,7 @@ new class extends Component {
<div>
<div class="mb-6">
<flux:button variant="ghost" :href="route('admin.dashboard')" wire:navigate icon="arrow-left">
<flux:button variant="outline" :href="route('admin.dashboard')" wire:navigate icon="arrow-left">
{{ __('timelines.back_to_timelines') }}
</flux:button>
</div>
@ -244,7 +244,7 @@ new class extends Component {
<flux:button variant="primary" type="submit">
{{ __('timelines.save_edit') }}
</flux:button>
<flux:button variant="ghost" type="button" wire:click="cancelEdit">
<flux:button variant="outline" type="button" wire:click="cancelEdit">
{{ __('timelines.cancel') }}
</flux:button>
@else
@ -297,7 +297,7 @@ new class extends Component {
@if(!$editingUpdateId && $timeline->isActive())
<flux:button
variant="ghost"
variant="outline"
size="sm"
wire:click="editUpdate({{ $update->id }})"
icon="pencil"
@ -328,7 +328,7 @@ new class extends Component {
<div class="flex justify-end gap-3">
<flux:modal.close>
<flux:button variant="ghost">{{ __('timelines.cancel') }}</flux:button>
<flux:button variant="outline">{{ __('timelines.cancel') }}</flux:button>
</flux:modal.close>
<flux:button variant="danger" wire:click="archive" x-on:click="$flux.modal('archive-confirm').close()">
{{ __('timelines.archive') }}

4
resources/views/livewire/admin/users/export-users.blade.php
View File

@ -201,7 +201,7 @@ new class extends Component {
@if ($userType !== 'all' || $status !== 'all' || $dateFrom || $dateTo)
<div class="mt-4">
<flux:button wire:click="clearFilters" variant="ghost" icon="x-mark" size="sm">
<flux:button wire:click="clearFilters" variant="outline" icon="x-mark" size="sm">
{{ __('export.clear_filters') }}
</flux:button>
</div>
@ -233,7 +233,7 @@ new class extends Component {
wire:click="exportPdf"
wire:loading.attr="disabled"
wire:target="exportCsv,exportPdf"
variant="filled"
variant="outline"
icon="document-text"
class="!bg-zinc-700 !text-white hover:!bg-zinc-800"
:disabled="$previewCount === 0"

2
resources/views/livewire/auth/verify-email.blade.php
View File

@ -20,7 +20,7 @@
<form method="POST" action="{{ route('logout') }}">
@csrf
<flux:button variant="ghost" type="submit" class="text-sm cursor-pointer" data-test="logout-button">
<flux:button variant="outline" type="submit" class="text-sm cursor-pointer" data-test="logout-button">
{{ __('Log out') }}
</flux:button>
</form>

4
resources/views/livewire/availability-calendar.blade.php
View File

@ -158,13 +158,13 @@ new class extends Component
<div>
<!-- Calendar Header -->
<div class="flex items-center justify-between mb-4">
<flux:button size="sm" wire:click="previousMonth" variant="ghost">
<flux:button size="sm" wire:click="previousMonth" variant="outline">
<flux:icon name="chevron-{{ app()->getLocale() === 'ar' ? 'right' : 'left' }}" class="size-5" />
</flux:button>
<flux:heading size="lg" class="text-body">{{ $monthName }}</flux:heading>
<flux:button size="sm" wire:click="nextMonth" variant="ghost">
<flux:button size="sm" wire:click="nextMonth" variant="outline">
<flux:icon name="chevron-{{ app()->getLocale() === 'ar' ? 'left' : 'right' }}" class="size-5" />
</flux:button>
</div>

6
resources/views/livewire/client/dashboard.blade.php
View File

@ -78,7 +78,7 @@ new class extends Component {
</div>
<div class="pt-2">
<flux:button
variant="ghost"
variant="outline"
size="sm"
:href="route('client.consultations.index')"
wire:navigate
@ -134,7 +134,7 @@ new class extends Component {
@endif
<div class="pt-2">
<flux:button
variant="ghost"
variant="outline"
size="sm"
:href="route('client.timelines.index')"
wire:navigate
@ -174,7 +174,7 @@ new class extends Component {
</flux:text>
</div>
<flux:button
variant="ghost"
variant="outline"
size="xs"
:href="route('client.timelines.show', $update->timeline)"
wire:navigate

4
resources/views/livewire/client/timelines/index.blade.php
View File

@ -52,7 +52,7 @@ new class extends Component
</p>
</div>
<div class="flex items-center gap-2 flex-shrink-0">
<flux:badge variant="success">{{ __('client.active') }}</flux:badge>
<flux:badge color="green">{{ __('client.active') }}</flux:badge>
<flux:button size="sm" href="{{ route('client.timelines.show', $timeline) }}" class="min-h-[44px]">
{{ __('client.view') }}
</flux:button>
@ -88,7 +88,7 @@ new class extends Component
</div>
<div class="flex items-center gap-2 flex-shrink-0">
<flux:badge>{{ __('client.archived') }}</flux:badge>
<flux:button size="sm" variant="ghost" href="{{ route('client.timelines.show', $timeline) }}" class="min-h-[44px]">
<flux:button size="sm" variant="outline" href="{{ route('client.timelines.show', $timeline) }}" class="min-h-[44px]">
{{ __('client.view') }}
</flux:button>
</div>

2
resources/views/livewire/client/timelines/show.blade.php
View File

@ -25,7 +25,7 @@ new class extends Component
<p class="text-zinc-600 ">{{ __('client.reference') }}: {{ $timeline->case_reference }}</p>
@endif
</div>
<flux:badge :variant="$timeline->status->value === 'active' ? 'success' : 'default'">
<flux:badge :color="$timeline->status->value === 'active' ? 'green' : 'zinc'">
{{ __('client.' . $timeline->status->value) }}
</flux:badge>
</div>

2
resources/views/livewire/settings/delete-user-form.blade.php
View File

@ -48,7 +48,7 @@ new class extends Component {
<div class="flex justify-end space-x-2 rtl:space-x-reverse">
<flux:modal.close>
<flux:button variant="filled">{{ __('Cancel') }}</flux:button>
<flux:button variant="outline">{{ __('Cancel') }}</flux:button>
</flux:modal.close>
<flux:button variant="danger" type="submit" data-test="confirm-delete-user-button">

2
resources/views/livewire/settings/two-factor/recovery-codes.blade.php
View File

@ -90,7 +90,7 @@ new class extends Component {
<flux:button
x-show="showRecoveryCodes"
icon="arrow-path"
variant="filled"
variant="outline"
wire:click="regenerateRecoveryCodes"
>
{{ __('Regenerate Codes') }}