@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">
                Hasil Diagnosa
            </div>

            <div class="card-body">

                <!-- DATA KONSULTASI -->
                <table class="table table-bordered">
                    <tr>
                        <th width="200">Nama Konsultasi</th>
                        <td>{{ $konsultasi->konsultasi }}</td>
                    </tr>
                    <tr>
                        <th>Tanggal</th>
                        <td>{{ $konsultasi->tanggal }}</td>
                    </tr>
                </table>

                <hr>

                <!-- GEJALA DIPILIH -->
                <h6>Gejala yang Dipilih</h6>
                <ul>
                    @forelse ($konsultasi->details as $d)
                        <li>{{ $d->gejala->nama_gejala ?? '-' }}</li>
                    @empty
                        <li class="text-muted">Tidak ada gejala</li>
                    @endforelse
                </ul>

                <hr>

                <!-- HASIL DIAGNOSA -->
                <h6>Hasil Diagnosa</h6>

                <table class="table table-bordered">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Nama Penyakit</th>
                            <th>Kecocokan</th>
                            <th>Persentase</th>
                            <th>Keterangan</th>
                            <th>Solusi</th>
                            <th>Rekomendasi Pestisida</th>
                        </tr>
                    </thead>
                    <tbody>

                        @forelse ($penyakit as $index => $p)
                            <tr>
                                <td>{{ $index + 1 }}</td>

                                <td>{{ $p->nama_penyakit }}</td>

                                <!-- KECOCOKAN -->
                                <td>
                                    <span class="badge bg-primary">
                                        {{ $p->jumlah_cocok }} / {{ $p->total_gejala }}
                                    </span>
                                </td>

                                <!-- PERSENTASE -->
                                <td width="120">
                                    <span class="badge bg-success">
                                        {{ number_format($p->persentase, 2) }} %
                                    </span>
                                </td>

                                <td>{{ $p->keterangan }}</td>
                                <td>{{ $p->solusi }}</td>

                                <!-- PESTISIDA -->
                                <td>
                                    @if ($p->pestisidas && $p->pestisidas->count() > 0)
                                        <ul class="mb-0">
                                            @foreach ($p->pestisidas as $pst)
                                                <li>
                                                    <strong>{{ $pst->nama_pestisida }}</strong><br>
                                                    <small>{{ $pst->keterangan }}</small>
                                                </li>
                                            @endforeach
                                        </ul>
                                    @else
                                        <span class="text-muted">Tidak ada</span>
                                    @endif
                                </td>
                            </tr>
                        @empty
                            <tr>
                                <td colspan="7" class="text-center text-muted">
                                    Tidak ada hasil diagnosa
                                </td>
                            </tr>
                        @endforelse

                    </tbody>
                </table>

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

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