258 lines
13 KiB
PHP
258 lines
13 KiB
PHP
<div class="row">
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="jenis">Jenis Dana</label>
|
|
<select id="jenis_dana" name="jenis_dana" class="form-control form-control-sm jenis_dana" required>
|
|
@php foreach(getJenisDana() as $jenisDana){ @endphp
|
|
<option value="{{ $jenisDana }}">{{ $jenisDana }}</option>
|
|
@php } @endphp
|
|
</select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="jenis">Sub Jenis Dana</label>
|
|
<select id="sub_jenis_dana" name="sub_jenis_dana" class="form-control sub_jenis_dana" required></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="txt_simtrad4_kotor">Kode Rekening</label>
|
|
<select id="id_sps" name="id_sps" style="width:100%" class="form-control sps_search"></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="jenis">Jenis Belanja</label>
|
|
<select id="jenis" name="jenis" class="form-control jenis_belanja_search" required></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sub_jenis">Sub Jenis Belanja</label>
|
|
<select id="sub_jenis" name="sub_jenis" class="form-control sub_jenis_belanja_search"></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="prog">Program</label>
|
|
<select name="prog" class="form-control prog_search" required></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="skpd">SKPD</label>
|
|
<select name="skpd" class="form-control skpd_search" required></select>
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="keg">Kegiatan</label>
|
|
<select name="keg" class="form-control keg_search" required></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Sub Kegiatan</label>
|
|
<select name="sk" class="form-control sk_search" required></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="rsk">Rinci Sub Kegiatan</label>
|
|
<select name="rsk" class="form-control rsk_search" required></select>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="anggaran">Anggaran</label>
|
|
<input type="text" class="form-control form-control-sm number-separator-indo" name="anggaran">
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="anggaran">Alokasi Anggaran</label>
|
|
<input class="form-control form-control-sm number-separator-indo" name="alokasi_anggaran" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Volume</label>
|
|
<input class="form-control form-control-sm number-separator-indo" name="vol" required>
|
|
</div>
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Unit</label>
|
|
<select id="unit" name="unit" class="form-control form-control-sm" required placeholder="Unit Realisasi">
|
|
<?php foreach($unitSatuan as $satuan){ ?>
|
|
<option value="{{ $satuan->nama_satuan }}">{{ $satuan->nama_satuan }}</option>
|
|
<?php } ?>
|
|
</select>
|
|
</div>
|
|
<div id="div_jml_rencana_kontrak" class="form-group" style="display: none;">
|
|
<label class="col-form-label label-align" for="sk">Jumlah Rencana Kontrak</label>
|
|
<input type="number" class="form-control form-control-sm" name="jml_rencana_kontrak" required>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="divDAU" class="mb-3 p-3" style="background: whitesmoke; border:1px solid #dfdfdf; display:none; ">
|
|
<h5>RINCIAN PELAPORAN PERSYARATAN SALUR DAU</h5>
|
|
<hr>
|
|
<div id="div-rinci-dau">
|
|
<div class="data-dau row">
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Sumber Dana Anggaran DAU </label>
|
|
<select class="form-control form-control-sm" id="periode_anggaran" name="dau[periode_anggaran][]" >
|
|
<option value="DAU Tahun Berjalan" name="dau[periode_anggaran][]">Tahun Berjalan</option>
|
|
<option value="Sisa DAU Tahun Sebelumnya" name="dau[periode_anggaran][]">Tahun Sebelumnya</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align">Rinci Aktivitas</label>
|
|
<select name="dau[deskripsi][]" class="form-control rinci_dau" required></select>
|
|
<input name="dau[deskripsi_name][]" class="txt_rinci_dau" type="hidden">
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align">Anggaran</label>
|
|
<input type="text" class="form-control form-control-sm number-separator-indo anggaran-dau" name="dau[anggaran][]" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Volume</label>
|
|
<input class="form-control form-control-sm number-separator-indo" name="dau[volume][]" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Unit</label>
|
|
<input class="form-control form-control-sm dau-satuan" name="dau[unit][]" readonly required placeholder="Unit Realisasi">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<button id="btnAddRinciDAU" type="button" class="btn btn-primary"><i class="fa fa-plus"></i> Tambah Rincian</button>
|
|
</div>
|
|
{{-- <button id="btn_save_realisasi_pendapatan" type="submit" class="btn btn-sm btn-success"><i class="fa fa-save"></i> Simpan</button> --}}
|
|
|
|
@section('scripts')
|
|
<script type="text/javascript">
|
|
var cekInputKontrak = (dat)=>{
|
|
if (dat == "Fisik")
|
|
{
|
|
$("#div_jml_rencana_kontrak").show();
|
|
$("input[name=jml_rencana_kontrak]").prop("required", true);
|
|
}else{
|
|
$("#div_jml_rencana_kontrak").hide();
|
|
$("input[name=jml_rencana_kontrak]").val(0);
|
|
$("input[name=jml_rencana_kontrak]").prop("required", false);
|
|
}
|
|
}
|
|
|
|
$(document).ready(function(){
|
|
|
|
$("#divDAU").hide();
|
|
$("#divDAU input, #divDAU select").prop("disabled", true);
|
|
$("#periode_anggaran").prop("disabled", true);
|
|
|
|
|
|
$('select[name=jenis]').on('select2:select', function (e) {
|
|
var data = e.params.data;
|
|
subJenisBelanja(data.id);
|
|
})
|
|
|
|
$('select[name=jenis_dana]').on('change', function (e) {
|
|
$("#sub_jenis_dana").val('').trigger('change');
|
|
$("#jenis").val('').trigger('change');
|
|
$("#sub_jenis").val('').trigger('change');
|
|
subJenisDana($(this).val());
|
|
jenisBelanja($(this).val());
|
|
$("input[name=alokasi_anggaran]").prop("disabled",false);
|
|
$("input[name=vol]").prop("disabled",false);
|
|
$("select[name=unit]").prop("disabled",false);
|
|
$("select[name=periode_anggaran]").prop("disabled",false );
|
|
$("#divDAU").hide();
|
|
$("#divDAU input").prop("disabled", true);
|
|
if ($(this).val()=="DAU"){
|
|
$("#divDAU").show();
|
|
$("input[name=alokasi_anggaran]").prop("disabled",true);
|
|
$("input[name=vol]").prop("disabled",true);
|
|
$("select[name=unit]").prop("disabled",true );
|
|
$("#divDAU input, #divDAU select").prop("disabled", false);
|
|
$("select[name=periode_anggaran]").prop("disabled",false );
|
|
}
|
|
})
|
|
|
|
$('select[name=sub_jenis_dana]').on('select2:select', function (e) {
|
|
let data = e.params.data;
|
|
cekInputKontrak(data.text);
|
|
})
|
|
|
|
$("#btnAddRinciDAU").on("click",()=>{
|
|
$("#div-rinci-dau").append(`
|
|
<div class="data-dau row">
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Sumber Dana Anggaran DAU</label>
|
|
<select class="form-control form-control-sm" name="dau[periode_anggaran][]">
|
|
<option value="Tahun Berjalan" name="dau[periode_anggaran][]">Tahun Berjalan</option>
|
|
<option value="Tahun Sebelumnya" name="dau[periode_anggaran][]">Tahun Sebelumnya</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align">Jenis Output (Berdasarkan PMK)</label>
|
|
<select name="dau[deskripsi][]" class="form-control rinci_dau" required></select>
|
|
<input class="txt_rinci_dau" name="dau[deskripsi_name][]" type="hidden">
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align">Anggaran</label>
|
|
<input type="text" class="form-control form-control-sm number-separator-indo anggaran-dau" name="dau[anggaran][]" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Volume</label>
|
|
<input class="form-control form-control-sm number-separator-indo" name="dau[volume][]" required>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<div class="form-group">
|
|
<label class="col-form-label label-align" for="sk">Unit</label>
|
|
<input class="form-control form-control-sm dau-satuan" name="dau[unit][]" readonly required placeholder="Unit Realisasi">
|
|
</div>
|
|
<div class="col-1 align-self-center">
|
|
<button type="button" class="btn btn-danger hapusRinciDau mt-3">x</button>
|
|
</div>
|
|
</div>
|
|
`);
|
|
|
|
dauRinci();
|
|
});
|
|
|
|
$(document).on("click",".hapusRinciDau",function(){
|
|
$(this).closest(".data-dau").remove()
|
|
})
|
|
|
|
$(document).on('select2:select','.rinci_dau', function (e) {
|
|
let data = e.params.data;
|
|
let idx = $(".rinci_dau").index($(this));
|
|
$($(".txt_rinci_dau")[idx]).val(data.text);
|
|
$.ajax({
|
|
url: "{{ url("/item-search-dau-rinci-detail") }}",
|
|
headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },
|
|
type: "json",
|
|
method: "POST",
|
|
data:{
|
|
'id': data.id
|
|
},
|
|
success: function(datax){
|
|
$($(".dau-satuan")[idx]).val(datax.satuan);
|
|
}
|
|
})
|
|
})
|
|
|
|
});
|
|
|
|
|
|
var cekInputDAU = function(){
|
|
if ($("#jenis_dana").val()=="DAU"){
|
|
let jmlAnggaran = 0;
|
|
for(let x=0;x<$(".anggaran-dau").length;x++){
|
|
jmlAnggaran += parseFloat(replaceValue($($(".anggaran-dau")[x]).val()));
|
|
}
|
|
|
|
if (jmlAnggaran != parseFloat(replaceValue($("input[name=anggaran]").val()))){
|
|
Swal.fire("Info","Jumlah Anggaran yang diinput tidak sesuai!","error")
|
|
return false;
|
|
}
|
|
}
|
|
return true;
|
|
}
|
|
</script>
|
|
@endsection
|