@extends('layouts.admin-apoteker')
dd($request->all());
Patient::create($request->all());
@section('title', 'Tambah Data Pasien')

@section('content')
@if ($errors->any())
    <div class="text-red-500 mb-4">
        <ul class="list-disc pl-5">
            @foreach ($errors->all() as $error)
                <li>❌ {{ $error }}</li>
            @endforeach
        </ul>
    </div>
@endif

<div class="max-w-6xl mx-auto p-6 bg-white dark:bg-gray-800 rounded shadow space-y-6" x-data="userForm()" x-init="initUsers()">

    <h1 class="text-2xl font-bold text-gray-800 dark:text-white">➕ Tambah Data Pasien</h1>

    <form action="{{ route('patients.store') }}" method="POST" class="space-y-6">
        @csrf

        {{-- 🔎 Pilih User --}}
        <div>
            <label class="block font-medium mb-1 text-gray-700 dark:text-white">Pilih User (Pasien)</label>
            <select name="user_id" x-model="selectedUserId" @change="updateUser()"
                class="w-full rounded border-gray-300 dark:bg-gray-700 dark:text-white">
                <option value="">-- Pilih Pasien --</option>
                @foreach ($users as $user)
                    <option value="{{ $user->id }}">{{ $user->name }} - {{ $user->ktp }}</option>
                @endforeach
            </select>
        </div>

        {{-- Hidden nama --}}
        <input type="hidden" name="nama_lengkap" :value="selectedUser?.name">

        {{-- Snapshot Preview --}}

<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
    <div>
        <label class="block font-medium mb-1 text-gray-700 dark:text-white">Umur Saat Ini (tahun)</label>
        <input type="text" readonly x-model="umur"
               class="w-full rounded border-gray-300 dark:bg-gray-700 dark:text-white" />
        <!-- Tambahan hidden agar bisa dikirim -->
        <input type="hidden" name="umur" :value="umur">
    </div>
    <div>
        <label class="block font-medium mb-1 text-gray-700 dark:text-white">Jenis Kelamin</label>
        <input type="text" readonly :value="selectedUser?.gender"
               class="w-full rounded border-gray-300 dark:bg-gray-700 dark:text-white" />
    </div>
</div>
        {{-- Riwayat --}}
        <x-form.textarea name="riwayat_penyakit" label="Riwayat Penyakit" />
        <x-form.textarea name="riwayat_alergi" label="Riwayat Alergi" />
        <x-form.textarea name="obat_sekarang" label="Obat yang Sedang Dikonsumsi" />
        <x-form.textarea name="obat_dulu" label="Riwayat Obat Sebelumnya" />

        {{-- SOAP --}}
        <x-form.input name="dokter" label="Dokter Pemeriksa" />
        <x-form.textarea name="keluhan" label="Keluhan Utama Pasien" />
        <x-form.textarea name="assesment" label="Assesment (Analisis / Diagnosis Sementara)" />
        <x-form.textarea name="planing" label="Planing (Rencana Tindakan / Terapi)" />

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

        {{-- Pemeriksaan --}}
        <x-form.input name="tanggal_pemeriksaan" label="Tanggal Pemeriksaan" type="date" :value="now()->format('Y-m-d')" />
        <x-form.textarea name="catatan" label="Catatan Tambahan" />

        {{-- 🔬 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">
            @php
                $labs = [
                    ['hemoglobin', 'Hemoglobin', 'g/dL — Pria: 13.5–17.5, Wanita: 12.0–16.0'],
                    ['hematokrit', 'Hematokrit', '% — Pria: 41–53, Wanita: 36–46'],
                    ['eritrosit', 'Eritrosit', 'juta/µL — Pria: 4.3–5.9, Wanita: 3.5–5.5'],
                    ['leukosit', 'Leukosit', 'ribu/µL — 4.5–11.0'],
                    ['trombosit', 'Trombosit', 'ribu/µL — 150–400'],
                    ['mcv', 'MCV', 'fL — 80–100'],
                    ['mch', 'MCH', 'pg — 27–33'],
                    ['mchc', 'MCHC', 'g/dL — 32–36'],
                    ['led', 'LED', 'mm/jam — Pria: 0–15, Wanita: 0–20'],
                    ['neutrofil', 'Neutrofil', '% — 40–60'],
                    ['limfosit', 'Limfosit', '% — 20–40'],
                    ['monosit', 'Monosit', '% — 2–8'],
                    ['eosinofil', 'Eosinofil', '% — 1–4'],
                    ['basofil', 'Basofil', '% — 0.5–1'],
                    ['sgot', 'SGOT', 'U/L — 10–40'],
                    ['sgpt', 'SGPT', 'U/L — 7–56'],
                    ['bilirubin_total', 'Bilirubin Total', 'mg/dL — 0.1–1.2'],
                    ['bilirubin_direk', 'Bilirubin Direk', 'mg/dL — 0.0–0.3'],
                    ['bilirubin_indirek', 'Bilirubin Indirek', 'mg/dL — 0.2–0.9'],
                    ['albumin', 'Albumin', 'g/dL — 3.4–5.4'],
                    ['ureum', 'Ureum', 'mg/dL — 7–20'],
                    ['kreatinin', 'Kreatinin', 'mg/dL — Pria: 0.7–1.3, Wanita: 0.6–1.1'],
                    ['gfr', 'GFR', 'mL/min — >90'],
                    ['natrium', 'Natrium', 'mEq/L — 135–145'],
                    ['kalium', 'Kalium', 'mEq/L — 3.5–5.0'],
                    ['klorida', 'Klorida', 'mEq/L — 98–106'],
                    ['kalsium', 'Kalsium', 'mg/dL — 8.5–10.5'],
                    ['glukosa_puasa', 'Glukosa Puasa', 'mg/dL — 70–99'],
                    ['glukosa_2_jam_pp', 'Glukosa 2 Jam PP', 'mg/dL — <140'],
                    ['hba1c', 'HbA1C', '% — <5.7'],
                    ['kolesterol_total', 'Kolesterol Total', 'mg/dL — <200'],
                    ['ldl', 'LDL', 'mg/dL — <100'],
                    ['hdl', 'HDL', 'mg/dL — Pria: >40, Wanita: >50'],
                    ['trigliserida', 'Trigliserida', 'mg/dL — <150'],
                    ['warna_urin', 'Warna Urin', '- — Kuning muda'],
                    ['ph_urin', 'pH Urin', '- — 4.5–8.0'],
                    ['protein_urin', 'Protein Urin', '- — Negatif'],
                    ['glukosa_urin', 'Glukosa Urin', '- — Negatif'],
                    ['keton_urin', 'Keton Urin', '- — Negatif'],
                    ['bilirubin_urin', 'Bilirubin Urin', '- — Negatif'],
                    ['urobilinogen_urin', 'Urobilinogen Urin', 'mg/dL — 0.1–1.0'],
                    ['nitrit_urin', 'Nitrit Urin', '- — Negatif'],
                    ['leukosit_urin', 'Leukosit Urin', '- — Negatif'],
                    ['eritrosit_urin', 'Eritrosit Urin', '- — Negatif'],
                    ['berat_jenis_urin', 'Berat Jenis Urin', '- — 1.005–1.030'],
                    ['hbsag', 'HBsAg', '- — Negatif'],
                    ['anti_hbs', 'Anti-HBs', 'mIU/mL — >10'],
                    ['anti_hcv', 'Anti-HCV', '- — Negatif'],
                    ['hiv', 'HIV', '- — Negatif'],
                    ['widal', 'Widal', '- — Negatif'],
                    ['crp', 'CRP', 'mg/L — <3'],
                    ['rf', 'RF', 'IU/mL — <14'],
                ];
            @endphp
            @foreach ($labs as [$name, $label, $tooltip])
                <x-form.input name="{{ $name }}" label="{{ $label }}" type="text" :tooltip="$tooltip" />
            @endforeach
        </div>

        {{-- 💾 Simpan --}}
<div class="pt-4 flex gap-2">
    <button type="submit" class="px-6 py-2 bg-blue-600 text-white rounded hover:bg-blue-700">
        💾 Simpan
    </button>
    <a href="{{ route('patients.index') }}"
       class="px-6 py-2 bg-gray-500 text-white rounded hover:bg-gray-600 inline-flex items-center">
        ❌ Batal
    </a>
</div>

    </form>

   {{-- 🕓 Riwayat Pemeriksaan Sebelumnya --}}
    <div class="mt-10">
        <h2 class="text-xl font-bold mb-4 text-gray-800 dark:text-white">📜 Riwayat Pemeriksaan Pasien</h2>

        <template x-if="selectedUser?.records?.length > 0">
            <div class="overflow-auto rounded border dark:border-gray-700">
                <table class="min-w-full table-auto border text-sm dark:text-white">
                    <thead class="bg-gray-100 dark:bg-gray-700 text-left">
                        <tr>
                            <th class="p-2 border">🗓️ Tanggal</th>

                            <th class="p-2 border">🩺 Keluhan</th>
                            <th class="p-2 border">👨‍⚕️ Assesment</th>
                            <th class="p-2 border">👨‍⚕️ Planing</th>
                            <th class="p-2 border">📋 Catatan</th>
                        </tr>
                    </thead>
                    <tbody>
                        <template x-for="record in sortedRecords()" :key="record.id">
                            <tr class="border-t dark:border-gray-600">
                                <td class="p-2 border" x-text="record.tanggal_pemeriksaan"></td>

                                <td class="p-2 border" x-text="record.keluhan"></td>
                          <td class="p-2 border" x-text="record.assesment"></td>
                          <td class="p-2 border" x-text="record.planing"></td>

                                <td class="p-2 border" x-text="record.catatan ?? '-'"></td>
                            </tr>
                        </template>
                    </tbody>
                </table>
            </div>
        </template>

        <template x-if="selectedUser && (!selectedUser.records || selectedUser.records.length === 0)">
            <p class="text-gray-500 dark:text-gray-400 mt-2">Belum ada riwayat pemeriksaan sebelumnya.</p>
        </template>
    </div>
    <h2 class="text-xl font-bold mt-6 mb-2">🧾 Riwayat Efek Samping Obat (Naranjo)</h2>

<template x-if="selectedUser?.naranjo_monitorings?.length > 0">
    <ul class="list-disc pl-6 text-sm space-y-1">
        <template x-for="m in selectedUser.naranjo_monitorings" :key="m.id">
            <li>
                <span x-text="m.observation_date"></span> -
                <span x-text="m.drug_suspected"></span>
                (<span x-text="`Skor: ${m.total_score}, ${m.probability_category}`"></span>)
                <a :href="`/monitorings/${m.id}`" target="_blank" class="text-blue-600 underline ml-2">Lihat</a>
            </li>
        </template>
    </ul>
</template>
<template x-if="selectedUser && (!selectedUser.naranjo_monitorings || selectedUser.naranjo_monitorings.length === 0)">
    <p class="text-gray-500 dark:text-gray-400 mt-2">Belum ada data efek samping obat.</p>
</template>


</div>
@endsection

@push('scripts')
<script>
function userForm() {
    return {
        users: @json($users),
        selectedUserId: '',
        selectedUser: null,
        umur: '',
        initUsers() {
            this.updateUser();
        },
        updateUser() {
            const user = this.users.find(u => u.id == this.selectedUserId);
            this.selectedUser = user;
            if (user?.tanggal_lahir) {
                const today = new Date();
                const birth = new Date(user.tanggal_lahir);
                let age = today.getFullYear() - birth.getFullYear();
                const m = today.getMonth() - birth.getMonth();
                if (m < 0 || (m === 0 && today.getDate() < birth.getDate())) age--;
                this.umur = age;
            } else {
                this.umur = '';
            }
        },
        sortedRecords() {
            if (!this.selectedUser?.records) return [];
            return [...this.selectedUser.records].sort((a, b) => {
                return new Date(b.tanggal_pemeriksaan) - new Date(a.tanggal_pemeriksaan);
            });
        }
    }
}
</script>
@endpush