@php
    use App\Helpers\LabReference;
@endphp

@extends('layouts.admin-apoteker')

@section('title', 'Edit Pasien')

@section('content')
<div class="max-w-6xl mx-auto p-6 bg-white dark:bg-gray-800 rounded shadow space-y-6">
    <h1 class="text-2xl font-bold text-gray-800 dark:text-white">✏️ Edit Data Pasien</h1>

    <form action="{{ route('patients.update', $patient->id) }}" method="POST" class="space-y-6">
        @csrf
        @method('PUT')

        {{-- 👤 Data Dasar (readonly dari user) --}}
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <x-form.input name="nama_lengkap" label="Nama Lengkap" :value="$patient->user->name ?? '-'" readonly />
                      <x-form.input name="umur" label="Umur Saat Kunjungan" :value="$patient->umur" readonly />
            <x-form.select name="golongan_darah" label="Golongan Darah" :options="['A'=>'A','B'=>'B','AB'=>'AB','O'=>'O']" :selected="$patient->golongan_darah" />
            <x-form.input name="tinggi_cm" label="Tinggi Badan (cm)" type="number" step="0.01" :value="$patient->tinggi_cm" />
            <x-form.input name="berat_kg" label="Berat Badan (kg)" type="number" step="0.01" :value="$patient->berat_kg" />
        </div>

        {{-- 📖 Riwayat --}}
        <x-form.textarea name="riwayat_penyakit" label="Riwayat Penyakit">{{ old('riwayat_penyakit', $patient->riwayat_penyakit) }}</x-form.textarea>
        <x-form.textarea name="riwayat_alergi" label="Riwayat Alergi">{{ old('riwayat_alergi', $patient->riwayat_alergi) }}</x-form.textarea>
        <x-form.textarea name="obat_sekarang" label="Obat yang Sedang Dikonsumsi">{{ old('obat_sekarang', $patient->obat_sekarang) }}</x-form.textarea>
        <x-form.textarea name="obat_dulu" label="Riwayat Obat Sebelumnya">{{ old('obat_dulu', $patient->obat_dulu) }}</x-form.textarea>

        {{-- 👨‍⚕️ Dokter & SOAP --}}
        <x-form.input name="dokter" label="Dokter Pemeriksa" :value="old('dokter', $patient->dokter)" />
        <x-form.textarea name="keluhan" label="Keluhan Utama Pasien">{{ old('keluhan', $patient->keluhan) }}</x-form.textarea>
        <x-form.textarea name="assesment" label="Assesment (Analisis / Diagnosis Sementara)">{{ old('assesment', $patient->assesment) }}</x-form.textarea>
        <x-form.textarea name="planing" label="Planing (Rencana Tindakan / Terapi)">{{ old('planing', $patient->planing) }}</x-form.textarea>

        {{-- 💓 Tekanan Darah --}}
        <div class="grid grid-cols-2 gap-4">
            <x-form.input name="tekanan_sistolik" label="Tekanan Sistolik" type="number" :value="$patient->tekanan_sistolik" />
            <x-form.input name="tekanan_diastolik" label="Tekanan Diastolik" type="number" :value="$patient->tekanan_diastolik" />
        </div>

        {{-- 🧪 Pemeriksaan Lab --}}
        <x-form.input name="tanggal_pemeriksaan" label="Tanggal Pemeriksaan" type="date" :value="$patient->tanggal_pemeriksaan" />
        <x-form.textarea name="catatan" label="Catatan Tambahan">{{ old('catatan', $patient->catatan) }}</x-form.textarea>

        {{-- 🔬 Parameter Laboratorium --}}
        <h2 class="text-xl font-bold mt-8 text-gray-700 dark:text-gray-200">🧪 Parameter Laboratorium</h2>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            @foreach(LabReference::all() as $field => $info)
                <x-form.input
                    name="{{ $field }}"
                    label="{{ $info['label'] }}"
                    type="text"
                    :value="old($field, $patient->$field)"
                    title="{{ $info['title'] }}"
                />
            @endforeach
        </div>

        {{-- Simpan --}}
        <div class="pt-4">
            <button type="submit" class="px-6 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
                💾 Perbarui
            </button>
        </div>
    </form>

    {{-- 🔴 Hapus --}}
    <div x-data="{ openDelete: false }">
        <div x-show="openDelete" x-cloak class="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50">
            <div class="bg-white dark:bg-gray-800 p-6 rounded shadow-md w-full max-w-md text-center">
                <h2 class="text-lg font-semibold mb-2 text-gray-800 dark:text-white">Konfirmasi Hapus</h2>
                <p class="mb-4 text-sm text-gray-600 dark:text-gray-300">
                    Yakin ingin menghapus data pasien ini? Tindakan ini tidak dapat dibatalkan.
                </p>
                <form action="{{ route('patients.destroy', $patient->id) }}" method="POST" class="flex justify-center gap-3">
                    @csrf
                    @method('DELETE')
                    <button type="button" @click="openDelete = false" class="px-4 py-2 bg-gray-500 text-white rounded hover:bg-gray-600">
                        Batal
                    </button>
                    <button type="submit" class="px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700">
                        Hapus
                    </button>
                </form>
            </div>
        </div>

        <div class="mt-6">
            <button @click="openDelete = true" class="px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700">
                🗑️ Hapus Pasien Ini
            </button>
        </div>
    </div>
</div>
@endsection