93 lines
5.1 KiB
PHP
93 lines
5.1 KiB
PHP
<div
|
|
class="relative z-[51] min-h-[67px] sm:h-[67px] items-center justify-between border-b border-slate-200 flex flex-col sm:flex-row py-2 sm:py-0">
|
|
<div class="left-top-bar px-4 md:px-0 w-full md:w-auto md:block hidden">
|
|
<!-- BEGIN: Breadcrumb -->
|
|
<nav id="left-quick-access-pc" class="flex-wrap gap-2 sm:gap-4 mr-auto lg:flex hidden">
|
|
<!-- Hỗ trợ -->
|
|
<a href="{{ route('ticket') }}" wire:navigate
|
|
class="animate__animated animate__fadeInLeft items-center gap-2 text-sm text-primary hover:text-primary bg-white shadow-lg rounded-lg p-2 transition-transform duration-300 hover:translate-y-[10%] flex">
|
|
<i class="fas fa-life-ring text-lg"></i>
|
|
<div><span>{{ __('support') }}</span></div>
|
|
</a>
|
|
|
|
<!-- Giao dịch -->
|
|
<a href="{{ route('recharge.history') }}"
|
|
class="animate__animated animate__fadeInLeft items-center gap-2 text-sm text-primary hover:text-primary bg-white shadow-lg rounded-lg p-2 transition-transform duration-300 hover:translate-y-[10%] flex">
|
|
<i class="fas fa-exchange-alt text-lg"></i>
|
|
<div><span>{{ __('Giao dịch') }}</span></div>
|
|
</a>
|
|
|
|
<!-- Tạo VPS (dropdown) -->
|
|
<div class="relative group">
|
|
<a href="#"
|
|
class="animate__animated animate__fadeInLeft items-center gap-2 text-sm text-primary hover:text-primary bg-white shadow-lg rounded-lg p-2 transition-transform duration-300 hover:translate-y-[10%] flex">
|
|
<i class="fas fa-cloud text-lg"></i>
|
|
<div><span>{{ __('Tạo VPS') }}</span></div>
|
|
</a>
|
|
<div
|
|
class="absolute hidden group-hover:block bg-white shadow-md rounded mt-2 w-48 z-10 left-0 lg:left-auto lg:right-0">
|
|
<a href="#" class="block px-4 py-2 hover:bg-gray-100 text-sm">Tạo VPS VN</a>
|
|
<a href="#" class="block px-4 py-2 hover:bg-gray-100 text-sm">Tạo VPS GPU VN</a>
|
|
<a href="#" class="block px-4 py-2 hover:bg-gray-100 text-sm">Tạo VPS US loại 1</a>
|
|
<a href="#" class="block px-4 py-2 hover:bg-gray-100 text-sm">Tạo VPS UK</a>
|
|
<a href="#" class="block px-4 py-2 hover:bg-gray-100 text-sm">Tạo VPS US loại 2</a>
|
|
<a href="#" class="block px-4 py-2 hover:bg-gray-100 text-sm">Tạo VPS SINGAPORE</a>
|
|
<a href="#" class="block px-4 py-2 hover:bg-gray-100 text-sm">Tạo VPS Hong Kong</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Dedicated Server -->
|
|
<a href="#"
|
|
class="animate__animated animate__fadeInLeft items-center gap-2 text-sm text-primary hover:text-primary bg-white shadow-lg rounded-lg p-2 transition-transform duration-300 hover:translate-y-[10%] flex">
|
|
<i class="fas fa-server text-lg"></i>
|
|
<div><span>{{ __('Dedicated Server') }}</span></div>
|
|
</a>
|
|
<!-- Hosting -->
|
|
<a href="#"
|
|
class="animate__animated animate__fadeInLeft items-center gap-2 text-sm text-primary hover:text-primary bg-white shadow-lg rounded-lg p-2 transition-transform duration-300 hover:translate-y-[10%] flex">
|
|
<i class="fas fa-database text-lg"></i>
|
|
<div><span>{{ __('Hosting') }}</span></div>
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
|
|
<div class="right-top-bar px-4 md:px-0 w-full sm:w-auto">
|
|
<!-- BEGIN: Breadcrumb -->
|
|
<nav id="right-access-account" class="flex gap-2 sm:gap-4 mr-auto items-center justify-end sm:justify-end">
|
|
<div class="md:hidden block">
|
|
<i data-lucide="menu" class="w-6 h-6"></i>
|
|
</div>
|
|
<div class="hidden lg:flex flex-wrap gap-2 sm:gap-4">
|
|
|
|
<!-- Số dư -->
|
|
<div
|
|
class="animate__animated animate__fadeInLeft items-center gap-2 text-sm text-primary hover:text-primary bg-white shadow-lg rounded-lg p-2 transition-transform duration-300 hover:translate-y-[10%] flex">
|
|
<div class="flex gap-2 items-center">
|
|
<span>
|
|
{{ __('balance') }}
|
|
</span>
|
|
<span class="text-red-600 font-bold">
|
|
{{ format_price(auth('users')->user()->credit ?? 0) }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- Mobile Info Cards -->
|
|
<div class="lg:hidden flex flex-wrap gap-2 justify-end w-full mt-2">
|
|
<!-- Mobile Balance -->
|
|
<div class="bg-white shadow-md rounded-lg p-2 text-center min-w-[80px]">
|
|
<div class="text-xs text-gray-600">{{ __('balance') }}</div>
|
|
<div class="text-sm font-bold text-red-600">{{ format_price(auth('users')->user()->credit ?? 0) }}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@include('frontend.layouts.partials.account')
|
|
|
|
</nav>
|
|
<!-- END: Breadcrumb -->
|
|
</div>
|
|
|
|
</div>
|