<x-app-layout>
    <x-slot name="header">
        <h2 class="font-semibold text-xl text-gray-800 leading-tight">
            {{ __('Detail catatan kesehatan') }}
        </h2>
    </x-slot>

    <div class="py-12">
        <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
            <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                <div class="p-6">


<div class="container max-w-xl mx-auto bg-white rounded-xl shadow-md p-8">
    <h1 class="mb-4 text-2xl font-bold text-green-700">Detail Catatan Kesehatan</h1>
    <div class="mb-2"><span class="font-semibold text-gray-700">Santri:</span> <span class="text-green-700">{{ $catatanKesehatan->santri->nama ?? '-' }}</span></div>
    <div class="mb-2"><span class="font-semibold text-gray-700">Kelas:</span> <span class="text-green-700">{{ $catatanKesehatan->kelas->nama_kelas ?? '-' }}</span></div>
    <div class="mb-2"><span class="font-semibold text-gray-700">Keluhan:</span> {{ $catatanKesehatan->keluhan }}</div>
    <div class="mb-2"><span class="font-semibold text-gray-700">Diagnosis:</span> {{ $catatanKesehatan->diagnosis }}</div>
    <div class="mb-2"><span class="font-semibold text-gray-700">Saran:</span> {{ $catatanKesehatan->saran }}</div>
    <a href="{{ route('catatan_kesehatans.index') }}" class="inline-flex items-center px-6 py-3 mt-4 text-sm font-medium text-gray-700 bg-gray-100 rounded-lg hover:bg-gray-200 transition-colors">
        <i class="fas fa-arrow-left mr-2"></i>
        Kembali
    </a>
</div>

                
    </div>
</x-app-layout> 
