This commit is contained in:
Adinda 2025-07-01 09:42:24 +07:00
commit 69f9a842bf
10 changed files with 659 additions and 252 deletions

View File

@ -19,27 +19,157 @@ class DashboardController extends Controller
// Menampilkan dashboard pimpinan.
public function pimpinan(Request $request)
{
$currentYear = now()->year;
$start = $request->get('start_date')
? Carbon::parse($request->get('start_date'))
: Carbon::create($currentYear, 1, 1)->startOfDay();
$end = $request->get('end_date')
? Carbon::parse($request->get('end_date'))
: Carbon::create($currentYear, 12, 31)->endOfDay();
[$start, $end] = $this->getDateRange($request);
$kloters = $this->getAllKloters();
$kloterData = $this->getKloterChartData($request->get('kloter'), $kloters);
$grafikBulanan = $this->getMonthlyChartData($start, $end);
$keuangan = $this->getTotalPendapatanPengeluaran($start, $end);
$bulanAktif = $start->translatedFormat('d M Y') . ' - ' . $end->translatedFormat('d M Y');
$listKloter = HistoryGajiKloter::orderBy('id', 'asc')->get();
$kloters = HistoryGajiKloter::whereNotNull('tanggal_awal')
return view('dashboard.pimpinan', array_merge(
$grafikBulanan,
['keuangan' => $keuangan],
['bulanAktif' => $bulanAktif],
['kloters' => $kloters],
['listKloter' => $listKloter],
$kloterData,
[
'startDate' => $start->toDateString(),
'endDate' => $end->toDateString()
]
));
}
// fungsi untuk mendapatkan rentang tanggal awal dan akhir
protected function getDateRange(Request $request)
{
$bulan = $request->get('bulan') ?? now()->month;
$tahun = $request->get('tahun') ?? now()->year;
// Ambil transaksi terakhir di bulan dan tahun yang dipilih
$lastTransactionDate = Transaksi::whereYear('waktu_transaksi', $tahun)
->whereMonth('waktu_transaksi', $bulan)
->orderBy('waktu_transaksi', 'desc')
->value('waktu_transaksi');
if ($lastTransactionDate) {
$end = Carbon::parse($lastTransactionDate)->endOfDay();
$start = $end->copy()->subMonth()->startOfDay();
} else {
// Jika tidak ada transaksi, gunakan awal dan akhir bulan
$start = Carbon::create($tahun, $bulan, 1)->startOfMonth();
$end = Carbon::create($tahun, $bulan, 1)->endOfMonth();
}
return [$start, $end];
}
// fungsi untuk mendapatkan semua kloter yang memiliki tanggal awal dan akhir
protected function getAllKloters()
{
return HistoryGajiKloter::whereNotNull('tanggal_awal')
->whereNotNull('tanggal_akhir')
->orderBy('id', 'desc')
->get();
}
$kloterId = $request->get('kloter');
// fungsi untuk mendapatkan data chart berdasarkan kloter
protected function getKloterChartData($kloterId, $kloters)
{
$labelsKloter = [];
$pendapatanKloter = [];
$pengeluaranKloter = [];
$kloterList = $kloterId
? [$kloters->where('id', $kloterId)->first()]
: $kloters;
foreach ($kloterList as $kloter) {
if (!$kloter) continue;
$labelsKloter[] = $kloter->nama ?? 'Kloter ' . $kloter->id;
$pendapatanKloter[] = Transaksi::whereBetween('waktu_transaksi', [
$kloter->tanggal_awal,
$kloter->tanggal_akhir
])
->whereNotNull('pemasukan_id')
->sum('jumlahRp');
$pengeluaranKloter[] = Transaksi::whereBetween('waktu_transaksi', [
$kloter->tanggal_awal,
$kloter->tanggal_akhir
])
->where(function ($q) {
$q->whereNotNull('pengeluaran_id')
->orWhereNotNull('history_gaji_kloter_id');
})
->sum('jumlahRp');
}
return compact('labelsKloter', 'pendapatanKloter', 'pengeluaranKloter');
}
// fungsi untuk mendapatkan data chart bulanan
protected function getMonthlyChartData($start, $end)
{
$dates = CarbonPeriod::create($start, $end);
$labels = [];
$pendapatanBulanan = [];
$pengeluaranBulanan = [];
foreach ($dates as $date) {
$labels[] = $date->format('d M');
$pendapatanBulanan[] = Transaksi::whereDate('waktu_transaksi', $date)
->whereNotNull('pemasukan_id')
->sum('jumlahRp');
$pengeluaranBulanan[] = Transaksi::whereDate('waktu_transaksi', $date)
->where(function ($q) {
$q->whereNotNull('pengeluaran_id')
->orWhereNotNull('history_gaji_kloter_id');
})
->sum('jumlahRp');
}
return compact('labels', 'pendapatanBulanan', 'pengeluaranBulanan');
}
// fungsi untuk mendapatkan total pendapatan dan pengeluaran dalam rentang tanggal
protected function getTotalPendapatanPengeluaran($start, $end)
{
$totalPendapatan = Transaksi::whereBetween('waktu_transaksi', [$start, $end])
->whereNotNull('pemasukan_id')
->sum('jumlahRp');
$totalPengeluaran = Transaksi::whereBetween('waktu_transaksi', [$start, $end])
->where(function ($q) {
$q->whereNotNull('pengeluaran_id')
->orWhereNotNull('history_gaji_kloter_id');
})
->sum('jumlahRp');
return [
'pendapatan' => $totalPendapatan,
'pengeluaran' => $totalPengeluaran
];
}
public function ajaxData(Request $request)
{
$start = Carbon::parse($request->get('start_date'))->startOfDay();
$end = Carbon::parse($request->get('end_date'))->endOfDay();
$kloterId = $request->get('kloter_id');
$labelsKloter = [];
$pendapatanKloter = [];
$pengeluaranKloter = [];
if ($kloterId) {
$selectedKloter = HistoryGajiKloter::find($kloterId);
if ($selectedKloter) {
$labelsKloter[] = $selectedKloter->nama ?? 'Kloter ' . $selectedKloter->id;
@ -56,28 +186,7 @@ public function pimpinan(Request $request)
])
->where(function ($q) {
$q->whereNotNull('pengeluaran_id')
->orWhereNotNull('history_gaji_kloter_id');
})
->sum('jumlahRp');
}
} else {
foreach ($kloters as $kloter) {
$labelsKloter[] = $kloter->nama ?? 'Kloter ' . $kloter->id;
$pendapatanKloter[] = Transaksi::whereBetween('waktu_transaksi', [
$kloter->tanggal_awal,
$kloter->tanggal_akhir
])
->whereNotNull('pemasukan_id')
->sum('jumlahRp');
$pengeluaranKloter[] = Transaksi::whereBetween('waktu_transaksi', [
$kloter->tanggal_awal,
$kloter->tanggal_akhir
])
->where(function ($q) {
$q->whereNotNull('pengeluaran_id')
->orWhereNotNull('history_gaji_kloter_id');
->orWhereNotNull('history_gaji_kloter_id');
})
->sum('jumlahRp');
}
@ -90,7 +199,6 @@ public function pimpinan(Request $request)
foreach ($dates as $date) {
$labels[] = $date->format('d M');
$pendapatanBulanan[] = Transaksi::whereDate('waktu_transaksi', $date)
->whereNotNull('pemasukan_id')
->sum('jumlahRp');
@ -98,54 +206,22 @@ public function pimpinan(Request $request)
$pengeluaranBulanan[] = Transaksi::whereDate('waktu_transaksi', $date)
->where(function ($q) {
$q->whereNotNull('pengeluaran_id')
->orWhereNotNull('history_gaji_kloter_id');
->orWhereNotNull('history_gaji_kloter_id');
})
->sum('jumlahRp');
}
$bulanAktif = $start->translatedFormat('d M Y') . ' - ' . $end->translatedFormat('d M Y');
$totalPendapatan = Transaksi::whereBetween('waktu_transaksi', [$start, $end])
->whereNotNull('pemasukan_id')
->sum('jumlahRp');
$totalPengeluaran = Transaksi::whereBetween('waktu_transaksi', [$start, $end])
->where(function ($q) {
$q->whereNotNull('pengeluaran_id')
->orWhereNotNull('history_gaji_kloter_id');
})
->sum('jumlahRp');
$keuangan = [
'pendapatan' => $totalPendapatan,
'pengeluaran' => $totalPengeluaran
];
/**
* Mengambil seluruh data dari tabel HistoryGajiKloter dan mengurutkannya berdasarkan kolom 'id' secara menurun (desc).
*
* Fungsi kode ini adalah untuk mendapatkan daftar kloter gaji terbaru terlebih dahulu,
* sehingga data yang paling baru akan berada di urutan teratas pada hasil query.
*
* @var \Illuminate\Database\Eloquent\Collection $listKloter Koleksi data kloter gaji yang telah diurutkan.
*/
$listKloter = HistoryGajiKloter::orderBy('id', 'asc')->get();
// $listKloter = HistoryGajiKloter::orderBy('id', 'desc')->get();
return view('dashboard.pimpinan', compact(
'labels',
'pendapatanBulanan',
'pengeluaranBulanan',
'keuangan',
'bulanAktif',
'kloters',
'listKloter',
'labelsKloter',
'pendapatanKloter',
'pengeluaranKloter'
));
return response()->json([
'labels' => $labels,
'pendapatanBulanan' => $pendapatanBulanan,
'pengeluaranBulanan' => $pengeluaranBulanan,
'labelsKloter' => $labelsKloter,
'pendapatanKloter' => $pendapatanKloter,
'pengeluaranKloter' => $pengeluaranKloter
]);
}
// Menampilkan dashboard operator
public function operator()
{
@ -228,4 +304,5 @@ public function tambahUangMakanHarian()
}
}
}

