315 lines
21 KiB
PHP
315 lines
21 KiB
PHP
@extends('layout.main')
|
|
|
|
@section('content')
|
|
<div class="container-xxl flex-grow-1 container-p-y">
|
|
<div class="card">
|
|
<div class="card-header border-bottom mb-4">
|
|
<h5 class="card-title mb-0">Tambah Petani (CPM) Baru</h5>
|
|
</div>
|
|
|
|
<div class="card-body">
|
|
<form id="addNewPetaniForm" action="{{ route('petani-cpm.store', ['program_id' => $program->id]) }}" method="POST" >
|
|
@csrf
|
|
|
|
@if ($errors->any())
|
|
<div class="alert alert-danger">
|
|
<ul class="mb-0">
|
|
@foreach ($errors->all() as $error)
|
|
<li>{{ $error }}</li>
|
|
@endforeach
|
|
</ul>
|
|
</div>
|
|
@endif
|
|
|
|
<h6 class="mb-3">Informasi Petani</h6>
|
|
<div class="row">
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-nama">Nama Petani<span class="text-danger">*</span></label>
|
|
<input type="text" class="form-control @error('nama') is-invalid @enderror" id="add-petani-nama" name="nama" placeholder="Cth: John Doe" value="{{ old('nama') }}" />
|
|
@error('nama')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-jenis-kelamin">Jenis Kelamin<span class="text-danger">*</span></label>
|
|
<select class="form-control @error('jenis_kelamin') is-invalid @enderror" id="add-petani-jenis-kelamin" name="jenis_kelamin">
|
|
<option value="">Pilih Jenis Kelamin</option>
|
|
<option value="1" {{ old('jenis_kelamin') == '1' ? 'selected' : '' }}>Laki-laki</option>
|
|
<option value="0" {{ old('jenis_kelamin') == '0' ? 'selected' : '' }}>Perempuan</option>
|
|
</select>
|
|
@error('jenis_kelamin')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-tanggal-lahir">Tanggal Lahir</label>
|
|
<input type="date" class="form-control @error('tanggal_lahir') is-invalid @enderror" id="add-petani-tanggal-lahir" name="tanggal_lahir" value="{{ old('tanggal_lahir') }}" />
|
|
@error('tanggal_lahir')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-pendidikan-terakhir">Pendidikan Terakhir</label>
|
|
<select class="form-control @error('pendidikan_terakhir') is-invalid @enderror" id="add-petani-pendidikan-terakhir" name="pendidikan_terakhir">
|
|
<option value="">Pilih Pendidikan Terakhir</option>
|
|
@foreach($pendidikan as $value)
|
|
<option value="{{ $value['value'] }}" {{ old('pendidikan_terakhir') == $value['value'] ? 'selected' : '' }}>{{ $value['label'] }}</option>
|
|
@endforeach
|
|
</select>
|
|
@error('pendidikan_terakhir')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-12 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-alamat">Alamat</label>
|
|
<input type="text" class="form-control @error('alamat') is-invalid @enderror" id="add-petani-alamat" name="alamat" placeholder="Cth: Alamat lengkap petani" value="{{ old('alamat') }}" />
|
|
@error('alamat')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-provinsi">Provinsi</label>
|
|
<select class="form-control @error('provinsi_id') is-invalid @enderror" id="add-petani-provinsi" name="provinsi_id">
|
|
<option value="">Pilih Provinsi</option>
|
|
@foreach($provinsi as $p)
|
|
<option value="{{ $p->id }}" {{ old('provinsi_id') == $p->id ? 'selected' : '' }}>{{ $p->nama }}</option>
|
|
@endforeach
|
|
</select>
|
|
@error('provinsi_id')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-kabupaten">Kabupaten/Kota</label>
|
|
<select class="form-control @error('kabupaten_id') is-invalid @enderror" id="add-petani-kabupaten" name="kabupaten_id" disabled>
|
|
<option value="">Pilih Kabupaten/Kota</option>
|
|
</select>
|
|
@error('kabupaten_id')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-kecamatan">Kecamatan</label>
|
|
<select class="form-control @error('kecamatan_id') is-invalid @enderror" id="add-petani-kecamatan" name="kecamatan_id" disabled>
|
|
<option value="">Pilih Kecamatan</option>
|
|
</select>
|
|
@error('kecamatan_id')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-desa">Desa/Kelurahan</label>
|
|
<select class="form-control @error('desa_kelurahan_id') is-invalid @enderror" id="add-petani-desa" name="desa_kelurahan_id" disabled>
|
|
<option value="">Pilih Desa/Kelurahan</option>
|
|
</select>
|
|
@error('desa_kelurahan_id')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
|
|
<hr/>
|
|
<h6 class="mb-3">Informasi Pekerjaan</h6>
|
|
|
|
<div class="row">
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-pekerjaan-utama">Pekerjaan Utama</label>
|
|
<select class="form-control @error('pekerjaan_utama') is-invalid @enderror" id="add-petani-pekerjaan-utama" name="pekerjaan_utama">
|
|
<option value="">Pilih Pekerjaan</option>
|
|
@foreach($pekerjaan as $value)
|
|
<option value="{{ $value['value'] }}" {{ old('pekerjaan_utama') == $value['value'] ? 'selected' : '' }}>{{ $value['label'] }}</option>
|
|
@endforeach
|
|
</select>
|
|
@error('pekerjaan_utama')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-komoditas">Komoditas Utama</label>
|
|
<select class="form-control @error('komoditas_id') is-invalid @enderror" id="add-petani-komoditas" name="komoditas_id">
|
|
<option value="">Pilih Komoditas</option>
|
|
@foreach($komoditas as $k)
|
|
<option value="{{ $k->id }}" {{ old('komoditas_id') == $k->id ? 'selected' : '' }}>{{ $k->nama }}</option>
|
|
@endforeach
|
|
</select>
|
|
@error('komoditas_id')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-luas-lahan">Luas Lahan (ha)</label>
|
|
<input type="number" step="0.01" class="form-control @error('luas_lahan') is-invalid @enderror" id="add-petani-luas-lahan" name="luas_lahan" placeholder="Cth: 1.5" value="{{ old('luas_lahan') }}" />
|
|
@error('luas_lahan')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-lama-bertani">Lama Bertani (tahun)</label>
|
|
<input type="number" step="0.01" class="form-control @error('lama_bertani') is-invalid @enderror" id="add-petani-lama-bertani" name="lama_bertani" placeholder="Cth: 2.5" value="{{ old('lama_bertani') }}" />
|
|
@error('lama_bertani')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-pekerjaan-sampingan">Pekerjaan Sampingan</label>
|
|
<select class="form-control @error('pekerjaan_sampingan') is-invalid @enderror" id="add-petani-pekerjaan-sampingan" name="pekerjaan_sampingan">
|
|
<option value="">Pilih Pekerjaan</option>
|
|
@foreach($pekerjaan as $value)
|
|
<option value="{{ $value['value'] }}" {{ old('pekerjaan_utama') == $value['value'] ? 'selected' : '' }}>{{ $value['label'] }}</option>
|
|
@endforeach
|
|
</select>
|
|
@error('pekerjaan_sampingan')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-komoditas-sampingan">Komoditas Pekerjaan Sampingan</label>
|
|
<select class="form-control @error('komoditas_sampingan_id') is-invalid @enderror" id="add-petani-komoditas-sampingan" name="komoditas_sampingan_id">
|
|
<option value="">Pilih Komoditas</option>
|
|
@foreach($komoditas as $k)
|
|
<option value="{{ $k->id }}" {{ old('komoditas_sampingan_id') == $k->id ? 'selected' : '' }}>{{ $k->nama }}</option>
|
|
@endforeach
|
|
</select>
|
|
@error('komoditas_sampingan_id')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-luas-lahan-sampingan">Luas Lahan Pekerjaan Sampingan (ha)</label>
|
|
<input type="number" step="0.01" class="form-control @error('luas_lahan_sampingan') is-invalid @enderror" id="add-petani-luas-lahan-sampingan" name="luas_lahan_sampingan" placeholder="Cth: 1.5" value="{{ old('luas_lahan_sampingan') }}" />
|
|
@error('luas_lahan_sampingan')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-lama-bertani-sampingan">Lama Bertani Pekerjaan Sampingan (tahun)</label>
|
|
<input type="number" step="0.01" class="form-control @error('lama_bertani_sampingan') is-invalid @enderror" id="add-petani-lama-bertani-sampingan" name="lama_bertani_sampingan" placeholder="Cth: 2.5" value="{{ old('lama_bertani_sampingan') }}" />
|
|
@error('lama_bertani_sampingan')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-petani-pengumpul">Catatan Khusus</label>
|
|
<select class="form-control @error('petani_pengumpul') is-invalid @enderror" id="add-petani-petani-pengumpul" name="petani_pengumpul[]" multiple>
|
|
<option value="petani">Petani</option>
|
|
<option value="pengumpul">Pengumpul</option>
|
|
</select>
|
|
@error('petani_pengumpul')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
|
|
<hr/>
|
|
<h6 class="mb-3">Informasi Keluarga</h6>
|
|
|
|
<div class="row">
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-status-pernikahan">Status Pernikahan<span class="text-danger">*</span></label>
|
|
<select class="form-control @error('status_perkawinan') is-invalid @enderror" id="add-petani-status-pernikahan" name="status_perkawinan">
|
|
<option value="">Pilih Status Pernikahan</option>
|
|
@foreach($pernikahan as $value)
|
|
<option value="{{ $value['value'] }}" {{ old('status_perkawinan') == $value['value'] ? 'selected' : '' }}>{{ $value['label'] }}</option>
|
|
@endforeach
|
|
</select>
|
|
@error('status_perkawinan')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-status-keluarga">Hubungan Dalam Keluarga<span class="text-danger">*</span></label>
|
|
<select class="form-control @error('status_keluarga') is-invalid @enderror" id="add-petani-status-keluarga" name="status_keluarga">
|
|
<option value="">Pilih Status Keluarga</option>
|
|
@foreach($statusKeluarga as $value)
|
|
<option value="{{ $value['value'] }}" {{ old('status_keluarga') == $value['value'] ? 'selected' : '' }}>{{ $value['label'] }}</option>
|
|
@endforeach
|
|
</select>
|
|
@error('status_keluarga')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
<div class="col-md-3 mb-4 form-control-validation">
|
|
<label class="form-label" for="add-petani-jumlah-anggota-keluarga">Jumlah Tanggungan</label>
|
|
<input type="number" step="1" min="0" class="form-control @error('jumlah_tanggungan') is-invalid @enderror" id="add-petani-jumlah-anggota-keluarga" name="jumlah_tanggungan" placeholder="Cth: 4" value="{{ old('jumlah_tanggungan') }}" />
|
|
@error('jumlah_tanggungan')<div class="error invalid-feedback">{{ $message }}</div>@enderror
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mt-4 text-end">
|
|
<a href="{{ route('petani-cpm.index') }}" class="btn btn-label-secondary me-2">Kembali</a>
|
|
<button type="submit" class="btn btn-success data-submit">Simpan Petani</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endsection
|
|
|
|
@push('scripts')
|
|
<script>
|
|
'use strict';
|
|
$(document).ready(function () {
|
|
|
|
$('#add-petani-jenis-kelamin, #add-petani-pendidikan-terakhir, #add-petani-pekerjaan-utama, #add-petani-komoditas, #add-petani-pekerjaan-sampingan, #add-petani-komoditas-sampingan, #add-petani-status-pernikahan, #add-petani-status-keluarga, #add-petani-petani-pengumpul').select2();
|
|
|
|
$('#add-petani-provinsi').select2().change(function(e) {
|
|
e.preventDefault();
|
|
var provinsiId = $(this).val();
|
|
$('#add-petani-kabupaten').prop('disabled', !provinsiId).val('').trigger('change');
|
|
$('#add-petani-kecamatan').prop('disabled', true).val('').trigger('change');
|
|
$('#add-petani-desa').prop('disabled', true).val('').trigger('change');
|
|
|
|
if (provinsiId) {
|
|
$.ajax({
|
|
url: '{{ route("kabupatenkota.byprovinsi", ":id") }}'.replace(':id', provinsiId),
|
|
method: 'GET',
|
|
success: function(data) {
|
|
$('#add-petani-kabupaten').empty().append('<option value="">Pilih Kabupaten/Kota</option>');
|
|
data.forEach(function(kabupaten) {
|
|
$('#add-petani-kabupaten').append('<option value="' + kabupaten.id + '">' + kabupaten.nama + '</option>');
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|
|
$('#add-petani-kabupaten').select2().change(function(e) {
|
|
e.preventDefault();
|
|
var kabupatenId = $(this).val();
|
|
$('#add-petani-kecamatan').prop('disabled', !kabupatenId).val('').trigger('change');
|
|
$('#add-petani-desa').prop('disabled', true).val('').trigger('change');
|
|
|
|
if (kabupatenId) {
|
|
$.ajax({
|
|
url: '{{ route("kecamatan.bykabupatenkota", ":id") }}'.replace(':id', kabupatenId),
|
|
method: 'GET',
|
|
success: function(data) {
|
|
$('#add-petani-kecamatan').empty().append('<option value="">Pilih Kecamatan</option>');
|
|
data.forEach(function(kecamatan) {
|
|
$('#add-petani-kecamatan').append('<option value="' + kecamatan.id + '">' + kecamatan.nama + '</option>');
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|
|
$('#add-petani-kecamatan').select2().change(function(e) {
|
|
e.preventDefault();
|
|
var kecamatanId = $(this).val();
|
|
$('#add-petani-desa').prop('disabled', !kecamatanId).val('').trigger('change');
|
|
|
|
if (kecamatanId) {
|
|
$.ajax({
|
|
url: '{{ route("desakelurahan.bykecamatan", ":id") }}'.replace(':id', kecamatanId),
|
|
method: 'GET',
|
|
success: function(data) {
|
|
$('#add-petani-desa').empty().append('<option value="">Pilih Desa/Kelurahan</option>');
|
|
data.forEach(function(desa) {
|
|
$('#add-petani-desa').append('<option value="' + desa.id + '">' + desa.nama + '</option>');
|
|
});
|
|
}
|
|
});
|
|
}
|
|
});
|
|
$('#add-petani-desa').select2();
|
|
|
|
$.validator.addMethod("snakecase", function(value, element) {
|
|
return this.optional(element) || /^[a-z0-9]+(_[a-z0-9]+)*$/.test(value);
|
|
}, "Gunakan format snake_case (huruf kecil dan underscore)");
|
|
|
|
$('#addNewPetaniForm').validate({
|
|
rules: {
|
|
nama: { required: true },
|
|
jenis_kelamin: { required: true },
|
|
pendidikan_terakhir: { required: true },
|
|
pekerjaan_utama: { required: true },
|
|
alamat: { required: true },
|
|
},
|
|
messages: {
|
|
nama: { required: "Nama petani wajib diisi" },
|
|
jenis_kelamin: { required: "Jenis kelamin wajib diisi" },
|
|
pendidikan_terakhir: { required: "Pendidikan terakhir wajib diisi" },
|
|
pekerjaan_utama: { required: "Pekerjaan utama wajib diisi" },
|
|
alamat: { required: "Alamat wajib diisi" },
|
|
},
|
|
errorElement: 'div',
|
|
errorPlacement: function (error, element) {
|
|
error.addClass('invalid-feedback');
|
|
element.closest('.mb-6, .form-control-validation').append(error);
|
|
},
|
|
highlight: function (element) {
|
|
$(element).addClass('is-invalid');
|
|
},
|
|
unhighlight: function (element) {
|
|
$(element).removeClass('is-invalid');
|
|
}
|
|
});
|
|
});
|
|
</script>
|
|
@endpush |