@extends('app')

@section('content')
<div class="container-fluid px-4">
    <h5 class="mt-4">{{ $title }}</h5>

    <div class="card mb-4">
        <div class="card-header">
            Detail Basis Aturan
        </div>

        <div class="card-body">

            <!-- Data Penyakit -->
            <div class="mb-3">
                <label>Nama Penyakit</label>
                <input type="text" class="form-control" value="{{ $penyakit->nama_penyakit }}" readonly>
            </div>

            <div class="mb-3">
                <label>Keterangan</label>
                <textarea class="form-control" readonly>{{ $penyakit->keterangan }}</textarea>
            </div>

            <div class="mb-3">
                <label>Solusi</label>
                <textarea class="form-control" readonly>{{ $penyakit->solusi }}</textarea>
            </div>

            <hr>

            <!-- Daftar Gejala -->
            <h6>Daftar Gejala</h6>

            <table class="table table-bordered">
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Nama Gejala</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($gejala as $index => $g)
                    <tr>
                        <td>{{ $index + 1 }}</td>
                        <td>{{ $g->nama_gejala }}</td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="2" class="text-center">Tidak ada gejala</td>
                    </tr>
                    @endforelse
                </tbody>
            </table>

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

        </div>
    </div>
</div>
@endsection