@extends('template')
@section('content')
<h3 style="color: black;">{{ $title }}</h3>
@include('message')
<br>
<form action="/transaksi" id="transaksi" method="post">
<div class="card">
<div class="card-header">Rincian Biaya</div>
<div class="card-body" style="color: black;">
@csrf
<div class="form-group">
<label for="">Kegiatan<span class="text-muted text-danger">*</span></label><br>
<select name="kode" class="form-control" data-placeholder="Pilih Rekening" id="kode" required>
<option></option>
@foreach ($rekening as $a)
<option value="{{ $a->id }}" {{ old('kode') == $a->id ? 'selected' : '' }}>
{{ $a->kode }} | {{ $a->nama }} |
@foreach ($a->sub_kegiatan as $b)
{{ $b->nama }}
@break
@endforeach
| {{ $a->tahun_rekening->tahun }}
</option>
@endforeach
</select>
<div id="notif">
@error('kode')
<small class="form-text text-muted text-danger pl-3"
style="font-style: italic">{{ $message }}</small>
@enderror
</div>
</div>
<div class="form-group">
<label for="">Sub Kegiatan<span class="text-muted text-danger">*</span></label><br>
<select name="sub" class="form-control" data-placeholder="Pilih Sub Kegiatan" id="sub"
required>
<option></option>
</select>
<div id="notif0">
@error('sub')
<small class="form-text text-muted text-danger pl-3"
style="font-style: italic">{{ $message }}</small>
@enderror
</div>
</div>
{{-- <div class="form-group">
<label for="">Tahun Rekening</label><br>
<select name="tahun" class="form-control" id="tahun">
<option value="">Pilih Tahun</option>
@foreach ($tahun as $a)
<option value="{{$a->id}}" {{(old('tahun') == $a->id) ? "selected" : ""}}>{{$a->tahun}}</option>
@endforeach
</select>
<div id="notif1">
</div>
</div> --}}
<div class="form-group">
<label for="">No. BKU<span class="text-muted text-danger">*</span></label>
<?php $bku = $nextId + 1 . '/' . 'BKU-' . $bulan . '/' . date('Y'); ?>
<input type="text" name="no_bku" class="form-control" value="{{ old('no_bku', $bku) }}"
placeholder="Input No.BKU" id="no_bku">
</div>
<div id="notif1">
@error('no_bku')
<small class="form-text text-muted text-danger pl-3"
style="font-style: italic">{{ $message }}</small>
@enderror
</div>
<div class="form-group">
<label for="">Tanggal<span class="text-muted text-danger">*</span></label>
{{-- <input type="text" name="title" class="form-control" placeholder="Input Role" id=""> --}}
<input type="date" name="tanggal" class="form-control" value="{{ old('tanggal', date('Y-m-d')) }}"
id="tanggal">
</div>
<div id="notif2">
@error('tanggal')
<small class="form-text text-muted text-danger pl-3"
style="font-style: italic">{{ $message }}</small>
@enderror
</div>
<div class="form-group">
<label for="">Uraian<span class="text-muted text-danger">*</span></label>
<input type="text" name="uraian" class="form-control" value="{{ old('uraian') }}"
placeholder="Input Uraian" id="uraian">
</div>
<div id="notif3">
@error('uraian')
<small class="form-text text-muted text-danger pl-3"
style="font-style: italic">{{ $message }}</small>
@enderror
</div>
<div class="form-group">
<label for="">Jumlah Anggaran (Rp)<span class="text-muted text-danger">*</span></label>
<input type="text" readonly data-type="currency" name="maksimals" class="form-control"
value="{{ old('maksimal') }}" placeholder="Maksimal Anggaran" id="maksimals">
<input type="hidden" readonly data-type="currency" name="maksimal" class="form-control"
value="{{ old('maksimal') }}" placeholder="Maksimal Anggaran" id="maksimal">
</div>
<div id="notif4">
@error('maksimal')
<small class="form-text text-muted text-danger pl-3"
style="font-style: italic">{{ $message }}</small>
@enderror
</div>
<div class="form-group">
<label for="">Sisa Anggaran (Rp)<span class="text-muted text-danger">*</span></label>
<input type="text" data-type="currency" readonly name="sisas" class="form-control"
value="{{ old('sisa') }}" placeholder="Sisa Anggaran" id="sisas">
<input type="hidden" data-type="currency" readonly name="sisa" class="form-control"
value="{{ old('sisa') }}" placeholder="Sisa Anggaran" id="sisa">
</div>
<div id="notif5">
@error('sisa')
<small class="form-text text-muted text-danger pl-3"
style="font-style: italic">{{ $message }}</small>
@enderror
</div>
<div class="form-group">
<label for="">Rekening (Rp)<span class="text-muted text-danger">*</span></label>
<input type="text" name="rekenings" class="form-control" value="{{ old('rekening') }}"
placeholder="Input Rekening" id="rekenings" readonly>
<input type="hidden" data-type="currency" name="rekening" class="form-control"
value="{{ old('rekening') }}" placeholder="Input Rekening" id="rekening" readonly>
</div>
<div id="notif6">
@error('rekening')
<small class="form-text text-muted text-danger pl-3"
style="font-style: italic">{{ $message }}</small>
@enderror
</div>
{{-- <div class="form-group">
<div class="form-check">
<input type="checkbox" name="uang_muka" class="form-check-input" id="">
<label class="form-check-label" for="type1">
: Uang Muka
</label>
</div>
</div> --}}
<div class="form-group">
<label for="">Type<span class="text-muted text-danger">*</span></label>
<div class="form-check">
<input class="form-check-input" type="radio" name="type"
{{ old('type', 1) == 0 ? 'checked' : '' }} value="0" id="flexRadioDefault1" checked>
<label class="form-check-label" for="type1">
Debit
</label>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="type"
{{ old('type', 1) == 1 ? 'checked' : '' }} value="1" id="flexRadioDefault2">
<label class="form-check-label" for="type2">
Kredit
</label>
</div>
</div>
<div id="notif7">
@error('type')
<small class="form-text text-muted text-danger pl-3"
style="font-style: italic">{{ $message }}</small>
@enderror
</div>
<div class="form-group">
<label for="">Pilih Aktiva : <span class="text-muted text-danger"></span></label>
<select name="uang_muka" id="status" class="form-control">
{{-- <option value="false">Kas</option>
<option value="true">Uang Muka</option> --}}
@foreach ($kas as $a)
<option value="{{ $a->id }}" {{ old('uang_muka') == $a->id ? 'selected' : '' }}>
{{ $a->nama }} |
{{ $a->aktiva == 0 ? 'Lancar' : 'Tetap' }}</option>
@endforeach
</select>
</div>
<div class="form-group">
<label for="">Pilih Kewajiban dan Ekuitas : <span
class="text-muted text-danger"></span></label>
<select name="ekuitas" id="status" class="form-control">
{{-- <option value="false">Kas</option>
<option value="true">Uang Muka</option> --}}
@foreach ($ekuitas as $a)
<option value="{{ $a->id }}" {{ old('ekuitas') == $a->id ? 'selected' : '' }}>
{{ $a->nama }} |
{{ $a->type == 0 ? 'Kewajiban' : 'Ekuitas' }}</option>
@endforeach
</select>
</div>
<div class="form-group" id="uang_muka_N">
<label for="">Nominal Uang Muka (Rp)<span class="text-muted text-danger">*</span></label>
<input type="text" name="nominal_uang_mukas" class="form-control"
value="{{ old('nominal_uang_mukas') }}" placeholder="Input Nominal Uang Muka"
id="nominal_uang_mukas">
<input type="hidden" data-type="currency" name="nominal_uang_muka" class="form-control"
value="{{ old('nominal_uang_muka') }}" placeholder="Input Nominal Uang Muka"
id="nominal_uang_muka" readonly>
</div>
</div>
</div>
<div class="card">
<div class="card-header">Rincian Anggaran</div>
<div class="card-body" style="overflow-x: scroll;">
<div class="form-group">
<table class="table table-bordered">
<thead>
<tr>
<th style="vertical-align: middle;">Item Pengeluaran</th>
<th colspan="2">
<center>Volume</center>
</th>
<th style="vertical-align: middle;">Harga Satuan (Rp)</th>
<th style="vertical-align: middle;">Sub Total (Rp)</th>
<th style="vertical-align: middle;">Anggaran</th>
<th style="vertical-align: middle;">Action</th>
</tr>
</thead>
<tbody class="field_wrapper">
<tr>
<td>
<input type="text" name="item[]" placeholder="Item Pengeluaran"
class="form-control" id="">
</td>
<td>
<input type="number" name="kali[]" list="0" placeholder="Volume"
class="form-control kali" id="kali_0">
</td>
<td>
<input type="text" name="nama_volume_1[]" placeholder="Satuan"
class="form-control" id="">
</td>
{{-- <td>
<input type="number" name="unit[]" list="0" placeholder="Value Volume 2"
class="form-control unit" id="unit_0">
</td>
<td>
<input type="text" name="nama_volume_2[]" placeholder="Nama Volume 2"
class="form-control" id="">
</td> --}}
<td>
<input type="text" data-type="currency" name="harga_satuans[]" list="0"
placeholder="Harga Satuan" class="form-control harga_satuans"
id="harga_satuans_0">
<input type="hidden" name="harga_satuan[]" list="0"
placeholder="Harga Satuan" class="form-control harga_satuan" id="harga_satuan_0">
</td>
<td>
<input type="text" name="sub_totals[]" list="0" placeholder="Sub Total"
class="sub_totals form-control" readonly id="sub_totals_0">
<input type="hidden" name="sub_total[]" list="0" placeholder="Sub Total"
class="sub_total form-control" readonly id="sub_total_0">
</td>
<td>
<select name="anggaran[]" class="form-control" list="0" id="anggaran_0">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
</td>
<td>
<button class="btn btn-success" type="button" id="add_Link"> <i
class="fas fa-plus"></i> </button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
<div class="card">
<div class="card-body">
<div class="d-flex bd-highlight mb-1">
<div class="p-2 bd-highlight">
<a href="/transaksi" class="btn btn" style="background-color: #D7AE47">
<span class="text-light" style="font-size: 15px;">Kembali</span>
</a>
</div>
<div class="ml-auto p-2 bd-highlight">
<button type="button" id="simpan" class="btn btn" style="background-color: #52F258">
<span class="text-light" style="font-size: 15px;">Simpan</span>
</button>
</div>
</div>
</div>
</div>
</form>
<script>
@section('jquery')
$('#kode').select2();
$('#sub').select2();
$('#tahun').select2();
$('#uang_muka_N').hide();
$('#kode').change(function() {
var iteration = 0;
// console.log("Sapi");
$.ajax({
url: '/rekening/create?rekening=' + $(this).val(),
type: "GET",
dataType: 'json',
success: function(data) {
//console.log(data.jumlah);
$('#sub').append("<option value=''>Pilih Sub Kegiatan</option>")
$.each(data.sub_kegiatan, function(index, value) {
$('#sub').append("<option value='" + value.id + "'>" + value.nama +
"</option>");
});
$('#sub').val(data.sub_kegiatan[0].id).change();
}
});
});
$('#sub').change(function() {
var iteration = 0;
// console.log("Sapi");
$.ajax({
url: '/rekening/create?sub_kegiatan=' + $(this).val(),
type: "GET",
dataType: 'json',
success: function(data) {
//console.log(data.jumlah);
$('#maksimals').val(formatNumber(data.sub.jumlah));
$('#sisas').val(formatNumber(data.sub.sisa));
$('#maksimal').val(data.sub.jumlah);
$('#sisa').val(data.sub.sisa);
}
});
});
var status = true;
function validasi(field, kode, pesan) {
if ($(field).val() === '') {
$(field).parents('.form-group').addClass('is-invalid');
$(kode).html('<br><p class="text-danger">' + pesan + '</p>');
status = false;
// return false;
} else {
$(kode).html('');
}
}
$('#simpan').click(function() {
status = true;
validasi('#kode', '#notif', 'kegiatan Wajib diisi!');
validasi('#sub', '#notif0', 'Sub kegiatan Wajib diisi!');
validasi('#no_bku', '#notif1', 'No BKU Wajib diisi!');
validasi('#tanggal', '#notif2', 'Tanggal Wajib diisi!');
validasi('#uraian', '#notif3', 'Uraian Wajib diisi!');
validasi('#maksimal', '#notif4', 'Jumlah Anggaran Wajib diisi!');
validasi('#sisa', '#notif5', 'Sisa Anggaran Wajib diisi!');
validasi('#rekening', '#notif6', 'Rekening Wajib diisi!');
if (status == false) {
return false;
}
if (parseInt($('#rekening').val()) > parseInt($('#sisa').val())) {
// alert("Jumlah Rencana tidak boleh lebih besar dari jumlah anggaran!");
let message = 'Jumlah Rencana tidak boleh lebih besar dari jumlah anggaran!';
Swal.fire({
icon: 'error',
title: 'Gagal!',
text: message,
});
return false;
} else {
$('#transaksi').submit();
// document.forms["myform"].onsubmit = validateForm;x
}
});
// COunting
function sub_total(id) {
// var sub = ($('#kali_' + id).val() * $('#unit_' + id).val()) * $('#harga_satuan_' + id).val();
var sub = $('#kali_' + id).val() * $('#harga_satuan_' + id).val();
$('#sub_total_' + id).val(sub);
$('#sub_totals_' + id).val(formatNumber(sub.toString()));
}
function total() {
var sum = 0;
$('.sub_total').each(function(i, e) {
var v = parseInt($(e).val());
if (!isNaN(v)) {
sum += v;
$('#rekenings').val(formatNumber(sum.toString()));
$('#rekening').val(sum);
}
});
}
$(document).on('keyup', '.kali', function() {
sub_total($(this).attr('list'));
total();
});
$(document).on('keyup', '.unit', function() {
sub_total($(this).attr('list'));
total();
});
$(document).on('keyup', '.harga_satuans', function() {
$('#harga_satuan_' + $(this).attr('list')).val(backformatNumber($(this).val().toString()));
sub_total($(this).attr('list'));
//console.log($(this).val());
$(this).val(formatNumber($(this).val().toString()));
total();
});
$('#status').change(function() {
if ($(this).val() == 'true') {
$('#uang_muka_N').show();
} else {
$('#uang_muka_N').hide();
}
});
$(document).on('keyup', '#nominal_uang_mukas', function() {
$('#nominal_uang_muka').val(backformatNumber($(this).val().toString()));
$(this).val(formatNumber($(this).val().toString()));
});
let RincianVal = 1;
$('#add_Link').click(function() {
var fieldHTML = `<tr>
<td>
<input type="text" name="item[]" placeholder="Item Pengeluaran" class="form-control" id="">
</td>
<td>
<input type="number" name="kali[]" list="` + RincianVal +
`" placeholder="Volume" class="form-control kali" id="kali_` + RincianVal + `">
</td>
<td>
<input type="text" name="nama_volume_1[]" placeholder="Satuan" class="form-control" id="">
</td>` +
// <td>
// <input type="number" name="unit[]" list="` + RincianVal +
// `" placeholder="Value Volume 2" class="form-control unit" id="unit_` + RincianVal + `">
// </td>
// <td>
// <input type="text" name="nama_volume_2[]" placeholder="Nama Volume 2" class="form-control" id="">
// </td>
`<td>
<input type="text" data-type="currency" name="harga_satuans[]" list="` + RincianVal +
`" placeholder="Harga Satuan" class="form-control harga_satuans" id="harga_satuans_` +
RincianVal + `">
<input type="hidden" name="harga_satuan[]" list="` + RincianVal +
`" placeholder="Harga Satuan" class="form-control harga_satuan" id="harga_satuan_` +
RincianVal + `">
</td>
<td>
<input type="text" name="sub_totals[]" list="` + RincianVal +
`" placeholder="Sub Total" class="sub_totals form-control" readonly id="sub_totals_` +
RincianVal + `">
<input type="hidden" name="sub_total[]" list="` + RincianVal +
`" placeholder="Sub Total" class="sub_total form-control" readonly id="sub_total_` +
RincianVal + `">
</td>
<td>
<select name="anggaran[]" class="form-control" list="` + RincianVal + `" id="anggaran_` +
RincianVal + `">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
</td>
<td>
<button class="btn btn-danger" type="button" id="delete_link"> <i class="fas fa-minus"></i> </button>
</td>
</tr>`;
$('.field_wrapper').append(fieldHTML);
RincianVal += 1;
});
$(document).on('click', '#delete_link', function(e) {
e.preventDefault();
$(this).closest('tr').remove();
});
@endsection
</script>
@endsection
Anons79 File Manager Version 1.0, Coded By Anons79
Email: [email protected]
Anons79 Mini Shell