@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