MIF_E31210245/resources/views/pages/data-transaksi.blade.php

189 lines
9.6 KiB
PHP

@extends('layouts.app')
@section('title')
Dashboard | Laporan Keuangan
@endsection
@php
use Carbon\Carbon;
Carbon::setLocale('id'); // Set locale ke Bahasa Indonesia ('id')
@endphp
@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">Laporan Keuangan</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">
<div class="col-md-2">
<select id="filter-month" 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>
</div>
</div>
</div>
<br><br><br>
{{-- laporan keuangan --}}
<div class="dashboard-content mb-3">
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-md-2">
{{-- <a href="{{ route('export.data', ['bulan' => $bulan, 'tahun' => $tahun]) }}" class="btn btn-primary">Export Data</a> --}}
{{-- <div class="d-sm-flex align-items-center justify-content-between">
<span class="mb-0 text-gray-800">Laporan Keuangan</span>
</div> --}}
</div>
</div>
<br>
<div class="table-responsive">
<table class="table-bordered scroll-horizontal-vertical w-100">
<thead>
<tr class="text-center">
<th rowspan="2">No</th>
<th rowspan="2">Name</th>
<th colspan="2">Total</th>
</tr>
<tr class="text-center">
<th class="bg-success text-light">Pemasukan</th> <!-- Warna hijau untuk Pemasukan -->
<th class="bg-danger text-light">Pengeluaran</th>
</tr>
</thead>
<tbody>
@foreach($transactions as $data)
<tr>
<td class="text-center">{{ $no++ }}</td>
<td>{{ $data->nama_tagihan }}</td>
@if($data->jenis_transaksi == 'Pendapatan')
<td class="text-center" >Rp. {{ number_format($data->jumlah, 0, ',', '.') }}</td>
<td class="text-center" >-</td>
<!-- Warna hijau untuk Pemasukan -->
@elseif($data->jenis_transaksi == 'Pengeluaran')
<td class="text-center">-</td>
<td class="text-center">Rp. {{ number_format($data->jumlah, 0, ',', '.') }}</td>
@endif
@endforeach
</tr>
<tr>
<td class="text-center" colspan="2">Total</td>
<td class="text-center" >Rp. {{ number_format($totalsaldo, 0, ',', '.') }}</td>
<td class="text-center">Rp. {{ number_format($totalpengeluaran, 0, ',', '.') }}</td>
</tr>
<tr>
@if($bulan == NULL And $tahun == NULL)
<td class="text-center" colspan="2">Jumlah Saldo</td>
@else
<td class="text-center" colspan="2">Jumlah Saldo {{ Carbon::createFromFormat('m', $bulan)->translatedFormat('F') }}
{{ $tahun }}</td>
@endif
<td class="text-center" colspan="2">Rp. {{ number_format($totalsaldo - $totalpengeluaran, 0, ',', '.') }}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
@endsection
@push('addon-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('filter-month');
var selectYear = document.getElementById('tahun');
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('filter-month').value;
var selectedYear = document.getElementById('tahun').value;
// Kirim nilai yang dipilih ke URL yang sesuai (misalnya, ke endpoint dengan AJAX atau sebagai parameter URL)
if (selectedMonth && selectedYear) {
window.location.href = "{{ route('Laporan-Keuangan.index') }}?bulan=" + selectedMonth + "&tahun=" + selectedYear;
} else {
// Tampilkan pesan atau ambil tindakan lain jika nilai bulan atau tahun tidak dipilih
alert('Harap pilih bulan dan tahun sebelum mengirim.');
}
}
function print() {
// Dapatkan nilai yang dipilih dari elemen <select> bulan dan tahun
var selectedMonth = document.getElementById('filter-month').value;
var selectedYear = document.getElementById('tahun').value;
// Kirim nilai yang dipilih ke URL yang sesuai (misalnya, ke endpoint dengan AJAX atau sebagai parameter URL)
if (selectedMonth && selectedYear) {
// Contoh: Redirect ke URL dengan parameter bulan dan tahun
window.location.href = "{{ route('export.data') }}?bulan=" + selectedMonth + "&tahun=" + selectedYear;
} else {
// Tampilkan pesan atau ambil tindakan lain jika nilai bulan atau tahun tidak dipilih
alert('Harap pilih bulan dan tahun sebelum mengirim.');
}
}
</script>
@endpush