@extends('layouts.admin')

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

@section('content')

<div class="card shadow-sm">
    <div class="card-body">

        <!-- HEADER -->
        <div class="d-flex justify-content-between align-items-center mb-4">

            <div>
                <h4 class="fw-bold mb-1">
                    Detail Penyakit
                </h4>

                <small class="text-muted">
                    Informasi lengkap data penyakit
                </small>
            </div>

            <a href="{{ route('penyakit.index') }}"
               class="btn btn-secondary btn-sm">
                Kembali
            </a>

        </div>

        <!-- DETAIL -->
        <table class="table table-bordered">

            <tr>
                <th width="200">Kode Penyakit</th>
                <td>{{ $penyakit->kode }}</td>
            </tr>

            <tr>
                <th>Nama Penyakit</th>
                <td>{{ $penyakit->nama }}</td>
            </tr>

            <tr>
                <th>Deskripsi</th>
                <td>
                    {!! $penyakit->deskripsi ?? '-' !!}
                </td>
            </tr>

            <tr>
                <th>Solusi</th>
                <td>
                    {!! $penyakit->solusi ?? '-' !!}
                </td>
            </tr>

            <tr>
                <th>Dibuat Pada</th>
                <td>
                    {{ $penyakit->created_at->format('d-m-Y H:i') }}
                </td>
            </tr>

        </table>

    </div>
</div>

@endsection