MIF_E31221244/resources/views/user/hasil-diagnosa.blade.php

110 lines
3.6 KiB
PHP

@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