@extends('admin.layouts.app')

@section('title', 'Model Naive Bayes')

@php
    $dataLatih = $dataLatihBalanced;
@endphp

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

        <div class="row">
            <div class="col-12 grid-margin stretch-card">
                <div class="card card-rounded">
                    <div class="card-body">
                        <h4 class="card-title">Model Naive Bayes</h4>
                        <small class="text-muted mb-3 d-block">Pilih tab untuk melihat prior dan likelihood per kelas</small>

                        {{-- ===================== --}}
                        {{-- NAV TABS --}}
                        {{-- ===================== --}}
                        <ul class="nav nav-tabs" id="naiveBayesTab" role="tablist">
                            @foreach($modelNaiveBayes as $class => $data)
                                <li class="nav-item" role="presentation">
                                    <button class="nav-link {{ $loop->first ? 'active' : '' }}"
                                            id="tab-{{ $class }}"
                                            data-bs-toggle="tab"
                                            data-bs-target="#content-{{ $class }}"
                                            type="button"
                                            role="tab"
                                            aria-controls="content-{{ $class }}"
                                            aria-selected="{{ $loop->first ? 'true' : 'false' }}">
                                        {{ $class === 'lolos' ? 'Lolos' : ($class === 'tidak' ? 'Tidak Lolos' : ucwords($class)) }}
                                    </button>
                                </li>
                            @endforeach
                        </ul>

                        {{-- ===================== --}}
                        {{-- TAB CONTENT --}}
                        {{-- ===================== --}}
                        <div class="tab-content" id="naiveBayesTabContent">
                            @foreach($modelNaiveBayes as $class => $data)
                                <div class="tab-pane fade {{ $loop->first ? 'show active' : '' }}"
                                    id="content-{{ $class }}"
                                    role="tabpanel"
                                    aria-labelledby="tab-{{ $class }}">

                                    <div class="d-flex justify-content-between align-items-center">
                                        {{-- Prior --}}
                                        <p>
                                            <strong>Prior P ({{ $class === 'lolos' ? 'Lulus' : ($class === 'tidak' ? 'Tidak Lulus' : ucwords($class)) }}):</strong>
                                            {{ number_format($data['prior'], 2) }}
                                        </p>
                                        <p class="mb-0">
                                            <strong>Jumlah Data: </strong>
                                            (Lolos: {{ $dataLatih->where('status_label', 'lolos')->count() }})
                                            (Tidak Lolos: {{ $dataLatih->where('status_label', 'tidak')->count() }})
                                            (Total: {{ $dataLatih->count() }})
                                        </p>
                                    </div>

                                    {{-- Accordion Rumus & Perhitungan --}}
                                    <div class="accordion mb-4" id="rumusAccordion-{{ $class }}">
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="headingRumus-{{ $class }}">
                                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                        data-bs-target="#collapseRumus-{{ $class }}" aria-expanded="false"
                                                        aria-controls="collapseRumus-{{ $class }}">
                                                    RUMUS & PERHITUNGAN NAIVE BAYES
                                                </button>
                                            </h2>
                                            <div id="collapseRumus-{{ $class }}" class="accordion-collapse collapse"
                                                aria-labelledby="headingRumus-{{ $class }}" data-bs-parent="#rumusAccordion-{{ $class }}">
                                                <div class="accordion-body">
                                                    <p>
                                                        <strong>Rumus Prior:</strong><br>
                                                        P(H) = Jumlah data kelas H / Total data
                                                    </p>
                                                    <p>
                                                        <strong>Rumus Likelihood:</strong><br>
                                                        P(Xi | H) = Jumlah Xi dalam H / Jumlah data H
                                                        <br>
                                                    </p>
                                                    @foreach($data['likelihood'] as $attr => $values)
                                                        {{-- Label atribut --}}
                                                        @php
                                                            $attrLabelMap = [
                                                                'iq_cat' => 'Tes IQ',
                                                            ];
                                                            $attrLabel = $attrLabelMap[$attr] ?? strtoupper($attr);
                                                        @endphp

                                                        @foreach($values as $val => $prob)

                                                            @php
                                                                $totalClass = $dataLatih->where('status_label', $class)->count();
                                                                $countVal = $dataLatih
                                                                    ->where('status_label', $class)
                                                                    ->where($attr, $val)
                                                                    ->count();
                                                            @endphp

                                                            <p>
                                                                <strong>Contoh:</strong><br>
                                                                Misal atribut <em>{{ $attrLabel }} = {{ strtoupper($val) }}</em>&nbsp; dan kelas <em>{{ $class === 'lolos' ? 'Lulus' : 'Tidak Lulus' }}</em>:<br>

                                                                - Jumlah {{ $class === 'lolos' ? 'Lulus' : 'Tidak Lulus' }} = {{ $totalClass }}<br>
                                                                - Jumlah nilai {{ strtoupper($val) }} dalam kelas = {{ $countVal }}<br>

                                                                <strong>
                                                                    P({{ $attrLabel }} = {{ strtoupper($val) }} |
                                                                    {{ $class === 'lolos' ? 'Lulus' : 'Tidak Lulus' }})
                                                                    = {{ $countVal }} / {{ $totalClass }}
                                                                </strong>
                                                            </p>

                                                            @break {{-- cukup satu contoh saja --}}
                                                        @endforeach
                                                        @break
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    </div>

                                    {{-- Likelihood per atribut --}}
                                    <p>
                                        <strong>Likelihood</strong>
                                    </p>
                                    <div class="accordion" id="attrAccordion-{{ $class }}">
                                        @foreach($data['likelihood'] as $attr => $values)
                                            @php
                                                $attrLabelMap = [
                                                    'family_cat' => 'KONDISI KELUARGA',
                                                    'age_cat' => 'UMUR',
                                                    'iq_cat' => 'NILAI TES IQ',
                                                    'personal_cat' => 'NILAI TES KEPRIBADIAN',
                                                ];
                                                $attrLabel = $attrLabelMap[$attr] ?? strtoupper(str_replace('-', ' ', $attr));
                                            @endphp

                                            <div class="accordion-item">
                                                <h2 class="accordion-header" id="heading-{{ $class }}-{{ $attr }}">
                                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                                            data-bs-target="#collapse-{{ $class }}-{{ $attr }}" aria-expanded="false"
                                                            aria-controls="collapse-{{ $class }}-{{ $attr }}">
                                                        {{ $attrLabel }}
                                                    </button>
                                                </h2>
                                                <div id="collapse-{{ $class }}-{{ $attr }}" class="accordion-collapse collapse"
                                                    aria-labelledby="heading-{{ $class }}-{{ $attr }}" data-bs-parent="#attrAccordion-{{ $class }}">
                                                    <div class="accordion-body p-0">
                                                        <div class="table-responsive">
                                                            <table class="table table-sm table-bordered mb-0">
                                                                <thead class="bg-light text-center">
                                                                    <tr>
                                                                        <th>NILAI</th>
                                                                        <th>JUMLAH</th>
                                                                        <th>P(X | {{ strtoupper($class === 'lolos' ? 'LOLOS' : 'TIDAK LOLOS') }})</th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    @foreach($values as $val => $prob)
                                                                {{-- @dd($attr, $values, $val, $dataLatih->first()) --}}
                                                                        @php
                                                                            // Hitung jumlah data latih dengan nilai $val di kelas $class
                                                                            $countVal = $dataLatih->where('status_label', $class)->where($attr, $val)->count();
                                                                        @endphp
                                                                        <tr>
                                                                            <td>{{ strtoupper(str_replace('-', ' ', $val)) }}</td>
                                                                            <td class="text-center">{{ $countVal }}</td>
                                                                            <td class="text-center">{{ number_format($prob, 2) }}</td>
                                                                        </tr>
                                                                    @endforeach
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </div>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection