dlt dsb
This commit is contained in:
Dimas
parent
53fe6c3220
commit
96bd5c7a21
|
|
@ -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
|
|
||||||
|
|
@ -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
|
|
||||||
Loading…
Reference in New Issue