MIF_E31210245/resources/views/pages/rekapitulasi/rekapitulasi-pengeluaran.bl...

163 lines
6.7 KiB
PHP

@extends('layouts.app')
@section('title')
Dashboard | Rekapitulasi 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">Rekapitulasi Pengeluaran</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">
<div class="row mb-2">
<div class="col-md-2">
<select name="bulan" id="bulan" class="form-control">
<option value="">Pilih Bulan</option>
@foreach($listbulan as $key => $nama_bulan)
<option value="{{ $key }}">{{ $nama_bulan }}</option>
@endforeach
</select>
</div>
<div class="col-md-2">
<select class="form-control" name="tahun" id="tahun">
<option value="">Pilih Tahun</option>
@php
$startYear = 2010; // Tahun mulai
$currentYear = date('Y'); // Tahun sekarang
// Perulangan untuk menghasilkan opsi tahun dari tahun mulai hingga tahun sekarang
for ($year = $currentYear; $year >= $startYear; $year--) {
// Buat opsi tahun
echo '<option value="' . $year . '">' . $year . '</option>';
}
@endphp
</select>
</div>
<div class="col-md-2">
<button class="btn btn-primary" onclick="handleSubmit()">View</button>
<button type="button" onclick="print()" class="btn btn-success">
Print
</button>
</div>
</div>
<div class="table-responsive">
<table class="table-hover scroll-horizontal-vertical w-100" id="tagihan">
<thead>
<tr>
<th>No</th>
<th>Kategori</th>
<th>Keterangan</th>
<th>Total</th>
</tr>
</thead>
<tbody>
@foreach ($data as $item)
<tr>
<td>{{ $no++ }}</td>
<td>{{ $item->jenistagihan->name }}</td>
<td>{{ $item->keterangan }}</td>
<td>Rp. {{ number_format($item->total, 0, ',', '.') }}</td>
</tr>
@endforeach
</tbody>
</div>
<tfoot>
<tr>
<td colspan="3"></td>
<td>Total: Rp. {{ number_format($jumlahtotal, 0, ',', '.') }}</td>
</tr>
</tfoot>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('addon-script')
<script type="text/javascript">
// crud
$(document).ready(function() {
var table= $('#tagihan').DataTable({});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Dapatkan nilai bulan dan tahun dari parameter URL (jika ada)
var urlParams = new URLSearchParams(window.location.search);
var selectedMonth = urlParams.get('bulan');
var selectedYear = urlParams.get('tahun');
// Setel nilai terpilih pada elemen <select> bulan dan tahun (jika nilai tersedia)
var selectMonth = document.getElementById('bulan');
var selectYear = document.getElementById('tahun');
var selecttagihanId = document.getElementById('tagihan_id');
if (selectedMonth) {
selectMonth.value = selectedMonth;
}
if (selectedYear) {
selectYear.value = selectedYear;
}
});
function handleSubmit() {
// Dapatkan nilai yang dipilih dari elemen <select> bulan dan tahun
var selectedMonth = document.getElementById('bulan').value;
var selectedYear = document.getElementById('tahun').value;
// Buat URL dengan parameter yang dipilih
var url = "{{ route('Rekapitulasi-pengeluaran.index') }}?";
if (selectedMonth) {
url += "bulan=" + selectedMonth + "&";
}
if (selectedYear) {
url += "tahun=" + selectedYear + "&";
}
// Hapus karakter '&' terakhir jika ada
url = url.slice(0, -1);
// Redirect ke URL yang dibangun
window.location.href = url;
}
function print() {
// Dapatkan nilai yang dipilih dari elemen <select> bulan dan tahun
var selectedMonth = document.getElementById('bulan').value;
var selectedYear = document.getElementById('tahun').value;
// Buat URL dengan parameter yang dipilih
var url = "{{ route('export.pengeluaran') }}?";
if (selectedMonth) {
url += "bulan=" + selectedMonth + "&";
}
if (selectedYear) {
url += "tahun=" + selectedYear + "&";
}
// Hapus karakter '&' terakhir jika ada
url = url.slice(0, -1);
// Redirect ke URL yang dibangun
window.location.href = url;
}
</script>
@endpush