@extends('layouts.admin-apoteker')

@section('title', 'Detail Kunjungan')

@section('content')
<div class="max-w-2xl mx-auto space-y-6">
    <h1 class="text-xl font-bold text-indigo-600 dark:text-indigo-400">📄 Detail Kunjungan</h1>
    <a href="{{ route('home-pharmacy-care.index') }}"
    class="inline-block px-4 py-2 bg-gray-500 text-white rounded hover:bg-gray-600 transition">
    ← Kembali
 </a>
    <div class="p-6 rounded-lg border dark:border-gray-700 bg-white dark:bg-gray-800 space-y-4">
        {{-- Pasien --}}
        <div>
            <label class="font-medium dark:text-white">Pasien:</label>
            <p class="text-gray-800 dark:text-gray-200">
                {{ $visit->pasien?->name ?? '❌ Data pasien tidak ditemukan' }}
            </p>
        </div>

        {{-- Tanggal --}}
        <div>
            <label class="font-medium dark:text-white">Tanggal Kunjungan:</label>
            <p class="text-gray-800 dark:text-gray-200">
                {{ $visit->tanggal_kunjungan ? \Carbon\Carbon::parse($visit->tanggal_kunjungan)->translatedFormat('d F Y') : '-' }}
            </p>
        </div>

        {{-- Catatan --}}
        <div>
            <label class="font-medium dark:text-white">Catatan Pelayanan:</label>
            <div class="prose dark:prose-invert max-w-none">
                {!! $visit->catatan ?? '<p><em>Tidak ada catatan.</em></p>' !!}
            </div>
        </div>

        {{-- Apoteker --}}
        <div>
            <label class="font-medium dark:text-white">Apoteker:</label>
            <p class="text-gray-800 dark:text-gray-200">
                {{ $visit->apoteker?->name ?? '❌ Data apoteker tidak ditemukan' }}
            </p>
        </div>
    </div>
</div>
@endsection