98 lines
4.6 KiB
PHP
98 lines
4.6 KiB
PHP
<div class="mx-auto">
|
|
<div class="mb-8">
|
|
<flux:heading size="xl">Lengkapi Profil Pengunjung</flux:heading>
|
|
<flux:subheading>Mohon lengkapi data medis Anda untuk mendapatkan layanan kesehatan kami.</flux:subheading>
|
|
</div>
|
|
|
|
<form wire:submit="save" class="space-y-8">
|
|
{{-- Seksi Identitas Dasar --}}
|
|
<section class="space-y-4">
|
|
<flux:heading variant="subtle" class="uppercase tracking-wider">Informasi Identitas</flux:heading>
|
|
<flux:separator variant="subtle" />
|
|
|
|
<div class="gap-4 grid grid-cols-1 md:grid-cols-2">
|
|
<flux:input wire:model="nik" label="NIK (Sesuai KTP)" placeholder="16 digit angka"
|
|
mask="9999999999999999" />
|
|
|
|
<div class="gap-4 grid grid-cols-2">
|
|
<flux:select wire:model="gender" label="Jenis Kelamin">
|
|
<option value="">Pilih...</option>
|
|
<option value="L">Laki-laki</option>
|
|
<option value="P">Perempuan</option>
|
|
</flux:select>
|
|
|
|
<flux:select wire:model="blood_type" label="Golongan Darah">
|
|
<option value="">Pilih...</option>
|
|
<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>
|
|
</div>
|
|
|
|
<div class="gap-4 grid grid-cols-1 md:grid-cols-2">
|
|
<flux:input wire:model="place_of_birth" label="Tempat Lahir" placeholder="Contoh: Jakarta" />
|
|
<flux:input wire:model="date_of_birth" type="date" label="Tanggal Lahir" />
|
|
</div>
|
|
</section>
|
|
|
|
{{-- Seksi Kontak --}}
|
|
<section class="space-y-4">
|
|
<flux:heading variant="subtle" class="uppercase tracking-wider">Informasi Kontak</flux:heading>
|
|
<flux:separator variant="subtle" />
|
|
|
|
<flux:input wire:model="phone" label="Nomor Telepon/WhatsApp" icon="phone" placeholder="0812xxxx" />
|
|
<flux:textarea wire:model="address" label="Alamat Domisili Sekarang"
|
|
placeholder="Tuliskan alamat lengkap beserta kode pos..." />
|
|
</section>
|
|
|
|
{{-- Seksi 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="uppercase tracking-wider">Kontak Darurat (Opsional)</flux:heading>
|
|
|
|
<div class="gap-4 grid grid-cols-1 md:grid-cols-3">
|
|
<flux:input wire:model="emergency_contact_name" label="Nama Lengkap" />
|
|
<flux:input wire:model="emergency_contact_relation" label="Hubungan"
|
|
placeholder="Misal: Istri, Ayah, dll" />
|
|
<flux:input wire:model="emergency_contact_phone" label="No. Telepon" />
|
|
</div>
|
|
</section>
|
|
|
|
{{-- Letakkan setelah Seksi Kontak --}}
|
|
<section class="space-y-4">
|
|
<flux:heading variant="subtle" class="uppercase tracking-wider">Metode Pembayaran / Penjamin</flux:heading>
|
|
<flux:separator variant="subtle" />
|
|
|
|
<div class="items-start gap-6 grid grid-cols-1 md:grid-cols-2">
|
|
{{-- Pilihan Jenis Penjamin --}}
|
|
<flux:field>
|
|
<flux:label>Jenis Penjaminan</flux:label>
|
|
<flux:select wire:model.live="insurance_type">
|
|
<option value="Umum">Umum (Mandiri)</option>
|
|
<option value="BPJS">BPJS Kesehatan</option>
|
|
<option value="Asuransi Swasta">Asuransi Swasta</option>
|
|
</flux:select>
|
|
</flux:field>
|
|
|
|
{{-- Input Nomor Kartu (Hanya muncul jika bukan Umum) --}}
|
|
@if ($insurance_type !== 'Umum')
|
|
<flux:field transition>
|
|
<flux:input wire:model="insurance_number" label="Nomor Kartu {{ $insurance_type }}"
|
|
placeholder="Masukkan nomor kartu peserta..." />
|
|
<flux:error name="insurance_number" />
|
|
</flux:field>
|
|
@endif
|
|
</div>
|
|
</section>
|
|
|
|
<div class="flex justify-end gap-3">
|
|
<flux:button type="submit" variant="primary" class="px-8">
|
|
Simpan Profil & Lanjutkan
|
|
</flux:button>
|
|
</div>
|
|
</form>
|
|
</div>
|