62 lines
3.5 KiB
PHP
62 lines
3.5 KiB
PHP
<x-guest-layout>
|
|
<div class="flex justify-center mt-[-2rem] py-12 md:py-20">
|
|
{{-- Card Utama --}}
|
|
<div class="bg-white dark:bg-zinc-900 shadow-2xl border border-zinc-200 dark:border-zinc-800 rounded-3xl w-full max-w-md overflow-hidden">
|
|
{{-- Header Status --}}
|
|
<div class="bg-{{ $site->accent ?? 'emerald' }}-600 p-6 text-center">
|
|
<div class="inline-flex justify-center items-center bg-white/20 mb-3 rounded-full w-16 h-16">
|
|
<svg class="w-8 h-8 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="3" d="M5 13l4 4L19 7"></path>
|
|
</svg>
|
|
</div>
|
|
<h2 class="font-black text-white text-xl uppercase tracking-widest">Terverifikasi</h2>
|
|
</div>
|
|
|
|
{{-- Data Pasien --}}
|
|
<div class="space-y-6 p-8">
|
|
<div class="text-center">
|
|
<p class="mb-1 font-bold text-zinc-400 dark:text-zinc-500 text-xs uppercase tracking-widest">Nama Pasien</p>
|
|
<h3 class="font-black text-zinc-800 dark:text-white text-2xl uppercase leading-tight">
|
|
{{ $patient->user->name }}
|
|
</h3>
|
|
</div>
|
|
|
|
<div class="gap-4 grid grid-cols-2 pt-4 border-zinc-200 dark:border-zinc-700 border-t border-dashed">
|
|
<div>
|
|
<p class="font-bold text-[10px] text-zinc-400 dark:text-zinc-500 uppercase">NIK</p>
|
|
<p class="font-mono text-zinc-700 dark:text-zinc-300 text-sm">
|
|
{{ substr($patient->nik, 0, 10) }}******
|
|
</p>
|
|
</div>
|
|
<div class="text-right">
|
|
<p class="font-bold text-[10px] text-zinc-400 dark:text-zinc-500 uppercase">Jenis Kelamin</p>
|
|
<p class="font-bold text-zinc-700 dark:text-zinc-300 text-sm">
|
|
{{ $patient->gender == 'L' ? 'Laki-laki' : 'Perempuan' }}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="pt-4 border-zinc-200 dark:border-zinc-700 border-t border-dashed">
|
|
<p class="mb-1 font-bold text-[10px] text-zinc-400 dark:text-zinc-500 uppercase">Terdaftar Pada</p>
|
|
<p class="font-medium text-zinc-700 dark:text-zinc-300 text-sm">
|
|
{{ $patient->created_at->format('d F Y') }}
|
|
</p>
|
|
</div>
|
|
|
|
{{-- Info Box --}}
|
|
<div class="flex items-start gap-3 bg-zinc-50 dark:bg-zinc-800/50 mt-4 p-4 border border-zinc-100 dark:border-zinc-800 rounded-2xl">
|
|
<flux:icon.information-circle variant="mini" class="text-{{ $site->accent ?? 'emerald' }}-600 mt-0.5" />
|
|
<p class="text-[11px] text-zinc-600 dark:text-zinc-400 italic leading-tight">
|
|
Data ini ditarik secara realtime dari database sistem informasi {{ $site->name ?? 'Klinik' }}.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Footer Card --}}
|
|
<div class="bg-zinc-50 dark:bg-zinc-800/20 p-4 border-zinc-100 dark:border-zinc-800 border-t text-center">
|
|
<p class="font-medium text-[9px] text-zinc-400 uppercase tracking-tighter">Verified Digital Document</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</x-guest-layout>
|