@extends('layout')
@section('title', 'KPI System')
@section('content')
<div class="page-heading split-heading"><div><span class="eyebrow">Decision instrumentation</span><h1>KPI system</h1><p>A metric becomes a KPI only when its threshold changes a named decision.</p></div>@if(auth()->user()->canAtlas('metrics.manage'))<button class="button primary" data-modal-open="new-metric">+ Define KPI</button>@endif</div>
<div class="metric-list">
@forelse($metrics as $metric)
    @php($latest=$metric->measurements->first())
    <article class="panel metric-row"><div class="metric-summary"><span class="eyebrow">{{ ucfirst($metric->cadence) }} · {{ ucfirst($metric->confidence) }} confidence</span><h2>{{ $metric->name }}</h2><p>{{ $metric->purpose }}</p><div class="metric-meta"><span><small>Formula</small>{{ $metric->formula ?: 'Not defined' }}</span><span><small>Source</small>{{ $metric->source }}</span><span><small>Target</small>{{ $metric->target ?: 'Not set' }}</span><span><small>Guardrail</small>{{ $metric->guardrail ?: 'Not set' }}</span></div></div><div class="metric-latest"><span>Latest</span><strong>{{ $latest ? rtrim(rtrim(number_format((float)$latest->value,2),'0'),'.') : '—' }}<small>{{ $metric->unit }}</small></strong><em>{{ $latest?->period_end?->format('d M Y') ?? 'No measurement' }}</em>@if(auth()->user()->canAtlas('metrics.manage'))<button class="button secondary" data-modal-open="measure-{{ $metric->id }}">Record value</button>@endif</div></article>
    @if(auth()->user()->canAtlas('metrics.manage'))<dialog class="modal" id="measure-{{ $metric->id }}"><form method="POST" action="{{ route('metrics.measure', $metric) }}">@csrf<header><div><span class="eyebrow">{{ $metric->name }}</span><h2>Record measurement</h2></div><button type="button" data-modal-close>×</button></header><div class="form-grid"><label>Period start<input type="date" name="period_start" required></label><label>Period end<input type="date" name="period_end" required></label><label>Value<input type="number" name="value" step="any" required></label><label>Evidence status<select name="status"><option value="reported">Reported</option><option value="estimated">Estimated</option><option value="reconciled">Reconciled</option></select></label><label class="span-2">Source reference<input name="source_reference"></label><label class="span-2">Notes<textarea name="notes" rows="3"></textarea></label></div><footer><button type="button" class="button ghost" data-modal-close>Cancel</button><button class="button primary" type="submit">Record value</button></footer></form></dialog>@endif
@empty<div class="empty-state panel"><h2>No governed KPIs</h2><p>Define source, formula, clock, target, owner, quality, and the decision it informs.</p></div>@endforelse
</div>
@if(auth()->user()->canAtlas('metrics.manage'))<dialog class="modal wide" id="new-metric"><form method="POST" action="{{ route('metrics.store') }}">@csrf<header><div><span class="eyebrow">KPI governance standard</span><h2>Define KPI</h2></div><button type="button" data-modal-close>×</button></header><div class="form-grid"><label class="span-2">Name<input name="name" required></label><label class="span-2">Purpose / decision informed<textarea name="purpose" rows="3" required></textarea></label><label class="span-2">Formula<textarea name="formula" rows="2"></textarea></label><label>Unit<input name="unit" value="number" required></label><label>Cadence<select name="cadence"><option>weekly</option><option>daily</option><option>monthly</option><option>quarterly</option></select></label><label class="span-2">Authoritative source<input name="source" required></label><label>Target / corridor<input name="target"></label><label>Guardrail<input name="guardrail"></label><label>Owner<select name="owner_id" required>@foreach($users as $user)<option value="{{ $user->id }}">{{ $user->name }}</option>@endforeach</select></label><label>Confidence<select name="confidence"><option>medium</option><option>low</option><option>high</option></select></label><label class="span-2">Quality notes<textarea name="quality_notes" rows="3"></textarea></label></div><footer><button type="button" class="button ghost" data-modal-close>Cancel</button><button class="button primary" type="submit">Create KPI</button></footer></form></dialog>@endif
@endsection