View File

@ -7,6 +7,7 @@
use Carbon\CarbonPeriod;
use Carbon\Carbon;
use Barryvdh\DomPDF\Facade\Pdf;
use App\Models\Karyawan;
use App\Models\Kloter;
@ -259,4 +260,87 @@ public function export($id)
return Excel::download(new GajiKloterExport($data, $tanggalUnik), 'detail_gaji_' . $kloter->nama_kloter . '.xlsx');
}
public function unduhSlipGaji($id)
{
$kloter = Kloter::with(['presensis.karyawan', 'tonIkan'])->findOrFail($id);
$tanggalUnik = $kloter->presensis
->pluck('tanggal')
->unique()
->sort()
->map(fn ($tgl) => Carbon::parse($tgl))
->values();
$dataKaryawan = $kloter->presensis->groupBy('karyawan_id');
$banyakPekerja = $dataKaryawan->count();
$jumlahTon = $kloter->tonIkan->jumlah_ton ?? 0;
$hargaPerTon = $kloter->tonIkan->harga_ikan_per_ton ?? 1000000;
$gajiPerJamGlobal = $banyakPekerja > 0 ? ($jumlahTon * $hargaPerTon) / $banyakPekerja : 0;
$slipData = [];
foreach ($dataKaryawan as $karyawanId => $presensis) {
$karyawan = $presensis->first()->karyawan;
$jamPerTanggal = [];
$totalJam = 0;
foreach ($tanggalUnik as $tanggal) {
$presensi = $presensis->firstWhere('tanggal', $tanggal->toDateString());
$jamKerja = 0;
if ($presensi && $presensi->jam_masuk && $presensi->jam_pulang) {
$jamMasuk = strtotime($presensi->jam_masuk);
$jamPulang = strtotime($presensi->jam_pulang);
$jamKerja = ($jamPulang - $jamMasuk) / 3600;
}
$jamPerTanggal[$tanggal->format('d-M-Y')] = $jamKerja;
$totalJam += $jamKerja;
}
$gajiPerJam = $karyawan->jenis_kelamin === 'P'
? $gajiPerJamGlobal * 0.6
: $gajiPerJamGlobal;
$totalGaji = $gajiPerJam * $totalJam;
$slipData[] = [
'karyawan' => $karyawan,
'jam_per_tanggal' => $jamPerTanggal,
'total_jam' => $totalJam,
'gaji_per_jam' => round($gajiPerJam),
'total_gaji' => round($totalGaji),
];
}
$tanggalCetak = now()->translatedFormat('d F Y');
$pdf = Pdf::loadView('operator.gaji.slip', [
'kloter' => $kloter,
'tanggalCetak' => $tanggalCetak,
'slipData' => $slipData,
// bila template butuh periode:
'tanggalMulai' => Carbon::parse($kloter->tanggal_mulai),
'tanggalAkhir' => Carbon::parse($kloter->tanggal_akhir),
])
->setPaper('A4', 'portrait');
// Untuk mengunduh file PDF
return $pdf->download('slip_gaji_kloter_'.$kloter->id.'.pdf');
// Jika ingin menampilkan di browser, gunakan:
// return view('operator.gaji.slip', [
// 'kloter' => $kloter,
// 'tanggalCetak' => $tanggalCetak,
// 'slipData' => $slipData,
// // bila template butuh periode:
// 'tanggalMulai' => Carbon::parse($kloter->tanggal_mulai),
// 'tanggalAkhir' => Carbon::parse($kloter->tanggal_akhir),
// ]);
}
}

