si-klinik/sk-klinik.my.id/resources/views/errors/maintenance.blade.php

72 lines
2.9 KiB
PHP

<!DOCTYPE html>
<html lang="id">
<head>
@include('partials.head')
</head>
<body class="flex justify-center items-center bg-zinc-50 dark:bg-zinc-900 p-6 min-h-screen">
<div class="w-full max-w-lg">
<flux:card class="space-y-6 shadow-xl p-8 border-t-4 border-t-{{ $site->accent }}-500 text-center">
{{-- Icon Section --}}
<div class="flex justify-center">
<div class="bg-{{ $site->accent }}-50 dark:bg-{{ $site->accent }}-900/20 p-4 rounded-2xl">
<flux:icon.wrench-screwdriver variant="outline" class="size-12 text-{{ $site->accent }}-600" />
</div>
</div>
{{-- Text Section --}}
<div class="space-y-2">
<flux:heading size="xl" level="1">Mode Pemeliharaan Aktif</flux:heading>
<flux:subheading size="lg">
Kami sedang melakukan pembaruan sistem untuk meningkatkan layanan di
<strong>{{ \App\Models\Setting::get('site_name') }}</strong>.
</flux:subheading>
</div>
<flux:separator variant="faint" />
{{-- Info Kontak Menggunakan Flux --}}
<div class="space-y-4 text-left">
<p class="font-medium text-zinc-500 text-sm text-center uppercase tracking-widest">Kontak Darurat</p>
<div
class="flex items-center gap-4 bg-zinc-50 dark:bg-white/5 p-4 border border-zinc-200 dark:border-white/10 rounded-xl">
<flux:icon.phone variant="mini" class="text-zinc-400" />
<div>
<p class="font-semibold text-sm">{{ \App\Models\Setting::get('clinic_phone') }}</p>
<p class="text-zinc-500 text-xs">Hubungi via WhatsApp / Telepon</p>
</div>
</div>
<div
class="flex items-center gap-4 bg-zinc-50 dark:bg-white/5 p-4 border border-zinc-200 dark:border-white/10 rounded-xl">
<flux:icon.map-pin variant="mini" class="text-zinc-400" />
<div class="flex-1">
<p class="font-semibold text-sm">Lokasi Klinik</p>
<p class="text-zinc-500 text-xs wrap-break-word leading-relaxed">
{{ \App\Models\Setting::get('clinic_address') }}
</p>
</div>
</div>
</div>
{{-- Action --}}
<div class="pt-4">
<flux:button href="/login" variant="ghost" size="sm" icon="key">
Admin Login
</flux:button>
</div>
</flux:card>
<p class="mt-8 text-zinc-400 text-xs text-center uppercase tracking-wider">
&copy; {{ date('Y') }} {{ \App\Models\Setting::get('site_name') }}
</p>
</div>
@fluxScripts
</body>
</html>