resto-dhepot/resources/views/pages/admin/pengeluaran/modalkebutuhan.blade.php

202 lines
11 KiB
PHP

<!-- Modal Tambah Menu -->
<div class="modal fade" id="modal-default-data-kebutuhan">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="col-lg-12 col-md-12 col-sm-12 mt-2">
<div class="container" style="display: contents">
<div class="card">
<div class="card bg-warning" style="min-height:5px; border-radius:1px;"></div>
<div class="card-header mt-0 pt-0">
<div class="d-flex">
<h4>Daftar Kebutuhan</h4>
<!-- Button trigger modal -->
<div class="ml-auto">
<button type="button" class="btn btn-primary" data-toggle="modal"
data-target="#modal-default-add-kebutuhan">
Tambah Kebutuhan
</button>
</div>
</div>
</div>
<div class="card-body">
<ul data-widget="treeview">
<li class="treeview">
@foreach ($coaPengeluaran as $pengeluaran)
@if ($pengeluaran->status == 0)
<a href="#">{{ $pengeluaran->coa }} |
{{ $pengeluaran->keterangan_coa }}</a>
@else
<ul class="treeview-menu">
<li><a href="#">{{ $pengeluaran->coa }} |
{{ $pengeluaran->keterangan_coa }}</a></li>
</ul>
@endif
@endforeach
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Modal Tambah Menu -->
<div class="modal fade modal_kebutuhan" id="modal-default-add-kebutuhan">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Tambah Kebutuhan</h4>
</div>
<div class="modal-body">
<div class="col-md-12">
<form id="form_member" action="{{ route('coa.simpan') }}" method="POST">
@csrf
<div class="row">
<div class="col-md-12">
<h5>Form Input Data</h5>
</div>
<div class="col-md-6 mt-3">
<label>Kode COA <span style="color: red;">*</span></label>
<select class="form-control form-control-sm" name="kode_coa" required>
<option selected disabled>--Pilih Kode COA--</option>
<option value="1">1. Aktifa</option>
<option value="2">2. Pasiva</option>
<option value="3">3. Modal</option>
<option value="4">4. Pendapatan</option>
<option value="5" selected>5. Biaya</option>
</select>
</div>
<div class="col-md-6 mt-3">
<label>Sub Kode COA <span style="color: red;">*</span></label>
<input type="text" class="form-control form-control-sm" value="500"
name="sub_kode_coa" onkeypress="return number(event)" maxlength="3"
required placeholder="Sub Kode COA">
</div>
<div class="col-12 mt-3">
<input type="checkbox" id="ceklist" checked onchange="centang()">
<label for="ceklist">Aktifkan Detail Coa</label>
</div>
<div class="col-12 mt-3">
<label>Detail COA</label>
<input type="text" class="form-control form-control-sm" id="detail_coa"
name="detail_coa" id="detail_coa" onkeypress="return number(event)"
maxlength="3" placeholder="Detail COA"
value="{{ sprintf('%02d', $getLastCoaKebutuhan) }}">
</div>
<div class="col-12 mt-3">
<label>Keterangan COA <span style="color: red;">*</span></label>
<input type="text" class="form-control form-control-sm"
name="keterangan_coa" required placeholder="Keterangan COA" required>
</div>
</div>
<hr>
<div class="btn-group">
<button type="reset" class="btn btn-sm btn-warning mr-1">Bersihkan</button>
<button type="submit" class="btn btn-sm btn-primary">Simpan</button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-default-edit-kebutuhan">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Edit Kebutuhan</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<form id="form-edit-kebutuhan" method="put" enctype="multipart/form-data">
@csrf
<div class="form-group row">
<input type="hidden" id="id-edit-kebutuhan" name="id_edit">
<div class="col-md-6">
<label for="nama-kebutuhan-edit" class="col-form-label">Nama
Kebutuhan:</label>
<input type="text" class="form-control" id="nama-kebutuhan-edit"
name="nama_kebutuhan_edit" required>
</div>
<div class="col-md-6">
<label for="simbol-edit" class="col-form-label">Simbol:</label>
<input type="text" class="form-control" id="simbol-edit"
name="simbol_edit" required>
</div>
</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default"
data-dismiss="modal">Batal</button>
<button type="submit" class="btn btn-primary"
id="simpan-form-edit-kebutuhan">Simpan</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="modal fade" id="modal-default-hapus-kebutuhan">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">Hapus Kebutuhan</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<p id="button-hapus-kebutuhan">&hellip;</p>
</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
<button type="button" class="btn btn-danger button-hapus-kebutuhan">Hapus</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@push('styles')
<!-- Toastr -->
<link rel="stylesheet" href="{{ asset('assets/plugins/toastr/toastr.min.css') }}">
<link rel="stylesheet" href="{{ asset('assets/datatables/datatables.min.css') }}">
<!-- Select2 -->
<link rel="stylesheet" href="{{ asset('assets/plugins/select2/css/select2.min.css') }}">
<style>
</style>
@endpush
@push('scripts')
<!-- Toastr -->
<script src="{{ asset('assets/plugins/toastr/toastr.min.js') }}"></script>
<!-- Select2 -->
<script src="{{ asset('assets/plugins/select2/js/select2.full.min.js') }}"></script>
<script src="{{ asset('assets/datatables/datatables.min.js') }}"></script>
<!-- Bootstrap Switch -->
<script src="{{ asset('assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js') }}"></script>
<script type="text/javascript">
function centang() {
var ceklist = document.getElementById("ceklist")
var detailCoa = $('#detail_coa')
if (ceklist.checked === true) {
detailCoa.prop('disabled', false)
} else {
detailCoa.prop('disabled', true)
}
}
</script>
@endpush