View File

@ -80,6 +80,11 @@ document.addEventListener("DOMContentLoaded", function () {
}).then((result) => {
if (result.isConfirmed) {
form.submit();
const kloterId = form.getAttribute('data-kloter-id');
const tombolUnduh = document.getElementById(`unduh-kloter-${kloterId}`);
if (tombolUnduh) {
tombolUnduh.style.display = 'inline-block';
}
}
});
});

View File

@ -43,10 +43,10 @@
</h2>
<form id="date-filter-form" class="flex items-center gap-2" style="padding-top: 10px">
<input style="width: fit-content" type="date" name="start_date" id="start_date"
value="{{ request('start_date', now()->startOfMonth()->toDateString()) }}"
value="{{ request('start_date', $startDate) }}"
class="filter-info border px-2 py-1 rounded text-sm">
<input style="width: fit-content" type="date" name="end_date" id="end_date"
value="{{ request('end_date', now()->endOfMonth()->toDateString()) }}"
value="{{ request('end_date', $endDate) }}"
class="filter-info border px-2 py-1 rounded text-sm">
</form>
</div>
@ -148,11 +148,12 @@ class="filter-info border px-2 py-1 rounded text-sm">
});
// Grafik Kloter
let kloterChart;
const ctxKloter = document.getElementById('kloterChart').getContext('2d');
const kloterChart = new Chart(ctxKloter, {
kloterChart = new Chart(ctxKloter, {
type: 'line',
data: {
labels: {!! json_encode(array_reverse($labelsKloter)) !!}, // diurut terbalik
labels: {!! json_encode(array_reverse($labelsKloter)) !!},
datasets: [
{
label: 'Pendapatan',
@ -191,7 +192,6 @@ class="filter-info border px-2 py-1 rounded text-sm">
spanGaps: true,
scales: {
y: {
// type: 'logarithmic',
beginAtZero: true,
ticks: {
callback: function(value) {
@ -207,24 +207,125 @@ class="filter-info border px-2 py-1 rounded text-sm">
const form = document.getElementById('date-filter-form');
const startInput = document.getElementById('start_date');
const endInput = document.getElementById('end_date');
[startInput, endInput].forEach(input => {
input.addEventListener('change', () => {
const startDate = startInput.value;
const endDate = endInput.value;
if (startDate && endDate && startDate <= endDate) {
form.submit();
fetchChartData();
}
});
});
document.getElementById('kloterFilter').addEventListener('change', function () {
const selected = this.options[this.selectedIndex];
const start = selected.getAttribute('data-start');
const end = selected.getAttribute('data-end');
if (start && end) {
document.getElementById('start_date').value = start;
document.getElementById('end_date').value = end;
startInput.value = start;
endInput.value = end;
}
form.submit();
fetchChartData();
});
// AJAX Chart Update
const updateCharts = (data) => {
// Update Chart Tanggal
financeChart.data.labels = data.labels;
financeChart.data.datasets[0].data = data.pendapatanBulanan;
financeChart.data.datasets[1].data = data.pengeluaranBulanan;
financeChart.update();
// Update Chart Kloter
if (kloterChart) {
kloterChart.destroy();
}
const kloterId = document.getElementById('kloterFilter').value;
const chartType = kloterId ? 'bar' : 'line';
// Buat ulang chart kloter dengan tipe sesuai filter
const ctxKloter = document.getElementById('kloterChart').getContext('2d');
kloterChart = new Chart(ctxKloter, {
type: chartType,
data: {
labels: data.labelsKloter.reverse(),
datasets: [
{
label: 'Pendapatan',
data: data.pendapatanKloter.reverse(),
borderColor: 'blue',
backgroundColor: 'rgba(0, 123, 255, 0.6)',
fill: chartType === 'bar',
tension: 0.4,
pointRadius: 4,
pointBackgroundColor: 'blue',
borderWidth: 3,
showLine: chartType === 'line',
},
{
label: 'Pengeluaran',
data: data.pengeluaranKloter.reverse(),
borderColor: 'red',
backgroundColor: 'rgba(255, 99, 132, 0.6)',
fill: chartType === 'bar',
tension: 0.4,
pointRadius: 4,
pointBackgroundColor: 'red',
borderWidth: 4,
showLine: chartType === 'line',
}
]
},
options: {
responsive: true,
maintainAspectRatio: false,
elements: {
line: {
cubicInterpolationMode: 'monotone',
}
},
spanGaps: true,
scales: {
y: {
beginAtZero: true,
ticks: {
callback: function(value) {
return 'Rp ' + value.toLocaleString('id-ID');
}
}
}
}
}
});
};
const fetchChartData = () => {
const startDate = startInput.value;
const endDate = endInput.value;
const kloterId = document.getElementById('kloterFilter').value;
fetch("{{ route('dashboard.pimpinan.data') }}", {
method: 'POST',
headers: {
'X-CSRF-TOKEN': '{{ csrf_token() }}',
'Content-Type': 'application/json'
},
body: JSON.stringify({
start_date: startDate,
end_date: endDate,
kloter_id: kloterId
})
})
.then(res => res.json())
.then(updateCharts)
.catch(err => console.error('Gagal fetch data:', err));
};
// Event listener input
startInput.addEventListener('change', fetchChartData);
endInput.addEventListener('change', fetchChartData);
document.getElementById('kloterFilter').addEventListener('change', fetchChartData);
</script>
@endsection

View File

@ -1,89 +0,0 @@
@extends('layouts.app_operator')
@section('title', 'Dashboard Operator')
@section('content')
<div class="container mt-4">
<div class="title-box">
<h3 class="fw-bold m-0">Dashboard</h3>
</div>
<!-- Box Pendapatan -->
<div class="dashboard-container" style="height: 100%;">
<div class="info-box flex justify-end mb-6">
<div class="bg-yellow-100 p-4 rounded shadow text-right w-64">
<h2 class="font-semibold">Jumlah Total Barang</h2>
<p class="text-lg font-bold"> {{ $jumlahBarang }} </p>
</div>
</div>
<!-- Aktivitas Terbaru -->
<div class="subtitle-box bg-yellow-100 p-6 rounded shadow">
<h2 class="font-bold mb-4">Aktivitas Terbaru</h2>
<div class="info-row">
<div class="box-custom">
<h3>Barang</h3>
<table class="w-full text-sm bg-white rounded shadow">
<thead class="bg-blue-500 text-white">
<tr>
<th class="p-2 text-left">No</th>
<th class="p-2 text-left">Kode</th>
<th class="p-2 text-left">Nama Barang</th>
<th class="p-2 text-left">Qty</th>
</tr>
</thead>
<tbody>
@foreach ($barangTerbaru as $i => $brg)
@php
$kode = '-';
if ($brg->pendukung) {
$kode = $brg->pendukung->kode;
} elseif ($brg->produk) {
$kode = $brg->produk->kode;
}
@endphp
<tr>
<td class="p-2">{{ $i + 1 }}</td>
<td class="p-2">{{ $kode }}</td>
<td class="p-2">{{ $brg->nama_barang }}</td>
<td class="p-2">{{ number_format($brg->qty, 0, ',', '.') }} kg</td>
</tr>
@endforeach
</tbody>
</table>
<a href="{{ route('operator.barang.index') }}" class="info-all text-blue-500 mt-2 inline-block">Selengkapnya</a>
</div>
<!-- Tabel Transaksi -->
<div class="box-custom">
<h3>Aktivitas Transaksi</h3>
<table class="w-full text-sm bg-white rounded shadow">
<thead class="bg-blue-500 text-white">
<tr>
<th class="p-2 text-left">No</th>
<th class="p-2 text-left">Waktu</th>
<th class="p-2 text-left">Nama</th>
<th class="p-2 text-left">Kategori</th>
<th class="p-2 text-left">Harga</th>
</tr>
</thead>
<tbody>
@foreach ($transaksiTerbaru as $i => $trx)
<tr>
<td class="p-2">{{ $i + 1 }}</td>
<td class="p-2">{{ \Carbon\Carbon::parse($trx['waktu'])->format('d-m-Y H:i') }}</td>
<td class="p-2">{{ $trx['nama_barang'] }}</td>
<td class="p-2">{{ $trx['kategori'] }}</td>
<td class="b-pri p-2">{{ $trx['harga'] }}</td>
</tr>
@endforeach
</tbody>
</table>
<a href="{{ route('operator.transaksi.index') }}" class="info-all text-blue-500 mt-2 inline-block">Selengkapnya</a>
</div>
</div>
</div>
</div>
@endsection

View File

@ -64,11 +64,20 @@
@if ($isSelesai)
<span class="badge bg-success">Selesai</span>
<a href="{{ route('gaji.unduh', $kloter->id) }}" class="btn btn-success btn-sm mt-1">
Unduh Slip Gaji
</a>
@else
<form action="{{ route('gaji.kloter.selesai', $kloter->id) }}" method="POST" class="d-inline form-kloter-selesai">
<form action="{{ route('gaji.kloter.selesai', $kloter->id) }}" method="POST" class="d-inline form-kloter-selesai" data-kloter-id="{{ $kloter->id }}">
@csrf
<button type="submit" class="btn btn-primary btn-sm">Proses Gaji</button>
</form>
<a href="{{ route('gaji.unduh', $kloter->id) }}"
class="btn btn-success btn-sm mt-1 btn-unduh-gaji"
id="unduh-kloter-{{ $kloter->id }}"
style="display: none;">
Unduh Slip Gaji
</a>
@endif
</td>
</tr>

View File

@ -0,0 +1,178 @@
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Slip Gaji Kloter {{ $kloter->id }}</title>
<style>
@page {
size: A4;
margin: 2.54cm; /* standar Word */
}
body {
font-family: 'Times New Roman', Times, serif;
font-size: 12pt;
line-height: 1;
margin: 0;
padding: 0;
}
.container {
width: 100%;
padding: 0;
margin: 0;
}
.kop {
text-align: center;
margin-bottom: 20px;
line-height: 3;
}
.kop h2 {
margin: 0;
font-size: 16pt;
line-height: 3; /* 3 spasi untuk judul */
}
.kop p {
margin: 0;
font-size: 12pt;
line-height: 1.5;
}
hr {
border: 1px solid black;
margin-top: 10px;
}
h3 {
text-align: center;
margin: 10px 0;
font-size: 14pt;
line-height: 1.5;
}
.info p {
margin: 0;
line-height: 1.2;
}
table {
width: 100%;
border-collapse: collapse;
margin-top: 10px;
margin-bottom: 20px;
}
table, th, td {
border: 1px solid black;
}
th, td {
padding: 6px;
text-align: left;
line-height: 1;
}
.signature {
display: flex;
justify-content: space-between;
margin-top: 30px;
}
.signature div {
width: 45%;
line-height: 1;
}
.signature p {
margin: 0;
line-height: 1;
}
table.signature-table, .signature-table td {
border: none !important;
}
.page-break {
page-break-after: always;
}
</style>
</head>
<body>
@foreach ($slipData as $slip)
<div class="container">
<div class="kop">
<h2>UD. DNL PUTRA</h2>
<p>KP.Nyamplong, Desa Sumberanyar, Kecamatan Banyuputih, Kabupaten Situbondo</p>
<p>Telp: 0812-3913-9713 | Email: info@ud-dnlputra.com</p>
<hr>
</div>
<h3>SLIP GAJI KARYAWAN<br>Periode: {{ $tanggalMulai->format('d M Y') }} - {{ $tanggalAkhir->format('d M Y') }}</h3>
<table style="margin: 15px 0 15px 0; width: auto; border: none;">
<tr>
<td style="border: none; padding: 2px 8px 2px 0;">Nama Karyawan</td>
<td style="border: none; padding: 2px 8px;">:</td>
<td style="border: none; padding: 2px 0;"><strong>{{ $slip['karyawan']->nama }}</strong></td>
</tr>
<tr>
<td style="border: none; padding: 2px 8px 2px 0;">Jenis Kelamin</td>
<td style="border: none; padding: 2px 8px;">:</td>
<td style="border: none; padding: 2px 0;"><strong>{{ $slip['karyawan']->jenis_kelamin == 'L' ? 'Laki-laki' : 'Perempuan' }}</strong></td>
</tr>
<tr>
<td style="border: none; padding: 2px 8px 2px 0;">Kloter</td>
<td style="border: none; padding: 2px 8px;">:</td>
<td style="border: none; padding: 2px 0;"><strong>{{ $kloter->id }}</strong></td>
</tr>
<tr>
<td style="border: none; padding: 2px 8px 2px 0;">Tanggal Cetak</td>
<td style="border: none; padding: 2px 8px;">:</td>
<td style="border: none; padding: 2px 0;"><strong>{{ $tanggalCetak }}</strong></td>
</tr>
</table>
<table>
<thead>
<tr><th>Tanggal</th><th>Jam Kerja</th></tr>
</thead>
<tbody>
@foreach ($slip['jam_per_tanggal'] as $tanggal => $jam)
<tr>
<td>{{ $tanggal }}</td>
<td>{{ floor($jam) }} jam {{ round(($jam - floor($jam)) * 60) }} menit</td>
</tr>
@endforeach
<tr>
<th>Total</th>
<th>{{ floor($slip['total_jam']) }} jam {{ round(($slip['total_jam'] - floor($slip['total_jam'])) * 60) }} menit</th>
</tr>
</tbody>
</table>
<table>
<tr><td>Gaji per Jam</td><td>Rp{{ number_format($slip['gaji_per_jam'], 0, ',', '.') }}</td></tr>
<tr><td>Total Jam Kerja</td><td>{{ floor($slip['total_jam']) }} jam {{ round(($slip['total_jam'] - floor($slip['total_jam'])) * 60) }} menit</td></tr>
<tr><td><strong>Total Gaji</strong></td><td><strong>Rp{{ number_format($slip['total_gaji'], 0, ',', '.') }}</strong></td></tr>
</table>
<table class="signature-table" style="width: 100%; margin: 30px 0 0 0; border: none;">
<tr>
<td style="width: 50%; text-align: left; border: none;">
Mengetahui,<br><br><br><br><br>
<strong>Poniman</strong>
</td>
<td style="width: 50%; text-align: right; border: none;">
Diterima oleh,<br><br><br><br><br>
<strong>{{ $slip['karyawan']->nama }}</strong>
</td>
</tr>
</table>
</div>
<div class="page-break"></div>
@endforeach
</body>
</html>

View File

@ -0,0 +1,114 @@
<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<title>Slip Gaji Karyawan</title>
<style>
body {
font-family: 'Times New Roman', Times, serif;
margin: 40px;
}
.kop {
text-align: center;
border-bottom: 2px solid black;
margin-bottom: 20px;
}
.kop h2 {
margin: 0;
}
.info {
margin-bottom: 20px;
}
table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}
table, th, td {
border: 1px solid black;
}
th, td {
padding: 8px;
text-align: left;
}
.signature {
display: flex;
justify-content: space-between;
margin-top: 50px;
}
.signature div {
text-align: center;
width: 40%;
}
</style>
</head>
<body>
<div class="kop">
<h2>UD. DNL PUTRA</h2>
<p>KP.Nyamplong, Desa Sumberanyar, Kecamatan Banyuputih, Kabupaten Situbondo <br>Telp: 0812-3913-9713 | Email: info@ud-dnlputra.com</p>
<hr>
</div>
<h3 style="text-align:center;">SLIP GAJI KARYAWAN<br>Periode: 07 - 12 Juni 2025</h3>
<div class="info">
<!-- di ganti dengan nama setiap karyawan yang berkerja dalam kloter -->
<p>Nama Karyawan: <strong>Jibno</strong></p>
<!-- di ganti dengan jenis kelamin setiap karyawan yang berkerja dalam kloter -->
<p>Jenis Kelamin: <strong>Laki-laki</strong></p>
<!-- di sesuaikan dengan id kloter -->
<p>Kloter: <strong>6</strong></p>
<!-- di sesuaikan dengan tanggal ini dicetak (now) -->
<p>Tanggal Cetak: <strong>25 Juni 2025</strong></p>
</div>
<table>
<thead>
<tr>
<th>Tanggal</th>
<th>Jam Kerja</th>
</tr>
</thead>
<tbody>
<!-- data diambil dari tanggal yang terhubung dengan kloter yang terhubung dengan karyawan yang bekerja di kloter tersebut -->
<tr><td>07-Jun-2025</td><td>13 jam 5 menit</td></tr>
<tr><td>08-Jun-2025</td><td>13 jam 5 menit</td></tr>
<tr><td>09-Jun-2025</td><td>13 jam 5 menit</td></tr>
<tr><td>12-Jun-2025</td><td>0 jam 0 menit</td></tr>
<!-- jumlah kan jam nya -->
<tr><th>Total</th><th>39 jam 16 menit</th></tr>
</tbody>
</table>
<table>
<tr>
<!-- hitung -->
<td>Gaji per Jam</td>
<td>Rp2.273</td>
</tr>
<tr>
<!-- hasil penjumlahan jam kerja -->
<td>Total Jam Kerja</td>
<td>39 jam 16 menit</td>
</tr>
<tr>
<!-- hitung -->
<td><strong>Total Gaji</strong></td>
<td><strong>Rp89.259</strong></td>
</tr>
</table>
<div class="signature">
<div>
<p>Mengetahui,</p>
<br><br><br>
<p><strong>Poniman</strong></p>
</div>
<div>
<p>Diterima oleh,</p>
<br><br><br>
<p><strong>Jibno</strong></p>
</div>
</div>
</body>
</html>

View File

@ -1,77 +0,0 @@
@extends('layouts.app_pimpinan')
@section('title', 'Dashboard Pimpinan')
@section('content')
<div class="container mt-4">
<div class="title-box">
<h3 class="fw-bold m-0">Dashboard</h3>
</div>
<div class="dashboard-container">
<div class="info-row">
<div class="info-box">
<div>Pendapatan</div>
<div class="text-success mt-2">
Rp {{ number_format($keuangan['pendapatan'], 0, ',', '.') }}
</div>
</div>
<div class="info-box">
<div>Pengeluaran</div>
<div class="text-danger mt-2">
Rp {{ number_format($keuangan['pengeluaran'], 0, ',', '.') }}
</div>
</div>
</div>
<div class="chart-card">
<div class="chart-title mb-2">Grafik Pendapatan <span class="text-dark">vs</span> Pengeluaran</div>
<canvas id="financeChart" height="100"></canvas>
</div>
</div>
</div>
<!-- Chart.js -->
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script>
const ctx = document.getElementById('financeChart').getContext('2d');
const financeChart = new Chart(ctx, {
type: 'line',
data: {
labels: {!! json_encode($labels) !!},
datasets: [
{
label: 'Pendapatan',
data: {!! json_encode($pendapatanBulanan) !!},
borderColor: 'blue',
backgroundColor: 'blue',
fill: false,
tension: 0.4
},
{
label: 'Pengeluaran',
data: {!! json_encode($pengeluaranBulanan) !!},
borderColor: 'red',
backgroundColor: 'red',
fill: false,
tension: 0.4
}
]
},
options: {
responsive: true,
maintainAspectRatio: false,
scales: {
y: {
beginAtZero: true,
ticks: {
callback: function(value) {
return 'Rp ' + value.toLocaleString('id-ID');
}
}
}
}
}
});
</script>
@endsection

View File

@ -97,10 +97,14 @@
// Pimpinan
// Route::middleware(['auth', 'role:pimpinan'])->group(function () {
Route::get('/pimpinan/dashboard', [DashboardController::class, 'pimpinan'])->name('dashboard.pimpinan');
Route::post('/dashboard-pimpinan/data', [DashboardController::class, 'ajaxData'])->name('dashboard.pimpinan.data');
Route::get('/pimpinan/laporan-barang', [LaporanController::class, 'barang'])->name('laporan.barang');
Route::get('/pimpinan/laporan-karyawan', [LaporanController::class, 'karyawan'])->name('laporan.karyawan');
Route::get('/pimpinan/laporan-supplier', [LaporanController::class, 'supplier'])->name('laporan.supplier');
Route::get('/pimpinan/laporan-transaksi', [LaporanController::class, 'transaksi'])->name('laporan.transaksi');
// });
// Operator
@ -185,9 +189,10 @@
// export
Route::get('/gaji/kloter/{id}/export', [GajiController::class, 'export'])->name('gaji.kloter.export');
Route::get('/gaji/{kloter}/unduh-slip', [GajiController::class, 'unduhSlipGaji'])->name('gaji.unduh');
Route::get('operator/transaksi/export', [TransaksiController::class, 'exportExcel'])->name('operator.transaksi.export');
Route::get('/laporan/transaksi/export-pdf', [TransaksiController::class, 'exportPDF'])->name('operator.transaksi.export_pdf');
// });