MIF_E31230302/resources/views/training/create.blade.php

180 lines
12 KiB
PHP

@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