MIF_E31210245/resources/views/pages/data-pendapatan-danabos.bla...

265 lines
12 KiB
PHP

@extends('layouts.app')
@section('title')
Dashboard | Data Pendapatan
@endsection
@section('content')
<div class="container-fluid">
<!-- Page Heading -->
<div class="d-sm-flex align-items-center justify-content-between mb-4">
<h1 class="h3 mb-0 text-gray-800">Data Pendapatan Dana Bos</h1>
</div>
<!-- Content Row -->
{{-- <div class="row"> --}}
<div class="dashboard-content mb-3">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-body">
@if (session('success'))
<div class="alert alert-success">
{{ session('success') }}
</div>
@endif
<a href="" class="btn btn-primary mb-3" type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#adduser">
+ Tambah Data
</a>
<div class="table-responsive">
<table class="table-hover scroll-horizontal-vertical w-100" id="tagihan">
<thead>
<tr>
<th>No</th>
<th>bukti_transaksi</th>
<th>Keterangan</th>
<th>Tanggal Transaksi</th>
<th>Total</th>
<th>Aksi</th>
</tr>
</thead>
<tbody>
</tbody>
</div>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
{{-- </div> --}}
<div class="modal fade" id="editModal" tabindex="1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-3" id="exampleModalLabel">Edit Transaksi
</h1>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form id="editTaskForm" method="POST" enctype="multipart/form-data">
@csrf
@method('PUT')
<input type="hidden" name="tagihan_id"id="tagihan_id">
<input type="hidden" name="id" id="id">
<input id="user_id" type="hidden" class="form-control" value="{{ Auth::User()->id }}" name="user_id">
<input id="metode" type="hidden" class="form-control" value="cash" name="metode">
<div class="mb-3">
<label for="keterangan" class="form-label">Keterangan</label>
<input id="keterangan" type="text" class="form-control @error('name') is-invalid @enderror" name="keterangan" autofocus>
</div>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Tanggal Transaksi</label>
<input type="date" name="tgl_pembayaran" class="form-control" id="tgl_pembayaran"
aria-describedby="emailHelp">
</div>
<div class="mb-3">
<label for="bukti_transaksi" class="form-label">Nota/kwitansi(Opsional)</label>
<input type="file" name="bukti_transaksi" class="form-control" id="bukti_transaksi"
aria-describedby="emailHelp">
</div>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Jumlah</label>
<input type="number" name="total" class="form-control" id="total"
aria-describedby="emailHelp">
<input type="hidden" name="status" class="form-control" id="status"
aria-describedby="emailHelp" value="2">
<input type="hidden" name="jenis_transaksi" class="form-control" id="jenis_transaksi"
aria-describedby="emailHelp" value="Pendapatan">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Save changes</button>
</form>
</div>
</div>
</div>
</div>
{{-- modal add --}}
<div class="modal fade" id="adduser" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title bold fs-3" id="exampleModalLabel">{{ __('Tambah Tagihan') }}</h4>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form action="{{ route('data-pendapatan.store') }}" method="POST" enctype="multipart/form-data">
@csrf
@method('POST')
@if(Auth::user()->role == 'bendahara-excellent')
<input type="hidden" name="jurusan" id="jurusan" value="excellent">
@else
<input type="hidden" name="jurusan" id="jurusan" value="reguler">
@endif
<input type="hidden" name="tagihan_id" value="5">
<div class="mb-3">
<label for="keterangan" class="form-label">Keterangan</label>
<input id="keterangan" type="text" class="form-control @error('name') is-invalid @enderror" name="keterangan" autofocus>
<input id="user_id" type="hidden" class="form-control" value="{{ Auth::User()->id }}" name="user_id">
<input id="metode" type="hidden" class="form-control" value="cash" name="metode">
</div>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Tanggal Transaksi</label>
<input type="date" name="tgl_pembayaran" class="form-control" id="tgl_pembayaran"
aria-describedby="emailHelp">
</div>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Nota/kwitansi(Opsional)</label>
<input type="file" name="bukti_transaksi" class="form-control" id="bukti_transaksi"
aria-describedby="emailHelp">
</div>
<div class="mb-3">
<label for="exampleInputEmail1" class="form-label">Jumlah</label>
<input type="text" name="total" class="form-control" id="total"
aria-describedby="emailHelp">
<input type="hidden" name="status" class="form-control" id="status"
aria-describedby="emailHelp" value="2">
<input type="hidden" name="jenis_transaksi" class="form-control" id="jenis_transaksi"
aria-describedby="emailHelp" value="Pendapatan">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="submit" class="btn btn-primary">Save changes</button>
</form>
</div>
</div>
</div>
</div>
{{-- end modal add --}}
</div>
@endsection
@push('addon-script')
<script type="text/javascript">
// crud
$(document).ready(function() {
var table= $('#tagihan').DataTable({
processing: true,
serverSide: true,
ajax: '{{ url()->current() }}',
columns: [
{
data: 'no',
name: 'no'
},
{
data: 'bukti_transaksi',
name: 'bukti_transaksi'
},
{
data: 'keterangan',
name: 'Keterangan'
},
{
data: 'tgl_pembayaran',
name: 'Tanggal Transaksi'
},
{
data: 'total',
name: 'total'
},
{
data: 'action',
name: 'action',
orderable: false,
searcable: false,
width: '15%'
},
]
});
// Edit Task Modal
$('#editModal').on('show.bs.modal', function(event) {
var button = $(event.relatedTarget); // Button that triggered the modal
var id = button.data('id');
var tagihan_id = button.data('tagihan_id'); // Extract info from data-* attributes
var user_id = button.data('user_id');
var keterangan = button.data('keterangan');
var tgl_pembayaran = button.data('tgl_pembayaran');
var total = button.data('total');
var status = button.data('status');
var bukti_transaksi = button.data('bukti_transaksi');
var Pendapatan = button.data('Pendapatan');
var modal = $(this);
modal.find('#id').val(id);
modal.find('#tagihan_id').val(tagihan_id);
modal.find('#user_id').val(user_id);
modal.find('#keterangan').val(keterangan);
modal.find('#tgl_pembayaran').val(tgl_pembayaran);
// modal.find('#bukti_transaksi').val(bukti_transaksi);
modal.find('#total').val(total);
modal.find('#status').val(status);
modal.find('#Pendapatan').val(Pendapatan);
});
// Submit Edit Task Form
$('#editTaskForm').on('submit', function(e) {
e.preventDefault();
// console.log(bukti_transaksi);
// Validasi di sini (pastikan semua field yang diperlukan diisi)
var confirmation = confirm('Anda yakin ingin menyimpan perubahan?');
if (confirmation) {
var formData = new FormData(this); // Buat objek FormData dari formulir
var transaksi_id = $('#id').val();
// console.log('Data yang akan dikirim:', bukti_transaksi);
// Tambahkan transaksi_id ke FormData (opsional, bergantung pada kebutuhan server)
formData.append('transaksi_id', transaksi_id);
$.ajax({
url: '/data-danabos/' + transaksi_id,
type: 'POST',
data: formData,
contentType: false, // Tidak atur contentType untuk FormData
processData: false, // Tidak memproses FormData secara otomatis
success: function(data) {
alert('Data Berhasil Diubah');
window.location.href = '/data-danabos';
},
error: function(xhr, status, error) {
var errorMessage = xhr.responseJSON.message;
alert('Terjadi Kesalahan: ' + errorMessage);
window.location.href = '/data-danabos';
}
});
}
});
});
</script>
@endpush