139 lines
6.3 KiB
PHP
139 lines
6.3 KiB
PHP
<div class="mx-auto">
|
|
{{-- Kartu Pasien Digital --}}
|
|
<div
|
|
class="relative bg-gradient-to-br from-blue-600 to-indigo-700 shadow-2xl p-8 rounded-3xl overflow-hidden text-white">
|
|
<div class="flex justify-between items-start mb-12">
|
|
<div>
|
|
<h2 class="font-bold text-xl tracking-tight">KARTU PASIEN DIGITAL</h2>
|
|
<p class="text-blue-100 text-xs">Klinik Digital System</p>
|
|
</div>
|
|
<flux:icon.credit-card class="opacity-50 size-8" />
|
|
</div>
|
|
|
|
<div class="space-y-4">
|
|
<div>
|
|
<p class="text-[10px] text-blue-200 uppercase tracking-widest">Nama Pasien</p>
|
|
<p class="font-black text-2xl">{{ auth()->user()->name }}</p>
|
|
</div>
|
|
<div class="flex gap-8">
|
|
<div>
|
|
<p class="text-[10px] text-blue-200 uppercase tracking-widest">NIK</p>
|
|
<p class="font-mono font-bold">{{ $patient->nik }}</p>
|
|
</div>
|
|
<div>
|
|
<p class="text-[10px] text-blue-200 uppercase tracking-widest">Gol. Darah</p>
|
|
<p class="font-bold">{{ $patient->blood_type ?? '-' }}</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="right-6 bottom-6 absolute bg-white shadow-lg p-2 rounded-xl">
|
|
<img src="https://quickchart.io/qr?text={{ $patient->nik }}&size=80" class="w-16 h-16">
|
|
</div>
|
|
</div>
|
|
|
|
{{-- Form Edit Data Lengkap --}}
|
|
<div class="mt-8">
|
|
<flux:card>
|
|
<form wire:submit="updateProfile" class="space-y-8">
|
|
<flux:heading size="lg">Update Informasi Profil</flux:heading>
|
|
|
|
{{-- Informasi Identitas --}}
|
|
<section class="space-y-4">
|
|
<flux:heading variant="subtle" class="text-xs uppercase tracking-wider">Informasi Identitas
|
|
</flux:heading>
|
|
<flux:separator variant="subtle" />
|
|
|
|
<div class="gap-4 grid grid-cols-1 md:grid-cols-2">
|
|
<flux:field label="Nama Lengkap">
|
|
<flux:input wire:model="name" disabled badge="Hanya Admin" />
|
|
</flux:field>
|
|
|
|
<flux:field label="NIK">
|
|
<flux:input wire:model="nik" disabled badge="Hanya Admin" />
|
|
</flux:field>
|
|
</div>
|
|
|
|
<div class="gap-4 grid grid-cols-1 md:grid-cols-2">
|
|
<flux:input wire:model="place_of_birth" label="Tempat Lahir" />
|
|
<flux:input wire:model="date_of_birth" type="date" label="Tanggal Lahir" />
|
|
</div>
|
|
|
|
<div class="gap-4 grid grid-cols-2">
|
|
<flux:select wire:model="gender" label="Jenis Kelamin">
|
|
<option value="L">Laki-laki</option>
|
|
<option value="P">Perempuan</option>
|
|
</flux:select>
|
|
|
|
<flux:select wire:model="blood_type" label="Golongan Darah">
|
|
<option value="A">A</option>
|
|
<option value="B">B</option>
|
|
<option value="AB">AB</option>
|
|
<option value="O">O</option>
|
|
<option value="-">-</option>
|
|
</flux:select>
|
|
</div>
|
|
</section>
|
|
|
|
{{-- Informasi Kontak --}}
|
|
<section class="space-y-4">
|
|
<flux:heading variant="subtle" class="text-xs uppercase tracking-wider">Kontak & Alamat
|
|
</flux:heading>
|
|
<flux:separator variant="subtle" />
|
|
|
|
<flux:input wire:model="phone" label="Nomor WhatsApp" icon="phone" />
|
|
<flux:textarea wire:model="address" label="Alamat Domisili Sekarang" rows="3" />
|
|
</section>
|
|
|
|
{{-- Penjamin --}}
|
|
<section class="space-y-4">
|
|
<flux:heading variant="subtle" class="text-xs uppercase tracking-wider">Metode Pembayaran
|
|
</flux:heading>
|
|
<flux:separator variant="subtle" />
|
|
|
|
<div class="gap-4 grid grid-cols-1 md:grid-cols-2">
|
|
<flux:select wire:model.live="insurance_type" label="Jenis Penjaminan">
|
|
<option value="Umum">Umum (Mandiri)</option>
|
|
<option value="BPJS">BPJS Kesehatan</option>
|
|
<option value="Asuransi Swasta">Asuransi Swasta</option>
|
|
</flux:select>
|
|
|
|
@if ($insurance_type !== 'Umum')
|
|
<flux:input wire:model="insurance_number" label="Nomor Kartu {{ $insurance_type }}" />
|
|
@endif
|
|
</div>
|
|
</section>
|
|
|
|
{{-- Kontak Darurat --}}
|
|
<section
|
|
class="space-y-4 bg-zinc-50 dark:bg-white/5 p-4 border border-zinc-200 dark:border-white/10 rounded-xl">
|
|
<flux:heading variant="subtle" class="text-xs uppercase tracking-wider">Kontak Darurat
|
|
</flux:heading>
|
|
<div class="gap-4 grid grid-cols-1 md:grid-cols-3">
|
|
<flux:input wire:model="emergency_contact_name" label="Nama" />
|
|
<flux:input wire:model="emergency_contact_relation" label="Hubungan" />
|
|
<flux:input wire:model="emergency_contact_phone" label="No. Telp" />
|
|
</div>
|
|
</section>
|
|
|
|
<div class="flex justify-end gap-3">
|
|
<flux:button type="submit" variant="primary">
|
|
Simpan Perubahan Profil
|
|
</flux:button>
|
|
</div>
|
|
</form>
|
|
</flux:card>
|
|
</div>
|
|
|
|
<div class="my-8 text-zinc-500 text-sm text-center">
|
|
Pastikan informasi di atas selalu diperbarui untuk memudahkan proses pelayanan di klinik.
|
|
</div>
|
|
|
|
<div class="flex justify-center">
|
|
<flux:button variant="primary" icon="printer" href="{{ route('patient.patients.print', $patient->id) }}"
|
|
target="_blank">
|
|
Unduh Kartu (PDF/Cetak)
|
|
</flux:button>
|
|
</div>
|
|
</div>
|