66 lines
3.1 KiB
PHP
66 lines
3.1 KiB
PHP
<div x-data="{ open: false }" class="relative intro-x w-8 h-8">
|
|
<!-- Avatar -->
|
|
<button @click="open = !open" @click.away="open = false"
|
|
class="w-8 h-8 rounded-full overflow-hidden shadow-lg image-fit zoom-in focus:outline-none">
|
|
<img src="{{ asset(customer()?->avatar) ?? asset('images/avatar.png') }}" alt="Avatar">
|
|
</button>
|
|
|
|
<!-- Dropdown -->
|
|
<div x-show="open" x-cloak x-transition:enter="transition ease-out duration-200"
|
|
x-transition:enter-start="opacity-0 scale-95" x-transition:enter-end="opacity-100 scale-100"
|
|
x-transition:leave="transition ease-in duration-100" x-transition:leave-start="opacity-100 scale-100"
|
|
x-transition:leave-end="opacity-0 scale-95"
|
|
class="absolute right-0 mt-2 w-64 bg-primary text-white rounded-lg shadow-lg z-50" @click.away="open = false">
|
|
<ul class="py-2 text-sm">
|
|
<li class="px-4 py-2 border-b border-white/10">
|
|
<div class="font-medium">{{ customer()?->firstname }} {{ customer()?->lastname }}
|
|
|
|
</div>
|
|
<div class="text-xs text-white/70">{{ customer()?->email }}
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('user.information') }}" class="flex items-center px-4 py-2 hover:bg-white/10"
|
|
wire:navigate>
|
|
<i data-lucide="user" class="w-4 h-4 mr-2"></i> Thông tin cá nhân
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('recharge.index') }}" class="flex items-center px-4 py-2 hover:bg-white/10"
|
|
wire:navigate>
|
|
<i data-lucide="dollar-sign" class="w-4 h-4 mr-2"></i>
|
|
Nạp tiền
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('user.password') }}" class="flex items-center px-4 py-2 hover:bg-white/10"
|
|
wire:navigate>
|
|
<i data-lucide="lock" class="w-4 h-4 mr-2"></i> Đổi mật khẩu
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('recharge.history') }}" class="flex items-center px-4 py-2 hover:bg-white/10"
|
|
wire:navigate>
|
|
<i data-lucide="minimize-2" class="w-4 h-4 mr-2"></i> Giao dịch
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#" target="_blank" class="flex items-center px-4 py-2 hover:bg-white/10">
|
|
<i data-lucide="bookmark" class="w-4 h-4 mr-2"></i> Hướng dẫn
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{{ route('ticket') }}" class="flex items-center px-4 py-2 hover:bg-white/10" wire:navigate>
|
|
<i data-lucide="help-circle" class="w-4 h-4 mr-2"></i> Tickets
|
|
</a>
|
|
</li>
|
|
<li class="border-t border-white/10 my-2"></li>
|
|
<li>
|
|
<a href="{{ route('user.logout') }}" class="flex items-center px-4 py-2 hover:bg-white/10">
|
|
<i data-lucide="log-out" class="w-4 h-4 mr-2"></i> Đăng xuất
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|