@extends('layouts.admin')

@section('title','Edit Data Training')

@section('content')
<div class="container-fluid">
    <!-- Header Ringkas & Elegan -->
    <div class="d-flex align-items-center justify-content-between mb-4">
        <div>
            <h1 class="h3 mb-0 text-gray-800 font-weight-bold">Edit Data Training</h1>
            <p class="text-muted small mb-0">Perbarui entri data historis alumni untuk kalkulasi C4.5.</p>
        </div>
        <a href="{{ route('training.index') }}" class="btn btn-sm btn-secondary shadow-sm rounded-pill px-3">
            <i class="fas fa-arrow-left fa-sm text-white-50 me-1"></i> Kembali
        </a>
    </div>

    <!-- Informasi Alert Koreksi -->
    <div class="alert alert-warning border-left-warning shadow-sm bg-white" role="alert">
        <div class="d-flex align-items-center">
            <i class="fas fa-edit fa-2x text-warning me-3"></i>
            <div>
                <strong><i class="fas fa-sync"></i> Pembaruan Rekam Jejak:</strong> Mengubah data historis alumni ini akan memperbarui basis pengetahuan aturan (*rule*) pada pohon keputusan C4.5.
            </div>
        </div>
    </div>

    <form action="{{ route('training.update', $data->id) }}" method="POST">
        @csrf
        @method('PUT')
        
        <div class="row">
            <!-- Kolom Kiri: Atribut / Fitur Alumni -->
            <div class="col-lg-8 mb-4">
                <div class="card shadow border-start-warning h-100">
                    <div class="card-header bg-transparent border-0 pb-0 pt-4 px-4">
                        <h5 class="m-0 font-weight-bold text-warning">
                            <i class="fas fa-user-edit me-2"></i>Koreksi Atribut Alumni (Features)
                        </h5>
                        <hr class="mt-3 mb-0">
                    </div>
                    <div class="card-body p-4">
                        <div class="row g-3">
                            <!-- Input Nilai -->
                            <div class="col-md-6 mb-3">
                                <label class="form-label font-weight-bold text-secondary">Nilai Akhir / Rapor Alumni</label>
                                <div class="input-group">
                                    <span class="input-group-text bg-light border-end-0"><i class="fas fa-award text-muted"></i></span>
                                    <input type="number" name="nilai" step="0.01" min="0" max="100" class="form-control form-control-lg border-start-0" value="{{ $data->nilai }}" required>
                                    <span class="input-group-text bg-light text-secondary">Skala 100</span>
                                </div>
                                <span class="small text-muted mt-1 d-block">Nilai rata-rata akumulasi rapor.</span>
                            </div>

                            <!-- [DITAMBAHKAN] Input Mata Pelajaran Favorit dengan Datalist -->
                            <div class="col-md-6 mb-3">
                                <label class="form-label font-weight-bold text-secondary">Mata Pelajaran Favorit</label>
                                <div class="input-group">
                                    <span class="input-group-text bg-light border-end-0"><i class="fas fa-book-open text-muted"></i></span>
                                    <input type="text" name="mapel_favorit" list="list_mapel" class="form-control form-control-lg border-start-0" value="{{ $data->mapel_favorit }}" placeholder="Ketik atau pilih mapel favorit..." required>
                                </div>
                                <datalist id="list_mapel">
                                    <option value="Matematika">
                                    <option value="Bahasa Inggris">
                                    <option value="Biologi">
                                    <option value="Fisika">
                                    <option value="Ekonomi">
                                    <option value="Sejarah">
                                </datalist>
                                <span class="small text-muted mt-1 d-block">Mata pelajaran yang paling disukai/menonjol saat SMA.</span>
                            </div>

                            <!-- Input Preferensi Studi -->
                            <div class="col-md-6 mb-3">
                                <label class="form-label font-weight-bold text-secondary">Preferensi Studi Alumni</label>
                                <div class="input-group">
                                    <span class="input-group-text bg-light border-end-0"><i class="fas fa-book-reader text-muted"></i></span>
                                    <input type="text" name="preferensi_studi" list="list_preferensi" class="form-control form-control-lg border-start-0" value="{{ $data->preferensi_studi }}" required>
                                </div>
                                <datalist id="list_preferensi">
                                    <option value="Bahasa & Komunikasi">
                                    <option value="Rekayasa Otomotif">
                                    <option value="Bisnis & Manajemen">
                                    <option value="Ilmu Peternakan">
                                    <option value="Komputer & Informatika">
                                    <option value="Ekonomi & Agribisnis">
                                    <option value="Sains & Teknologi">
                                    <option value="Kesehatan & Gizi">
                                    <option value="Pertanian & Hortikultura">
                                </datalist>
                                <span class="small text-muted mt-1 d-block">Rumpun studi yang dipilih alumni.</span>
                            </div>

                            <!-- Input Cita-Cita -->
                            <div class="col-md-6 mb-3">
                                <label class="form-label font-weight-bold text-secondary">Cita-Cita / Orientasi Karier</label>
                                <div class="input-group">
                                    <span class="input-group-text bg-light border-end-0"><i class="fas fa-briefcase text-muted"></i></span>
                                    <input type="text" name="cita_cita" list="list_cita" class="form-control form-control-lg border-start-0" value="{{ $data->cita_cita }}" required>
                                </div>
                                <datalist id="list_cita">
                                    <option value="Manajer">
                                    <option value="Manager Rantai Pasok">
                                    <option value="Akuntan Publik">
                                    <option value="Programmer">
                                    <option value="Ahli Gizi">
                                    <option value="Ahli Gizi RS">
                                    <option value="Quality Control">
                                    <option value="Pengusaha">
                                    <option value="Petani Modern">
                                    <option value="Teknisi">
                                    <option value="Peternak">
                                    <option value="Ahli Agronomi">
                                </datalist>
                                <span class="small text-muted mt-1 d-block">Target profesi/karir alumni.</span>
                            </div>

                            <!-- Input Minat -->
                            <div class="col-md-6 mb-3">
                                <label class="form-label font-weight-bold text-secondary">Minat Spesifik Alumni</label>
                                <div class="input-group">
                                    <span class="input-group-text bg-light border-end-0"><i class="fas fa-heart text-muted"></i></span>
                                    <input type="text" name="minat" list="list_minat" class="form-control form-control-lg border-start-0" value="{{ $data->minat }}" required>
                                </div>
                                <datalist id="list_minat">
                                    <option value="TI & Pemrograman">
                                    <option value="Energi & Tek Mesin">
                                    <option value="Budidaya Tanaman">
                                    <option value="Budidaya Ternak">
                                    <option value="Kimia Pangan">
                                </datalist>
                                <span class="small text-muted mt-1 d-block">Bidang spesifik yang diminati.</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Kolom Kanan: Label Kelas / Target Jurusan -->
            <div class="col-lg-4 mb-4">
                <div class="card shadow border-start-primary h-100">
                    <div class="card-header bg-transparent border-0 pb-0 pt-4 px-4">
                        <h5 class="m-0 font-weight-bold text-primary"><i class="fas fa-thumbtack me-2"></i>Label Kelas (Class)</h5>
                        <hr class="mt-3 mb-0">
                    </div>
                    <div class="card-body p-4 d-flex flex-column justify-content-between">
                        <!-- Target Jurusan Dropdown -->
                        <div class="mb-4">
                            <label class="form-label font-weight-bold text-secondary">Jurusan yang Ditempuh di Polije</label>
                            <div class="input-group mb-2">
                                <span class="input-group-text bg-light border-primary text-primary"><i class="fas fa-university"></i></span>
                                <select name="jurusan" class="form-select form-select-lg border-primary text-primary font-weight-bold" required>
                                    <option value="" class="text-dark">-- Pilih Jurusan Asli Alumni --</option>
                                    <option value="Teknologi Informasi" {{ $data->jurusan == 'Teknologi Informasi' ? 'selected' : '' }} class="text-dark">Teknologi Informasi [TI]</option>
                                    <option value="Manajemen Agribisnis" {{ $data->jurusan == 'Manajemen Agribisnis' ? 'selected' : '' }} class="text-dark">Manajemen Agribisnis [MNA]</option>
                                    <option value="Teknologi Pertanian" {{ $data->jurusan == 'Teknologi Pertanian' ? 'selected' : '' }} class="text-dark">Teknologi Pertanian [TP]</option>
                                    <option value="Produksi Pertanian" {{ $data->jurusan == 'Produksi Pertanian' ? 'selected' : '' }} class="text-dark">Produksi Pertanian [PP]</option>
                                    <option value="Kesehatan" {{ $data->jurusan == 'Kesehatan' ? 'selected' : '' }} class="text-dark">Kesehatan</option>
                                    <option value="Teknik" {{ $data->jurusan == 'Teknik' ? 'selected' : '' }} class="text-dark">Teknik</option>
                                    <option value="Peternakan" {{ $data->jurusan == 'Peternakan' ? 'selected' : '' }} class="text-dark">Peternakan</option>
                                    <option value="Bisnis" {{ $data->jurusan == 'Bisnis' ? 'selected' : '' }} class="text-dark">Bisnis</option>
                                    <option value="Bahasa, Komunikasi, Pariwisata" {{ $data->jurusan == 'Bahasa, Komunikasi, Pariwisata' ? 'selected' : '' }} class="text-dark">Bahasa, Komunikasi, Pariwisata</option>
                                </select>
                            </div>
                            <span class="small text-muted d-block mt-2">
                                <i class="fas fa-info-circle me-1"></i>Pilihan ini menentukan target klasifikasi berdasarkan pilihan program studi riil alumni terdahulu.
                            </span>
                        </div>

                        <!-- Tombol Aksi Update -->
                        <div class="d-grid gap-2 mt-auto">
                            <button type="submit" class="btn btn-warning text-white btn-lg shadow-sm font-weight-bold">
                                <i class="fas fa-sync-alt me-1"></i> Update Data
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection