@extends('layouts.app')
@section('title', 'Dashboard Pengaju')
@section('page-title', 'Dashboard Pengaju')
@section('breadcrumb')
    <li class="breadcrumb-item active">Dashboard Pengaju</li>
@endsection
@section('content')
@php
    $totalRkat = array_sum($stats_rkat);
    $totalPencairan = array_sum($stats_pencairan);
    $approvalRate = $nominal['rkat_total'] > 0 ? round(($nominal['rkat_disetujui'] / $nominal['rkat_total']) * 100) : 0;
    $cashRate = $nominal['rkat_disetujui'] > 0 ? round(($nominal['pencairan_dicairkan'] / $nominal['rkat_disetujui']) * 100) : 0;
    $sisaDana = max($nominal['rkat_disetujui'] - $nominal['pencairan_dicairkan'], 0);
    $lpjPerluUpload = $stats_pencairan['dicairkan'] + $stats_pencairan['lpj_ditolak'];
    $menungguPetugas = $stats_rkat['proses'] + $stats_rkat['diajukan'] + $stats_pencairan['proses'] + $stats_pencairan['acc'] + $stats_pencairan['lpj_diunggah'];
    $moneyMax = max($nominal['rkat_total'], $nominal['rkat_disetujui'], $nominal['pencairan_diminta'], $nominal['pencairan_dicairkan'], 1);
    $moneyRows = [
        ['label' => 'RKAT diajukan', 'value' => $nominal['rkat_total'], 'tone' => 'blue'],
        ['label' => 'RKAT disetujui', 'value' => $nominal['rkat_disetujui'], 'tone' => 'green'],
        ['label' => 'Pencairan diminta', 'value' => $nominal['pencairan_diminta'], 'tone' => 'sky'],
        ['label' => 'Dana cair', 'value' => $nominal['pencairan_dicairkan'], 'tone' => 'emerald'],
        ['label' => 'Belum cair', 'value' => $sisaDana, 'tone' => 'slate'],
    ];
    $taskRows = [
        ['label' => 'RKAT draft', 'count' => $stats_rkat['draft'], 'href' => route('pengaju.rkat.index')],
        ['label' => 'RKAT revisi', 'count' => $stats_rkat['revisi'], 'href' => route('pengaju.rkat.index')],
        ['label' => 'Pencairan draft', 'count' => $stats_pencairan['draft'], 'href' => route('pengaju.pencairan.index')],
        ['label' => 'Pencairan revisi', 'count' => $stats_pencairan['revisi'], 'href' => route('pengaju.pencairan.index')],
        ['label' => 'Upload LPJ', 'count' => $lpjPerluUpload, 'href' => route('pengaju.pencairan.index', ['context' => 'lpj'])],
    ];
    $flowRows = [
        ['label' => 'Draft', 'count' => $stats_rkat['draft'] + $stats_pencairan['draft']],
        ['label' => 'Review', 'count' => $stats_rkat['proses'] + $stats_rkat['diajukan'] + $stats_pencairan['proses'] + $stats_pencairan['acc']],
        ['label' => 'Cair', 'count' => $stats_pencairan['dicairkan']],
        ['label' => 'LPJ', 'count' => $stats_pencairan['lpj_diunggah'] + $stats_pencairan['lpj_diterima'] + $stats_pencairan['lpj_ditolak']],
        ['label' => 'Selesai', 'count' => $stats_pencairan['selesai']],
    ];
    $flowMax = max(array_column($flowRows, 'count') ?: [1]);
@endphp

