@extends('layout.app')
@section('content')
<div class="container">
    <div class="page-inner">
        <div class="page-header" style="margin-bottom: 5px; padding-bottom: 0;">
            <h3 class="fw-bold" style="margin-bottom: 5px;">Hasil Diagnosa</h3>
        </div>
        <p class="mb-1" style="margin-top: 3px;">Terima kasih telah menggunakan layanan ini, kami menemukan indikasi
            penyakit dari gejala yang dipilih sebelumnya. Berikut informasi ringkas dan cara penanganannya.</p>
        <div class="col-xl-12 col-md-12 mt-3 mb-1">
            <div class="card shadow">
                <div class="card-body">
                    @if (session('hasilDiagnosa'))
                        @php
                            $hasilDiagnosa = session('hasilDiagnosa');
                        @endphp
                        <p>
                            Berdasarkan gejalanya, tanaman pepaya milik {{ Auth::user()->fullname }} diprediksi
                            terinfeksi 
                            <b>{{ $hasilDiagnosa['penyakit'] }}</b> dengan tingkat kepercayaan
                            <b>({{ number_format($hasilDiagnosa['cf_combine'] * 100, 2) }}%)</b>
                        </p>
                        <div class="text-center my-3">
                            <img src="{{ asset('storage/' . $hasilDiagnosa['gambar']) }}" alt="Gambar Penyakit" 
                                 class="img-fluid rounded shadow" style="max-width: 200px;">
                        </div>
                        
                        <p><b>Penjelasan</b>:<br />{{ $hasilDiagnosa['penjelasan'] }}</p>
                        <p><b>Pengendalian</b>:<br />{{ $hasilDiagnosa['penanganan'] }}</p>
                        <p class="text-danger small">*Hasil diagnosa ini masih membutuhkan pemeriksaan lebih lanjut
                            untuk mendapatkan hasil yang lebih akurat.</p>
                    @else
                        <h6>Tidak ada hasil diagnosa yang ditemukan.</h6>
                    @endif

                </div>
            </div>
        </div>
        <div class="d-flex justify-content-end ">
            <a href="{{ url()->previous() }}" class="btn btn-secondary">
                <i class="fas fa-arrow-left me-1"></i> Kembali
            </a>
            <a href="{{ route('diagnosa.download') }}" class="btn btn-primary ms-2">
                <i class="fas fa-download me-1"></i> Download
            </a>
        </div>
    </div>
</div>


    <style>
        .col-no {
            width: 5% !important;
        }

        .col-gejala {
            width: 45% !important;
        }

        .col-kondisi {
            width: 50% !important;
        }

        table thead th {
            background-color: #87CEEB !important;
            color: rgb(12, 12, 12) !important;
            border-color: #eaeaea !important;
        }

        table tbody tr:nth-child(odd) {
            background-color: #f2f2f2 !important;
        }

        table tbody tr:nth-child(even) {
            background-color: #ffffff !important;
        }

        table tbody tr:hover {
            background-color: #d1ecf1 !important;
        }

        table,
        th,
        td {
            border: 2px solid #eaeaea !important;
        }

        @media (max-width: 576px) {

            table thead th,
            table tbody td {
                font-size: 12px !important;
            }

            .col-no {
                width: 10% !important;
            }

            .col-gejala {
                width: 40% !important;
            }

            .col-kondisi {
                width: 50% !important;
            }
        }
    </style>

@endsection