@extends('layouts.admin-apoteker')

@section('title', 'Detail Monitoring Efek Samping Obat')

@section('content')
<div class="max-w-4xl mx-auto p-6 bg-white dark:bg-gray-800 shadow rounded space-y-6">

    <h1 class="text-2xl font-bold text-purple-600 dark:text-purple-400 mb-2">
        🔍 Detail Monitoring Efek Samping Obat (Algoritma Naranjo)
    </h1>

    {{-- Identitas Umum --}}
    <div class="grid md:grid-cols-2 gap-4 text-sm text-gray-800 dark:text-gray-100">
        <div><strong>🧑 Nama Pasien:</strong> {{ $monitoring->user?->name ?? '-' }}</div>
        <div><strong>🆔 ID User:</strong> {{ $monitoring->user_id }}</div>
        <div><strong>💊 Obat Dicurigai:</strong> {{ $monitoring->drug_suspected }}</div>
        <div><strong>📅 Tanggal Observasi:</strong> {{ \Carbon\Carbon::parse($monitoring->observation_date)->format('d-m-Y') }}</div>
    </div>
 <div class="grid md:grid-cols-2 gap-4 text-sm text-gray-800 dark:text-gray-100">
    <strong>👩‍⚕️ Apoteker Penilai:</strong> {{ $monitoring->creator?->name ?? '-' }}</div>

    {{-- Tabel Pertanyaan & Jawaban --}}
    @php
        $questions = [
            1 => 'Apakah ada laporan efek samping obat yang serupa?',
            2 => 'Apakah efek samping obat terjadi setelah pemberian obat yang dicurigai?',
            3 => 'Apakah efek samping obat membaik setelah obat dihentikan atau obat antagonis khusus diberikan?',
            4 => 'Apakah efek samping obat terjadi berulang setelah obat diberikan kembali?',
            5 => 'Apakah ada alternative penyebab lain yang dapat menjelaskan efek samping?',
            6 => 'Apakah efek samping obat muncul kembali ketika placebo diberikan?',
            7 => 'Apakah obat yang dicurigai terdeteksi dalam darah/cairan tubuh dalam konsentrasi toksik?',
            8 => 'Apakah efek samping obat bertambah parah saat dosis ditingkatkan atau membaik saat diturunkan?',
            9 => 'Apakah pasien pernah mengalami efek samping yang sama atau mirip sebelumnya?',
            10 => 'Apakah efek samping dapat dikonfirmasi dengan bukti objektif?'
        ];
    @endphp

    <table class="w-full text-sm border border-gray-300 dark:border-gray-600 mt-4">
        <thead class="bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-white">
            <tr>
                <th class="p-2 border">#</th>
                <th class="p-2 border text-left">Pertanyaan</th>
                <th class="p-2 border">Skor</th>
            </tr>
        </thead>
        <tbody class="bg-white dark:bg-gray-800 text-gray-800 dark:text-gray-200">
            @for ($i = 1; $i <= 10; $i++)
                <tr>
                    <td class="p-2 border text-center">{{ $i }}</td>
                    <td class="p-2 border">{{ $questions[$i] }}</td>
                    <td class="p-2 border text-center">{{ $monitoring->{'answer_' . $i} }}</td>
                </tr>
            @endfor
        </tbody>
    </table>

    {{-- Skor & Kategori --}}
    <div class="mt-6 text-sm text-gray-800 dark:text-white">
        <p><strong>🧮 Total Skor:</strong> {{ $monitoring->total_score }}</p>
        <p><strong>📊 Kategori Kemungkinan:</strong> {{ $monitoring->probability_category }}</p>
    </div>
    <div class="mt-4 text-sm text-gray-700 dark:text-gray-200">
    <h2 class="font-semibold mb-1">📘 Interpretasi Skor:</h2>
    <ul class="list-disc pl-5">
        <li><strong>≥ 9 (Highly Probable):</strong> Sangat mungkin disebabkan oleh obat</li>
        <li><strong>5–8 (Probable):</strong> Kemungkinan besar disebabkan oleh obat</li>
        <li><strong>1–4 (Possible):</strong> Ada kemungkinan disebabkan oleh obat</li>
        <li><strong>0 (Doubtful):</strong> Tidak mungkin disebabkan oleh obat</li>
    </ul>
</div>


    {{-- Tombol --}}
    <div class="flex justify-end gap-2 pt-4">
        <a href="{{ route('monitorings.edit', $monitoring) }}" class="bg-yellow-400 text-black px-4 py-2 rounded shadow hover:bg-yellow-500">✏️ Edit</a>
        <a href="{{ route('monitorings.pdf', $monitoring) }}" class="bg-gray-600 text-white px-4 py-2 rounded shadow hover:bg-gray-700">📄 PDF</a>
        <a href="{{ route('monitorings.index') }}" class="bg-blue-600 text-white px-4 py-2 rounded shadow hover:bg-blue-700">🔙 Kembali</a>
    </div>

</div>
@endsection