first commit
This commit is contained in:
96
resources/views/dashboard/jpp.blade.php
Normal file
96
resources/views/dashboard/jpp.blade.php
Normal file
@@ -0,0 +1,96 @@
|
||||
@extends('layouts.app')
|
||||
@section('title', 'Papan Pemuka JPP')
|
||||
@section('heading', 'Papan Pemuka')
|
||||
@section('page-title', 'Papan Pemuka JPP')
|
||||
@section('subtitle', $activeCycle ? "Kitaran aktif: Pembaharuan {$activeCycle->renewal_year} / Pelaporan {$activeCycle->reporting_year}" : 'Tiada kitaran aktif')
|
||||
|
||||
@section('content')
|
||||
<div class="row g-3 mb-4">
|
||||
@foreach ([
|
||||
['Pusat Data Aktif', $totalDataCentres, 'hdd-rack', 'primary'],
|
||||
['Perunding Aktif', $activeConsultants, 'people', 'info'],
|
||||
['Telah Serah (kitaran aktif)', $submittedCount, 'check2-circle', 'success'],
|
||||
['Belum Serah', $notSubmittedCount, 'hourglass-split', 'warning'],
|
||||
['Lampau Tempoh', $overdueCount, 'exclamation-octagon', 'danger'],
|
||||
] as [$label, $value, $icon, $color])
|
||||
<div class="col-6 col-md-4 col-xl">
|
||||
<div class="card stat-card h-100">
|
||||
<div class="card-body">
|
||||
<div class="d-flex justify-content-between align-items-start">
|
||||
<div>
|
||||
<div class="text-muted small">{{ $label }}</div>
|
||||
<div class="stat-value text-{{ $color }}">{{ number_format($value) }}</div>
|
||||
</div>
|
||||
<i class="bi bi-{{ $icon }} fs-3 text-{{ $color }} opacity-50"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
|
||||
<div class="row g-3">
|
||||
<div class="col-lg-5">
|
||||
<div class="card h-100">
|
||||
<div class="card-header bg-white fw-semibold">Pecahan Status Serahan (Kitaran Aktif)</div>
|
||||
<div class="card-body">
|
||||
@forelse (\App\Models\Submission::STATUSES as $key => $label)
|
||||
@php($count = $statusBreakdown[$key] ?? 0)
|
||||
<div class="d-flex justify-content-between align-items-center py-1">
|
||||
<span><span class="badge bg-{{ (new \App\Models\Submission(['status'=>$key]))->statusBadgeClass() }}">{{ $label }}</span></span>
|
||||
<strong>{{ $count }}</strong>
|
||||
</div>
|
||||
@empty
|
||||
<p class="text-muted mb-0">Tiada data.</p>
|
||||
@endforelse
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-7">
|
||||
<div class="card h-100">
|
||||
<div class="card-header bg-white fw-semibold">Pusat Data Tertinggi Mengikut Anggaran Karbon (A)</div>
|
||||
<div class="card-body p-0">
|
||||
<table class="table table-sm mb-0">
|
||||
<thead><tr><th class="ps-3">Pusat Data</th><th class="text-end pe-3">Jumlah A (tCO2e)</th></tr></thead>
|
||||
<tbody>
|
||||
@forelse ($topDataCentres as $row)
|
||||
<tr><td class="ps-3">{{ $row->nama_pusat_data }}</td><td class="text-end pe-3">{{ number_format($row->jumlah, 2) }}</td></tr>
|
||||
@empty
|
||||
<tr><td colspan="2" class="text-center text-muted py-3">Tiada data karbon lagi.</td></tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-header bg-white fw-semibold">Jumlah Anggaran Karbon (A, B, C, D, E) Mengikut Tahun Pelaporan</div>
|
||||
<div class="card-body p-0">
|
||||
<div class="table-responsive">
|
||||
<table class="table mb-0">
|
||||
<thead><tr><th class="ps-3">Tahun Pelaporan</th><th>A — Pelepasan</th><th>B — Pengurangan</th><th>C — Baki</th><th>D — Bersih</th><th>E — % Pengurangan</th></tr></thead>
|
||||
<tbody>
|
||||
@forelse ($carbonByYear as $year => $tokens)
|
||||
@php($map = $tokens->keyBy('result_token'))
|
||||
<tr>
|
||||
<td class="ps-3 fw-semibold">{{ $year }}</td>
|
||||
<td>{{ number_format($map['A']->jumlah ?? 0, 2) }}</td>
|
||||
<td>{{ number_format($map['B']->jumlah ?? 0, 2) }}</td>
|
||||
<td>{{ number_format($map['C']->jumlah ?? 0, 2) }}</td>
|
||||
<td>{{ number_format($map['D']->jumlah ?? 0, 2) }}</td>
|
||||
<td>{{ number_format($map['E']->jumlah ?? 0, 2) }}%</td>
|
||||
</tr>
|
||||
@empty
|
||||
<tr><td colspan="6" class="text-center text-muted py-3">Tiada data karbon lagi.</td></tr>
|
||||
@endforelse
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endsection
|
||||
Reference in New Issue
Block a user