You've already forked Atomcms-edit
root
163 lines
7.7 KiB
PHP
Executable File
163 lines
7.7 KiB
PHP
Executable File
<!doctype html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport"
|
|
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<title>{{ setting('hotel_name') }} - {{ __('Maintenance') }}</title>
|
|
|
|
<link rel="stylesheet" href="https://unpkg.com/flowbite@1.5.1/dist/flowbite.min.css"/>
|
|
<script src="https://unpkg.com/flowbite@1.5.1/dist/flowbite.js"></script>
|
|
|
|
@vite(['resources/themes/' . setting('theme') . '/css/app.css', 'resources/themes/' . setting('theme') . '/js/app.js'], 'build')
|
|
</head>
|
|
|
|
<body class="h-screen overflow-hidden relative bg-[#233143]">
|
|
<x-messages.flash-messages/>
|
|
|
|
<div class="w-full h-full flex">
|
|
<div class="bg-[#111827] w-96 h-full py-10 hidden lg:flex lg:flex-col items-center gap-10 relative px-6">
|
|
<div>
|
|
<img src="{{ setting('cms_logo') }}" alt="">
|
|
</div>
|
|
|
|
<div class="flex flex-col gap-2 w-full relative z-10">
|
|
@foreach($tasks as $task)
|
|
<div
|
|
class="relative h-[80px] w-full overflow-hidden bg-[#233143] py-2 pr-2 transition duration-150 ease-in-out hover:scale-[101%] text-gray-100">
|
|
<div class="flex h-full w-full items-center gap-x-6">
|
|
<div>
|
|
@if($task->user)
|
|
<img
|
|
class="drop-shadow-thin -mb-8 transition duration-300 ease-in-out"
|
|
style="image-rendering: auto"
|
|
src="{{ setting('avatar_imager') }}{{ $task->user->look }}&direction=3&head_direction=3&gesture=sml&action=wav&frame=0"
|
|
alt=""/>
|
|
@else
|
|
<div class="w-16 h-16 bg-gray-600 rounded-full flex items-center justify-center">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-8 w-8 text-gray-400" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z" />
|
|
</svg>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
|
|
<div class="flex h-full w-2/3 items-center break-words">
|
|
{{ $task->task }}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="absolute bottom-2 right-2 flex justify-between w-full">
|
|
<small class="pl-24">{{ __('By: :user', ['user' => $task->user?->username]) }}</small>
|
|
@if(auth()->check() && auth()->user()->rank >= setting('min_staff_rank'))
|
|
<div onclick="event.stopPropagation()">
|
|
@livewire(\App\Livewire\MaintenanceTaskStatus::class, ['taskId' => $task->id, 'completed' => $task->completed])
|
|
</div>
|
|
@else
|
|
@if($task->completed)
|
|
<small class="flex gap-1 items-center">
|
|
{{ __('Status:') }}
|
|
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-5 h-5 text-green-400">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" />
|
|
</svg>
|
|
</small>
|
|
@else
|
|
<small class="flex gap-1 items-center">
|
|
{{ __('Status:') }}
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-5 w-5 text-yellow-400" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
|
<path stroke-linecap="round" stroke-linejoin="round" d="M12 8v4m0 4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"/>
|
|
</svg>
|
|
</small>
|
|
@endif
|
|
@endif
|
|
</div>
|
|
</div>
|
|
@endforeach
|
|
|
|
{{ $tasks->links() }}
|
|
</div>
|
|
|
|
<div class="absolute bottom-0 right-0 hidden lg:block z-0">
|
|
<img src="/assets/images/maintenance/fireman.png" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="px-4 lg:px-14 text-gray-100 h-full flex flex-col justify-center relative z-10">
|
|
|
|
<h2 class="text-4xl lg:text-5xl font-bold uppercase">{{ __('Maintenance break!') }}</h2>
|
|
|
|
@php
|
|
$scheduledAt = setting('maintenance_scheduled_at');
|
|
$duration = (int) setting('maintenance_duration_minutes', 30);
|
|
$endTime = $scheduledAt ? \Carbon\Carbon::parse($scheduledAt)->addMinutes($duration) : null;
|
|
$isScheduled = $endTime && $endTime->isFuture();
|
|
@endphp
|
|
|
|
@if($isScheduled)
|
|
<div class="mt-6 p-4 bg-amber-600/20 border border-amber-500/30 rounded-lg">
|
|
<p class="text-amber-300 text-sm uppercase tracking-wider mb-2">{{ __('Estimated completion') }}</p>
|
|
<div id="countdown" class="text-3xl font-mono font-bold text-amber-400" data-end="{{ $endTime->timestamp }}">
|
|
--:--:--
|
|
</div>
|
|
<p class="text-amber-300/70 text-xs mt-1">{{ $endTime->format('M d, Y H:i') }}</p>
|
|
</div>
|
|
|
|
<script>
|
|
function updateCountdown() {
|
|
const countdownEl = document.getElementById('countdown');
|
|
if (!countdownEl) return;
|
|
|
|
const endTime = parseInt(countdownEl.dataset.end) * 1000;
|
|
const now = Date.now();
|
|
const diff = endTime - now;
|
|
|
|
if (diff <= 0) {
|
|
countdownEl.textContent = '00:00:00';
|
|
return;
|
|
}
|
|
|
|
const hours = Math.floor(diff / (1000 * 60 * 60));
|
|
const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
|
|
const seconds = Math.floor((diff % (1000 * 60)) / 1000);
|
|
|
|
countdownEl.textContent =
|
|
String(hours).padStart(2, '0') + ':' +
|
|
String(minutes).padStart(2, '0') + ':' +
|
|
String(seconds).padStart(2, '0');
|
|
}
|
|
|
|
updateCountdown();
|
|
setInterval(updateCountdown, 1000);
|
|
</script>
|
|
@endif
|
|
|
|
<article class="mt-4 text-lg lg:text-xl max-w-[600px] text-wrap">
|
|
<p>{!! setting('maintenance_message') !!}</p>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
|
|
<img class="absolute bottom-0 right-0 opacity-60 hidden lg:block z-0" src="/assets/images/maintenance/hotelview.png" alt="">
|
|
|
|
@guest
|
|
<div class="absolute top-6 right-6 z-50">
|
|
<x-modals.modal-wrapper>
|
|
<button @click="open = !open"
|
|
class="rounded-full bg-white/70 px-4 py-2 font-semibold text-black transition duration-200 ease-in-out hover:bg-white">
|
|
{{ __('Staff login') }}
|
|
</button>
|
|
|
|
<x-modals.regular-modal x-model="show {{ session()->get('wrong-auth') }}">
|
|
<x-auth.login-form/>
|
|
</x-modals.regular-modal>
|
|
</x-modals.modal-wrapper>
|
|
</div>
|
|
@endguest
|
|
</body>
|
|
|
|
<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" defer></script>
|
|
|
|
</html>
|