@extends('layouts.guru')
@section('content')
<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">
    <h1 class="mb-4">Detail Catatan Kesehatan</h1>
    
        <div class="card-body">
            <h5 class="card-title">Santri: {{ $catatanKesehatan->santri->nama ?? '-' }}</h5>
            <h6 class="card-subtitle mb-2 text-muted">Kelas: {{ $catatanKesehatan->kelas->nama_kelas ?? '-' }}</h6>
            <p class="card-text"><strong>Keluhan:</strong> {{ $catatanKesehatan->keluhan }}</p>
            <p class="card-text"><strong>Diagnosis:</strong> {{ $catatanKesehatan->diagnosis }}</p>
            <p class="card-text"><strong>Saran:</strong> {{ $catatanKesehatan->saran }}</p>
            <a href="{{ route('catatan_kesehatans.index') }}" class="btn btn-secondary">Kembali</a>
        

                
    </div>
</div>
@endsection