116 lines
6.4 KiB
PHP
116 lines
6.4 KiB
PHP
@extends('layout.app')
|
|
|
|
@section('content')
|
|
<div class="page-header">
|
|
<ol class="breadcrumb">
|
|
<li class="breadcrumb-item">Home</li>
|
|
<li class="breadcrumb-item">Data Kriteria</li>
|
|
<li class="breadcrumb-item active">Tambah Kriteria</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<div class="row gutters">
|
|
<!-- Kolom Kiri: Form Input -->
|
|
<div class="col-xl-8 col-lg-8 col-md-12 col-sm-12 col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<div class="card-title">Form Tambah Kriteria</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<form action="{{ route('kriteria.store') }}" method="POST">
|
|
@csrf
|
|
<div class="row gutters">
|
|
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
|
|
<div class="form-group">
|
|
<label for="kode">Kode Kriteria</label>
|
|
<input type="text" class="form-control bg-light" name="kode"
|
|
value="{{ $nextKode }}" readonly required
|
|
style="font-weight: 600; color: #333;">
|
|
<small class="form-text text-muted">Dihasilkan otomatis oleh sistem.</small>
|
|
</div>
|
|
</div>
|
|
<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
|
|
<div class="form-group">
|
|
<label for="nama">Nama Kriteria</label>
|
|
<input type="text" class="form-control @error('nama') is-invalid @enderror"
|
|
name="nama" value="{{ old('nama') }}" placeholder="Misal: Kepemilikan Rumah"
|
|
required>
|
|
@error('nama')
|
|
<div class="invalid-feedback">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
|
|
<!-- SEKSI KHUSUS SINKRONISASI -->
|
|
<div class="col-12 mt-3">
|
|
<div class="alert alert-secondary border-dashed"
|
|
style="background: #f8f9fa; border: 1px dashed #ced4da; padding: 20px;">
|
|
<h6 class="text-primary font-weight-bold mb-2">
|
|
<i class="icon-refresh"></i> Inisialisasi Data Warga
|
|
</h6>
|
|
<p class="small text-muted mb-3">
|
|
Sistem akan membuat satu Sub-Kriteria awal dan menghubungkannya ke seluruh warga
|
|
yang sudah terdaftar agar data tidak kosong.
|
|
</p>
|
|
|
|
<div class="form-group mb-0">
|
|
<label class="font-weight-bold text-dark">Nama Sub-Kriteria Default</label>
|
|
<input type="text" name="nama_sub_default"
|
|
class="form-control @error('nama_sub_default') is-invalid @enderror"
|
|
placeholder="Misal: Tidak Ada / Normal / Menumpang"
|
|
value="{{ old('nama_sub_default') }}" required>
|
|
<small class="form-text text-info italic mt-1">
|
|
*Label ini akan muncul sebagai pilihan kategori awal warga.
|
|
</small>
|
|
@error('nama_sub_default')
|
|
<div class="invalid-feedback">{{ $message }}</div>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
|
|
<div class="d-flex justify-content-end mt-4">
|
|
<a href="{{ route('kriteria.index') }}" class="btn btn-outline-secondary mr-2">Batal</a>
|
|
<button type="submit" class="btn btn-primary">
|
|
<i class="icon-save"></i> Simpan & Sinkronisasi
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Kolom Kanan: Panduan Terpisah -->
|
|
<div class="col-xl-4 col-lg-4 col-md-12 col-sm-12 col-12">
|
|
<div class="card" style="background-color: #fff9e6; border-left: 5px solid #ffc107;">
|
|
<div class="card-header">
|
|
<div class="card-title text-warning">Panduan Penting</div>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="timeline-activity">
|
|
<div class="activity-list">
|
|
<div class="activity-time font-weight-bold text-dark">Langkah 1</div>
|
|
<p>Isi <strong>Nama Kriteria</strong> utama (Contoh: Penghasilan).</p>
|
|
</div>
|
|
<hr>
|
|
<div class="activity-list">
|
|
<div class="activity-time font-weight-bold text-dark">Langkah 2</div>
|
|
<p>Tentukan <strong>Sub-Kriteria Default</strong> (Contoh: "Tidak Memiliki" atau "Kategori
|
|
Awal"). Ini adalah nilai awal bagi warga lama.</p>
|
|
</div>
|
|
<hr>
|
|
<div class="activity-list text-danger">
|
|
<div class="activity-time font-weight-bold">Efek Sistem</div>
|
|
<p>Setelah kriteria disimpan, sistem akan secara otomatis menambahkan kriteria ini ke setiap
|
|
profil warga di database.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|