@extends('admin.layouts.app')
@section('title', 'Klasifikasi')

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

        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <strong>Berhasil!</strong> {{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <strong>Gagal!</strong> {{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
            </div>
        @endif

        <div class="card">
            <div class="card-body">
                {{-- HEADER & TOMBOL AKSI --}}
                <div class="d-flex justify-content-between align-items-center mb-4 border-bottom pb-3">
                    <div>
                        <h4 class="card-title mb-1">Hasil Klasifikasi</h4>
                        <p class="card-description mb-0 text-muted">
                            Pengujian data calon santri menggunakan model klasifikasi Naive Bayes.
                        </p>
                    </div>
                    <div class="d-flex gap-2">
                        {{-- Tombol Tambah Manual --}}
                        <button class="btn btn-success" data-toggle="modal" data-target="#manualInput">
                            Tambah Data
                        </button>

                        {{-- Tombol export --}}
                        {{-- <a href="{{ route('naive-bayes.export1') }}" class="btn btn-primary">
                            Export
                        </a> --}}

                        {{-- Tombol Import Excel --}}
                        <button class="btn btn-primary" data-toggle="modal" data-target="#exampleModalIn">
                            Import
                        </button>
                    </div>
                </div>

                {{-- TABEL DATA --}}
                <div class="table-responsive">
                    <table class="table table-hover" id="myTable">
                        <thead class="table-light">
                            <tr>
                                <th>No</th>
                                <th>Nama</th>
                                {{-- <th>Umur</th> --}}
                                {{-- <th>Kondisi Keluarga</th> --}}
                                <th>Tes IQ</th>
                                <th>Tes Kepribadian</th>
                                <th>Hasil Klasifikasi</th>
                                <th>Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($dataLatih as $data)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td class="text-capitalize">{{ ucwords(strtolower($data['nama'])) }}</td>
                                {{-- <td>
                                    ({{ ucwords($data['age']) }}) {{ ucwords($data['age_cat']) }}
                                </td> --}}
                                {{-- <td>
                                    {{ str_replace('-', ' ',ucwords($data['family_cat'])) }}
                                </td> --}}
                                <td>
                                    ({{ ucwords($data['nilai_iq']) }}) {{ ucwords($data['iq_cat']) }}
                                </td>
                                <td>({{ ucwords($data['nilai_personal']) }}) {{ ucwords($data['personal_cat']) }}</td>
                                <td>
                                    @if(strtolower($data['hasil_klasifikasi']) == 'lolos')
                                        <label class="badge badge-success">Lolos</label>
                                    @else
                                        <label class="badge badge-danger">Tidak Lolos</label>
                                    @endif
                                </td>
                                <td class="gap-2">
                                    <a href="{{ route('naive-bayes.testing-detail', $data['user_id']) }}" class="btn btn-primary py-2 me-1"><i class="icon-eye btn-icon-prepend"></i>
                                    </a>
                                    <a href="{{ route('naive-bayes.testing-edit', $data['user_id']) }}" class="btn btn-warning py-2 me-1 text-white">
                                        <i class="icon-pencil btn-icon-prepend"></i>
                                    </a>

                                    <form action="{{ route('naive-bayes.testing-delete', $data['user_id']) }}" method="POST" class="d-inline" onsubmit="return confirm('Yakin ingin menghapus data ini?')">
                                        @csrf
                                        @method('DELETE')
                                        <button type="submit" class="btn btn-danger py-2">
                                            <i class="icon-trash btn-icon-prepend"></i>
                                        </button>
                                    </form>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- MODAL 1: IMPORT DATA --}}
<div class="modal fade" id="exampleModalIn" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Import Data Klasifikasi</h5>
                <a href="{{ route('naive-bayes.download2') }}" class="btn btn-primary">Download Template</a>
            </div>
            <div class="modal-body">
                <form method="POST" action="{{ route('naive-bayes.import2') }}" id="import" enctype="multipart/form-data">
                    @csrf

                    <div class="form-group mb-3">
                        <label class="fs-6 font-weight-bold">Tahun Ajaran & Gelombang</label>
                        <select name="academy_year_id" class="form-select" required>
                            <option value="">-- Pilih --</option>
                            @foreach($tahun_ajaran ?? [] as $ta) {{-- Pakai ?? [] biar gak error kalau variable kosong --}}
                                <option value="{{ $ta->id }}">
                                    {{ $ta->year }} ({{ $ta->stage->name ?? '' }})
                                </option>
                            @endforeach
                        </select>
                    </div>

                    <div class="form-group">
                        <label class="fs-6 font-weight-bold">Pilih</label>
                        <div class="input-group">
                            <input type="file" name="file" class="form-control pb-4" required>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Batal</button>
                <button type="submit" class="btn btn-primary" form="import">Upload</button>
            </div>
        </div>
    </div>
</div>

{{-- MODAL 2: INPUT MANUAL --}}
<div class="modal fade" id="manualInput" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content shadow">
            {{-- Header --}}
            <div class="modal-header bg-success text-white">
                <h5 class="modal-title" id="exampleModalLabel">Masukan Data Testing</h5>
            </div>

            {{-- Body --}}
            <div class="modal-body">
                <form method="POST" action="{{ route('naive-bayes.manual2') }}" id="manual">
                    @csrf

                    {{-- DATA UTAMA --}}
                    <h6 class="text-primary font-weight-bold mb-3">Data Pribadi</h6>
                    <div class="row">

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Nama Panggilan</label>
                            <input name="name"
                                class="form-control @error('name') is-invalid @enderror"
                                value="{{ old('name') }}">
                            @error('name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Nama Lengkap</label>
                            <input name="full_name"
                                class="form-control @error('full_name') is-invalid @enderror"
                                value="{{ old('full_name') }}">
                            @error('full_name')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Umur</label>
                            <input type="number" name="age"
                                class="form-control @error('age') is-invalid @enderror"
                                value="{{ old('age') }}">
                            @error('age')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Nomor HP</label>
                            <input name="phone"
                                maxlength="13"
                                class="form-control @error('phone') is-invalid @enderror"
                                value="{{ old('phone') }}">
                            @error('phone')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">Maksimal 13 digit</small>
                        </div>
                    </div>

                    <hr>

                    {{-- DATA TAHUN AJARAN & KELUARGA --}}
                    <h6 class="text-primary font-weight-bold mb-3">Data Tahun Ajaran & Keluarga</h6>
                    <div class="row">

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Tahun Ajaran</label>
                            <select name="year" class="form-select select-solid @error('year') is-invalid @enderror">
                                <option>-- Pilih --</option>
                                @foreach ($tahun_ajaran as $item)
                                    <option value="{{ $item->year }}"
                                        {{ old('year') == $item->year ? 'selected' : '' }}>
                                        {{ $item->year }} ({{ $item->stage->name ?? '' }})
                                    </option>
                                @endforeach
                            </select>
                            @error('year')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Kondisi Keluarga</label>
                            <select name="family" class="form-select @error('family') is-invalid @enderror">
                                <option value="">-- Pilih --</option>
                                <option value="tidak-mampu">Tidak Mampu</option>
                                <option value="mampu">Mampu</option>
                                <option value="sangat-mampu">Sangat Mampu</option>
                            </select>
                            @error('family')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        {{-- <div class="col-md-6 mb-3">
                            <label class="mb-1">Penghasilan Orang Tua</label>
                            <select name="parent_income" class="form-select @error('parent_income') is-invalid @enderror">
                                <option>-- Pilih --</option>
                                <option value="0-1.999.999">Kurang dari Rp. 2.000.000</option>
                                <option value="Rp. 2.000.000 - 5.000.000">Rp. 2.000.000 - 5.000.000</option>
                                <option value="lebih dari Rp. 5.000.000">Lebih dari Rp. 5.000.000</option>
                            </select>
                            @error('parent_income')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Jumlah Saudara</label>
                            <input type="number" name="brother"
                                class="form-control @error('brother') is-invalid @enderror"
                                value="{{ old('brother') }}">
                            @error('brother')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Jumlah Hafalan Al-Qur'an</label>
                            <input type="number" name="memorization"
                                min="0" max="30"
                                class="form-control @error('memorization') is-invalid @enderror"
                                value="{{ old('memorization') }}">
                            @error('memorization')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">Rentang nilai 0 – 30</small>
                        </div> --}}

                    </div>

                    <hr>

                    {{-- PERILAKU --}}
                    {{-- <h6 class="text-primary font-weight-bold mb-3">Perilaku & Ibadah</h6> --}}
                    {{-- <div class="row">

                        @foreach ([
                            'smoker' => 'Merokok',
                            'tattoed' => 'Bertato',
                            'girlfriend' => 'Pacaran',
                            'gamer' => 'Gamer'
                        ] as $key => $label)
                            <div class="col-md-3 mb-3">
                                <label class="mb-1">{{ $label }}</label>
                                <select name="{{ $key }}" class="form-select @error($key) is-invalid @enderror">
                                    <option>-- Pilih --</option>
                                    <option value="iya">Iya</option>
                                    <option value="tidak">Tidak</option>
                                </select>
                                @error($key)
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        @endforeach

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Solat Subuh</label>
                            <select name="pray" class="form-select @error('pray') is-invalid @enderror">
                                <option>-- Pilih --</option>
                                <option value="dibangunkan">Dibangunkan</option>
                                <option value="bangun-sendiri">Bangun Sendiri</option>
                            </select>
                            @error('pray')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Status Biodata</label>
                            <select name="status_biodata" class="form-select @error('status_biodata') is-invalid @enderror">
                                <option>-- Pilih --</option>
                                <option value="lolos">Lulus</option>
                                <option value="tidak">Tidak Lulus</option>
                            </select>
                            @error('status_biodata')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                    </div> --}}

                    {{-- NILAI --}}
                    <h6 class="text-primary font-weight-bold mb-3">Nilai Tes</h6>
                    <div class="row">

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Skor IQ</label>
                            <input type="number" max="100" name="iq"
                                class="form-control @error('iq') is-invalid @enderror"
                                value="{{ old('iq') }}">
                            @error('iq')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">Rentang nilai 0 – 100</small>
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Skor Kepribadian</label>
                            <input type="number" max="250" name="kepribadian"
                                class="form-control @error('kepribadian') is-invalid @enderror"
                                value="{{ old('kepribadian') }}">
                            @error('kepribadian')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">Rentang nilai 0 – 250</small>
                        </div>

                        {{-- <div class="col-md-6 mb-3">
                            <label class="mb-1">Status Kelulusan Tes IQ</label>
                            <select name="status_iq" class="form-select @error('status_iq') is-invalid @enderror">
                                <option>-- Pilih --</option>
                                <option value="lolos">Lulus</option>
                                <option value="tidak">Tidak Lulus</option>
                            </select>
                            @error('status_iq')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6 mb-3">
                            <label class="mb-1">Status Kelulusan Tes Kepribadian</label>
                            <select name="status_kepribadian" class="form-select @error('status_kepribadian') is-invalid @enderror">
                                <option>-- Pilih --</option>
                                <option value="lolos">Lulus</option>
                                <option value="tidak">Tidak Lulus</option>
                            </select>
                            @error('status_kepribadian')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>--}}
                    </div>
                </form>
            </div>

            {{-- Footer --}}
            <div class="modal-footer">
                <button class="btn btn-secondary" data-dismiss="modal">Batal</button>
                <button class="btn btn-primary" type="submit" form="manual">
                    <i class="mdi mdi-content-save"></i> Simpan
                </button>
            </div>
        </div>
    </div>
</div>

@endsection

{{-- SCRIPT AGAR MODAL TETAP BUKA JIKA ERROR --}}
@push('after-script')
<script>
    $(document).ready(function () {
        @if ($errors->any())
            $('#manualInput').modal('show');
        @endif
    });
</script>
@endpush