@php
    $bmi = null;
    $bmiStatus = null;

    if (!empty($doc->tinggi_cm) && !empty($doc->berat_kg) && $doc->tinggi_cm > 0) {
        $tinggiMeter = $doc->tinggi_cm / 100;
        $bmi = round($doc->berat_kg / ($tinggiMeter * $tinggiMeter), 2);

        if ($bmi < 18.5) {
            $bmiStatus = 'Kurus';
        } elseif ($bmi >= 18.5 && $bmi < 23) {
            $bmiStatus = 'Normal';
        } elseif ($bmi >= 23 && $bmi < 27) {
            $bmiStatus = 'Kelebihan Berat Badan';
        } else {
            $bmiStatus = 'Obesitas';
        }
    }
@endphp

@extends('layouts.admin-apoteker')

@section('title', 'Detail Dokumentasi PIO')

@section('content')
<div class="bg-white dark:bg-gray-800 p-6 rounded-xl shadow max-w-5xl mx-auto space-y-6">
    <h1 class="text-2xl font-bold text-primary">🧾 Detail Dokumentasi PIO</h1>

    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
        <div><span class="font-semibold">🗓️ Tanggal & Waktu:</span><br> {{ \Carbon\Carbon::parse($doc->waktu_pertanyaan)->format('d M Y H:i') }}</div>
        <div><span class="font-semibold">📞 Metode Pertanyaan:</span><br> {{ $doc->metode_pertanyaan }}</div>
        <div><span class="font-semibold">🙋 Penanya:</span><br> {{ $doc->nama_penanya }} <small class="text-gray-500">({{ $doc->status_penanya }})</small></div>
        <div><span class="font-semibold">📱 No. Telepon:</span><br> {{ $doc->no_telepon ?? '-' }}</div>
    </div>

    <hr class="border-gray-300 dark:border-gray-600">

    <h2 class="text-lg font-semibold mb-2">🧍 Data Pasien</h2>
    <div class="grid grid-cols-2 md:grid-cols-3 gap-4 text-sm">
        <div><strong>Umur:</strong> {{ $doc->umur }} tahun</div>
        <div><strong>Tinggi:</strong> {{ $doc->tinggi_cm ?? '-' }} cm</div>
        <div><strong>Berat:</strong> {{ $doc->berat_kg ?? '-' }} kg</div>
        <div><strong>Jenis Kelamin:</strong> {{ $doc->jenis_kelamin }}</div>
        <div><strong>Kehamilan:</strong> {{ $doc->kehamilan_minggu ?? '-' }} minggu</div>
        <div><strong>Menyusui:</strong> {{ $doc->menyusui ? 'Ya' : 'Tidak' }}</div>
        @if ($bmi)
            <div class="md:col-span-3">
                <strong>🧮 BMI:</strong> {{ $bmi }} <span class="text-sm text-gray-500">({{ $bmiStatus }})</span>
            </div>
        @endif
    </div>

    <hr class="border-gray-300 dark:border-gray-600">

    <div>
        <h2 class="text-lg font-semibold">❓ Uraian Pertanyaan</h2>
        <div class="prose dark:prose-invert mt-2 max-w-none">
            {!! nl2br(e($doc->uraian_pertanyaan)) !!}
        </div>
    </div>

    @if (!empty($doc->jenis_pertanyaan))
        <div>
            <h3 class="text-md font-semibold mt-4">📌 Jenis Pertanyaan</h3>
            <ul class="list-disc ml-6">
                @foreach ($doc->jenis_pertanyaan as $jenis)
                    <li>{{ $jenis }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <hr class="border-gray-300 dark:border-gray-600">

    <div>
        <h2 class="text-lg font-semibold">📝 Jawaban</h2>
        <div class="prose dark:prose-invert mt-2 max-w-none">
            {!! nl2br(e($doc->jawaban)) !!}
        </div>
    </div>

    @if ($doc->referensi)
        <div>
            <h3 class="text-md font-semibold mt-4">📚 Referensi</h3>
            <div class="prose dark:prose-invert mt-1 max-w-none">
                {!! nl2br(e($doc->referensi)) !!}
            </div>
        </div>
    @endif

    <hr class="border-gray-300 dark:border-gray-600">

    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
        <div><strong>📤 Penyampaian Jawaban:</strong> {{ $doc->penyampaian_jawaban }}</div>
        <div><strong>📨 Metode Jawaban:</strong> {{ $doc->metode_jawaban }}</div>
        <div><strong>🕒 Waktu Jawaban:</strong> {{ \Carbon\Carbon::parse($doc->waktu_jawaban)->format('d M Y H:i') }}</div>
        <div><strong>👨‍⚕️ Apoteker Penginput:</strong> {{ $doc->apoteker->name ?? '-' }}</div>
    </div>

    <div class="mt-8 text-right space-x-2">
        <a href="{{ route('pio.export.single.pdf', $doc->id) }}"
           target="_blank"
           class="inline-block px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700">
            🖨️ Cetak PDF
        </a>
        <a href="{{ route('pio.index') }}"
           class="inline-block px-4 py-2 bg-gray-600 text-white rounded hover:bg-gray-700">
            ⬅️ Kembali
        </a>
    </div>
</div>
@endsection