You've already forked Atomcms-edit
root
87 lines
3.4 KiB
PHP
Executable File
87 lines
3.4 KiB
PHP
Executable File
<div class="relative flex min-h-[13rem] h-52 w-full items-center justify-center header-bg"
|
|
style="background: url({{ setting('cms_header') }});">
|
|
<div class="absolute h-full w-full bg-black/50"></div>
|
|
|
|
@auth
|
|
<div class="relative flex h-full w-full max-w-7xl items-center justify-center pr-10 md:justify-between">
|
|
<div class="flex items-center gap-x-4">
|
|
<a href="{{ route('me.show') }}" class="ml-7">
|
|
<img class=" transition duration-300 ease-in-out hover:scale-105"
|
|
src="{{ setting('cms_logo') }}" alt="Hotel logo">
|
|
</a>
|
|
|
|
<div
|
|
class="hidden md:flex items-center px-4 rounded-md relative h-[50px]"
|
|
style="background-color: var(--color-surface); color: var(--color-text)">
|
|
<div class="absolute -left-1 h-6 w-6 rotate-45" style="background-color: var(--color-surface)"></div>
|
|
|
|
<span class="relative ">
|
|
{{ __(':online :hotel online', ['online' => cache()->remember('online_user_count', 30, fn() => DB::table('users')->where('online', '1')->count()),'hotel' => setting('hotel_name')]) }}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="flex flex-col gap-y-2 md:flex-row md:gap-x-4">
|
|
<a data-turbolinks="false" href="{{ route('nitro-client') }}">
|
|
<button
|
|
class="font-bold py-3 px-6 rounded-xl shadow-xl border-2 transition-all duration-300 hover:scale-110 hover:shadow-2xl text-base tracking-wide"
|
|
style="background-color: var(--button-color); color: var(--button-text-color); border-color: rgba(255,255,255,0.3);">
|
|
<span class="flex items-center gap-2">
|
|
<i class="fa-solid fa-gamepad"></i>
|
|
<span class="-md">{{ __('Nitro client') }}</span>
|
|
</span>
|
|
</button>
|
|
</a>
|
|
|
|
@if (config('habbo.client.flash_enabled'))
|
|
<a data-turbolinks="false" href="{{ route('flash-client') }}">
|
|
<button
|
|
class="font-bold py-3 px-6 rounded-xl shadow-xl border-2 transition-all duration-300 hover:scale-110 hover:shadow-2xl text-base tracking-wide"
|
|
style="background-color: var(--button-color); color: var(--button-text-color); border-color: rgba(255,255,255,0.3);">
|
|
<span class="flex items-center gap-2">
|
|
<i class="fa-solid fa-bolt"></i>
|
|
<span class="-md">{{ __('Flash client') }}</span>
|
|
</span>
|
|
</button>
|
|
</a>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endauth
|
|
|
|
@guest
|
|
<x-modals.modal-wrapper>
|
|
<div class="flex justify-center">
|
|
<div class="font-semibold flex-col md:w-[600px] " style="color: var(--color-text)">
|
|
<p class="hidden text-center text-xl md:block " style="color: var(--color-text)">
|
|
{{ __('An online virtual world where you can create your own avatar, make friends, chat, create rooms and much more!') }}
|
|
</p>
|
|
|
|
<div class="flex flex-col items-center justify-center gap-x-6 gap-y-4 md:mt-6 md:flex-row md:gap-y-0">
|
|
<button type="button" x-on:click="open = true"
|
|
class="rounded-full border-2 px-8! py-2! uppercase transition! duration-200! ease-in-out!"
|
|
style="border-color: var(--color-primary); background-color: var(--color-primary); color: var(--button-text-color)">
|
|
{{ __('Login') }}
|
|
</button>
|
|
|
|
<p class="text-sm uppercase " style="color: var(--color-text-muted)">{{ __('Or') }}</p>
|
|
|
|
<a data-turbolinks="false" href="{{ route('register') }}">
|
|
<button
|
|
class="uppercase px-8! py-2.5! rounded-full transition! ease-in-out! duration-200!"
|
|
style="background-color: var(--color-accent); color: #ffffff;">
|
|
{{ __('Create an account') }}
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<x-modals.regular-modal x-model="show {{ session()->get('wrong-auth') }}">
|
|
<x-auth.login-form />
|
|
</x-modals.regular-modal>
|
|
</x-modals.modal-wrapper>
|
|
|
|
@endguest
|
|
</div>
|