<div class="dash-shell">
    <div class="dash-hero dash-hero-compact">
        <div>
            <span class="dash-eyebrow">Dashboard Pengaju</span>
            <h5>{{ auth()->user()->display_name }}</h5>
            <p>{{ auth()->user()->unit }} @if($periode) - {{ $periode->nama }} @endif</p>
        </div>
        <div class="dash-hero-actions">
            <a href="{{ route('pengaju.rkat.create') }}" class="btn btn-primary btn-sm"><i class="feather-file-plus me-1"></i> Buat RKAT</a>
            <a href="{{ route('pengaju.pencairan.create') }}" class="btn btn-outline-primary btn-sm"><i class="feather-dollar-sign me-1"></i> Ajukan Pencairan</a>
        </div>
    </div>

    <div class="dash-kpi-grid">
        <div class="dash-kpi">
            <span>Total RKAT</span>
            <strong>{{ $totalRkat }}</strong>
            <small>Pagu: {{ $pagu ? 'Rp ' . number_format($pagu->nominal_pagu, 0, ',', '.') : 'Belum diatur' }}</small>
        </div>
        <div class="dash-kpi">
            <span>RKAT Disetujui</span>
            <strong>{{ $approvalRate }}%</strong>
            <small>Rp {{ number_format($nominal['rkat_disetujui'], 0, ',', '.') }}</small>
        </div>
        <div class="dash-kpi">
            <span>Pencairan</span>
            <strong>{{ $totalPencairan }}</strong>
            <small>Rp {{ number_format($nominal['pencairan_diminta'], 0, ',', '.') }}</small>
        </div>
        <div class="dash-kpi">
            <span>Dana Cair</span>
            <strong>{{ $cashRate }}%</strong>
            <small>Rp {{ number_format($nominal['pencairan_dicairkan'], 0, ',', '.') }}</small>
        </div>
    </div>

    @if(($lpjWarnings['h3'] + $lpjWarnings['h1'] + $lpjWarnings['terlambat']) > 0)
        <div class="alert alert-warning border-0 shadow-sm d-flex flex-wrap align-items-center justify-content-between gap-2">
            <div>
                <strong>Pengingat LPJ</strong>
                <span class="ms-2">H-3: {{ $lpjWarnings['h3'] }} | H-1: {{ $lpjWarnings['h1'] }} | Terlambat: {{ $lpjWarnings['terlambat'] }}</span>
            </div>
            <a href="{{ route('pengaju.pencairan.index', ['context' => 'lpj']) }}" class="btn btn-sm btn-warning">Buka LPJ</a>
        </div>
    @endif

    <div class="dash-workspace-grid">
        <div class="card dash-card dash-panel">
            <div class="card-header dash-card-header">
                <h6>Peta Dana</h6>
            </div>
            <div class="card-body">
                <div class="dash-money-board">
                    @foreach($moneyRows as $row)
                        @php $pct = min(round(($row['value'] / $moneyMax) * 100), 100); @endphp
                        <div class="dash-money-row dash-tone-{{ $row['tone'] }}" style="--dash-pct: {{ $pct }}%;">
                            <div class="dash-money-meta">
                                <span>{{ $row['label'] }}</span>
                                <strong>Rp {{ number_format($row['value'], 0, ',', '.') }}</strong>
                            </div>
                            <div class="dash-money-track"><i></i></div>
                        </div>
                    @endforeach
                </div>
            </div>
        </div>

        <div class="card dash-card dash-panel">
            <div class="card-header dash-card-header">
                <h6>Aksi Saya</h6>
            </div>
            <div class="card-body">
                <div class="dash-task-grid">
                    @foreach($taskRows as $task)
                        <a href="{{ $task['href'] }}" class="dash-task-card {{ $task['count'] > 0 ? 'is-needed' : '' }}">
                            <span>{{ $task['label'] }}</span>
                            <strong>{{ $task['count'] }}</strong>
                        </a>
                    @endforeach
                </div>
                <div class="dash-wait-strip">
                    <span>Menunggu petugas <strong>{{ $menungguPetugas }}</strong></span>
                    <span>LPJ dikirim <strong>{{ $stats_pencairan['lpj_diunggah'] }}</strong></span>
                </div>
            </div>
        </div>
    </div>

    <div class="row g-3 mt-0">
        <div class="col-xl-5">
            <div class="card dash-card h-100">
                <div class="card-header dash-card-header">
                    <h6>Alur Berkas</h6>
                </div>
                <div class="card-body">
                    <div class="dash-flow-lane">
                        @foreach($flowRows as $row)
                            @php $height = max(16, min(round(($row['count'] / max($flowMax, 1)) * 100), 100)); @endphp
                            <div class="dash-flow-step" style="--dash-height: {{ $height }}%;">
                                <div class="dash-flow-bar"><i></i></div>
                                <span>{{ $row['label'] }}</span>
                                <strong>{{ $row['count'] }}</strong>
                            </div>
                        @endforeach
                    </div>
                    <div class="dash-meter mt-3">
                        <div class="dash-meter-top"><span>Realisasi Pencairan</span><strong>{{ $cashRate }}%</strong></div>
                        <div class="progress"><div class="progress-bar bg-success" style="width: {{ min($cashRate, 100) }}%"></div></div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-xl-7">
            <div class="row g-3">
                <div class="col-md-6">
                    <div class="card dash-card h-100">
                        <div class="card-header dash-card-header">
                            <h6>RKAT Terbaru</h6>
                            <a href="{{ route('pengaju.rkat.index') }}">Lihat Semua</a>
                        </div>
                        <div class="card-body p-0">
                            <div class="dash-list">
                                @forelse($recent_rkat as $r)
                                    <a href="{{ route('pengaju.rkat.show', $r) }}" class="dash-list-item">
                                        <span><strong>{{ $r->code }}</strong><small>{{ Str::limit($r->perihal, 34) }}</small></span>
                                        <em class="{{ $r->displayBadgeClass('pengaju') }}">{{ $r->displayStatusLabel('pengaju') }}</em>
                                    </a>
                                @empty
                                    <div class="dash-empty">Belum ada RKAT.</div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="card dash-card h-100">
                        <div class="card-header dash-card-header">
                            <h6>Pencairan Terbaru</h6>
                            <a href="{{ route('pengaju.pencairan.index') }}">Lihat Semua</a>
                        </div>
                        <div class="card-body p-0">
                            <div class="dash-list">
                                @forelse($recent_pencairan as $p)
                                    <a href="{{ route('pengaju.pencairan.show', [$p, 'context' => 'pencairan']) }}" class="dash-list-item">
                                        <span><strong>{{ $p->code }}</strong><small>{{ Str::limit($p->perihal, 34) }}</small></span>
                                        <em class="{{ $p->badgeClass() }}">{{ \App\Support\StatusLabel::pencairan($p->status, 'pengaju') }}</em>
                                    </a>
                                @empty
                                    <div class="dash-empty">Belum ada pencairan.</div>
                                @endforelse
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection