add total statistics

This commit is contained in:
Jagad R R
2024-12-24 11:40:49 +07:00
parent f127c553df
commit 6dc23422ed
10 changed files with 265 additions and 14 deletions
@@ -20,6 +20,48 @@
</div>
</div>
</section>
<section class="content">
<div class="container-fluid">
<div class="row">
<!-- Total Expense -->
<div class="col-lg-4 col-6">
<div class="small-box bg-info">
<div class="inner">
<h3>Rp {{ number_format($forms->sum('total'), 0, ',', '.') }}</h3>
<p>Total Expense</p>
</div>
<div class="icon">
<i class="fas fa-wallet"></i>
</div>
</div>
</div>
<!-- Approved Expense -->
<div class="col-lg-4 col-6">
<div class="small-box bg-success">
<div class="inner">
<h3>Rp {{ number_format($forms->where('status', 'Approved')->sum('total'), 0, ',', '.') }}</h3>
<p>Approved Expenses</p>
</div>
<div class="icon">
<i class="fas fa-check-circle"></i>
</div>
</div>
</div>
<!-- Pending Expense -->
<div class="col-lg-4 col-6">
<div class="small-box bg-warning">
<div class="inner">
<h3 class="text-white">Rp {{ number_format($forms->where('status', 'On Progress')->sum('total'), 0, ',', '.') }}</h3>
<p class="text-white">Pending Expenses</p>
</div>
<div class="icon">
<i class="fas fa-hourglass-half"></i>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="content">
<div class="container-fluid">
<div class="card card-primary card-outline">
@@ -44,7 +86,7 @@
<th>Nama</th>
<th>Tanggal</th>
<th>Liter</th>
<th>Harga</th>
<th>Total</th>
<th>Jarak</th>
<th>Tipe Bensin</th>
<th>Nomor Polisi</th>
@@ -69,7 +111,7 @@
<td>{{ $item->user->name }}</td>
<td>{{ \Carbon\Carbon::parse($item->tanggal)->locale('id')->isoFormat('dddd, D MMMM Y HH:mm:ss') }}</td>
<td>{{ $item->liter }}</td>
<td>{{ number_format($item->harga, 0, ',', '.') }}</td>
<td>{{ number_format($item->total, 0, ',', '.') }}</td>
<td>{{ $item->jarak }}</td>
<td>{{ $item->tipe_bensin }}</td>
<td>{{ $item->nopol }}</td>
@@ -192,3 +234,11 @@
</div>
</section>
@endsection
@section('scripts')
<script>
if ($('#dataTable').length) {
$('#dataTable').DataTable({ responsive: true });
}
</script>
@endsection