@extends('layouts.admin')

@section('title','Tambah 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">Tambah Data Training</h1>
            <p class="text-muted small mb-0">Masukkan sampel data historis alumni untuk memperkaya dataset 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 -->
    <div class="alert alert-info border-left-info shadow-sm bg-white" role="alert">
        <div class="d-flex align-items-center">
            <i class="fas fa-info-circle fa-2x text-info me-3"></i>
            <div>
                <strong><i class="fas fa-database"></i> Manajemen Dataset:</strong> Halaman ini digunakan oleh Admin untuk menginputkan data riwayat alumni SMA. Data historis ini akan diekstraksi nilainya menjadi pola pohon keputusan pada Algoritma C4.5.
            </div>
        </div>
    </div>

    <form action="{{ route('training.store') }}" method="POST">
        @csrf
        <div class="row">
            <!-- Kolom Kiri: Atribut / Fitur Alumni -->
            <div class="col-lg-8 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-user-graduate me-2"></i>Atribut Rekam Jejak 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" placeholder="Contoh: 88.50" required>
                                    <span class="input-group-text bg-light text-secondary">Skala 100</span>
                                </div>
                                <span class="small text-muted mt-1 d-block">Masukkan 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" 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" placeholder="Ketik atau pilih rumpun 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">Pilihan rumpun studi yang dituju 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" placeholder="Ketik cita-cita alumni..." 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 yang diinginkan.</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" placeholder="Ketik minat spesifik alumni..." 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 keahlian khusus 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-success h-100">
                    <div class="card-header bg-transparent border-0 pb-0 pt-4 px-4">
                        <h5 class="m-0 font-weight-bold text-success"><i class="fas fa-tags 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-success text-success"><i class="fas fa-university"></i></span>
                                <select name="jurusan" class="form-select form-select-lg border-success text-success font-weight-bold" required>
                                    <option value="" class="text-dark">-- Pilih Jurusan Asli Alumni --</option>
                                    <option value="Teknologi Informasi" class="text-dark">Teknologi Informasi [TI]</option>
                                    <option value="Manajemen Agribisnis" class="text-dark">Manajemen Agribisnis [MNA]</option>
                                    <option value="Teknologi Pertanian" class="text-dark">Teknologi Pertanian [TP]</option>
                                    <option value="Produksi Pertanian" class="text-dark">Produksi Pertanian [PP]</option>
                                    <option value="Kesehatan" class="text-dark">Kesehatan</option>
                                    <option value="Teknik" class="text-dark">Teknik</option>
                                    <option value="Peternakan" class="text-dark">Peternakan</option>
                                    <option value="Bisnis" class="text-dark">Bisnis</option>
                                    <option value="Bahasa, Komunikasi, Pariwisata" 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 -->
                        <div class="d-grid gap-2 mt-auto">
                            <button type="submit" class="btn btn-success btn-lg shadow-sm font-weight-bold">
                                <i class="fas fa-save me-1"></i> Simpan Data Training
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
@endsection