@extends('admin.layouts.app')

@section('title', 'Detail Hasil Klasifikasi')

@section('content')
<div class="main-panel">
    <div class="content-wrapper" style="padding: 2.5rem">

        {{-- Header Navigation --}}
        <div class="page-header position-relative text-center mb-4">

            {{-- Tombol Kembali (pojok kiri) --}}
            <a href="{{ route('naive-bayes.testing') }}"
            class="btn btn-primary btn-sm position-absolute start-0 top-50 translate-middle-y">
                <i class="mdi mdi-arrow-left"></i> Kembali
            </a>

            {{-- Judul Tengah --}}
            <h3 class="page-title mb-0 fw-bold" style="font-size: 32px">
                Hasil Klasifikasi Naive Bayes
            </h3>
        </div>

        <div class="row">
            {{-- KOLOM KIRI: DATA ATRIBUT SISWA --}}
            <div class="col-md-6 grid-margin stretch-card">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title text-primary">
                            <i class="mdi mdi-account-card-details"></i> Profil Data: {{ ucwords(strtolower($user->biodataOne->full_name)) }}
                        </h4>
                        <p class="card-description">
                            Nilai data siswa beserta skor likelihood <span class="fw-bold">P(Fitur|Kelas)</span> untuk setiap kelas.
                        </p>

                        <div class="table-responsive">
                            <table class="table table-striped table-bordered">
                                <thead class="text-center">
                                    <tr>
                                        <th rowspan="2" class="align-middle">Atribut</th>
                                        <th rowspan="2" class="align-middle">Kategori</th>
                                        <th colspan="{{ count($rincianHitung) }}">Likelihood</th>
                                    </tr>
                                    <tr>
                                        @foreach($rincianHitung as $kelas => $data)
                                            <th class="text-capitalize bg-secondary">{{ ($kelas =='lolos') ? 'Lolos' : 'Tidak Lolos' }}</th>
                                        @endforeach
                                    </tr>
                                </thead>
                                <tbody>
                                    {{-- Menggunakan data likelihood dari kelas pertama sebagai acuan baris --}}
                                    @php
                                        $firstClassKey = array_key_first($rincianHitung);
                                        $listAtribut = $rincianHitung[$firstClassKey]['likelihoods'];
                                    @endphp
                                    @foreach($listAtribut as $index => $item)
                                        <tr>
                                            {{-- 1. Nama Atribut --}}
                                            <td class="font-weight-bold" style="font-size: 0.9em;">
                                                {{ $item['atribut'] }}
                                            </td>

                                            {{-- 2. Nilai Data Siswa (Dengan Formatting) --}}
                                            <td class="text-center">
                                                <span>{{ ucwords(str_replace('-', ' ',$item['nilai'])) }}</span>
                                            </td>

                                            {{-- 3. Nilai Likelihood per Kelas --}}
                                            @foreach($rincianHitung as $kelas => $data)
                                                <td class="text-center">
                                                    {{ number_format($data['likelihoods'][$index]['skor'], 2) }}
                                                </td>
                                            @endforeach
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>
            </div>

            {{-- KOLOM KANAN: HASIL PERHITUNGAN --}}
            <div class="col-md-6 grid-margin stretch-card">
                <div class="card">
                    <div class="card-body">
                        <h4 class="card-title text-success">
                            <i class="mdi mdi-calculator"></i> Hasil Perhitungan
                        </h4>
                        <p class="card-description">Nilai Posterior Probability per Kelas</p>
                        {{-- KETERANGAN PRIOR --}}
                        <div class="table-responsive mb-3">
                            <table class="table table-sm table-bordered text-center">
                                <thead class="table-light">
                                    <tr>
                                        <th>Kelas</th>
                                        <th>Nilai Prior</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach($prior as $kelas => $nilai)
                                        <tr>
                                            <td class="text-capitalize">
                                                {{ $kelas === 'lolos' ? 'Lolos' : 'Tidak Lolos' }}
                                            </td>
                                            <td>{{ number_format($nilai, 2) }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                        {{-- TABEL PROBABILITAS --}}
                        <div class="table-responsive mb-2">
                            <table class="table table-hover">
                                <thead class="bg-light">
                                    <tr>
                                        {{-- UBAH DISINI: Dari 'Kelas Prediksi' menjadi 'Kelas Klasifikasi' --}}
                                        <th>Kelas Target</th>
                                        <th class="text-end">Nilai Probabilitas</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($probabilitas as $kelas => $nilai)
                                        @php
                                            $label = $kelas === 'lolos' ? 'Lulus' : 'Tidak Lulus';
                                            $isHasil = $kelas === $hasil;
                                        @endphp
                                        <tr class="{{ $isHasil ? ($hasil === 'lolos' ? 'table-success' : 'table-danger'): '' }}">
                                            <td class="text-capitalize">
                                                @if($isHasil)
                                                    <i class="mdi mdi-check-circle me-1"></i>
                                                @endif
                                                {{ $label }}
                                            </td>
                                            <td class="text-end">
                                                {{ number_format($nilai, 4) }}
                                            </td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>

                        {{-- KESIMPULAN AKHIR --}}
                        <div class="mt-3">
                            @if(strtolower($hasil) == 'lolos')
                                <div class="alert alert-success d-flex align-items-center" role="alert">
                                    <i class="mdi mdi-check-decagram mdi-36px me-3"></i>
                                    <div>
                                        <h4 class="fw-bold mb-1">LULUS</h4>
                                        {{-- UBAH TERMINOLOGI DISINI --}}
                                        <p class="mb-0 text-black">Berdasarkan perhitungan Naive Bayes, data ini <strong>diklasifikasikan</strong> ke dalam kelas <strong class="text-success">Lulus</strong>.</p>
                                    </div>
                                </div>
                            @else
                                <div class="alert alert-danger d-flex align-items-center" role="alert">
                                    <i class="mdi mdi-close-octagon mdi-36px me-3"></i>
                                    <div>
                                        <h4 class="fw-bold mb-1">TIDAK LULUS</h4>
                                        {{-- UBAH TERMINOLOGI DISINI --}}
                                        <p class="mb-0 text-black">Berdasarkan perhitungan Naive Bayes, data ini <strong>diklasifikasikan</strong> ke dalam kelas <strong class="text-danger">Tidak Lulus</strong>.</p>
                                    </div>
                                </div>
                            @endif
                        </div>

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