{{-- Metric list rows used on company/product forms (design: Company creator "Metrics"). --}}
<div class="iq-stack" style="gap:8px;grid-column:1/-1">
  @foreach ($metrics as $m)
    <div class="app-row">
      <div class="grow"><div class="app-row-title">{{ $m->name }}</div><div class="iq-muted iq-num" style="font-size:12px">{{ $m->is_public ? $m->formatted_value : 'Private' }} · {{ $m->is_public ? $m->metric_type->label() : 'Private' }}@if($m->show_on_card) · on card @endif</div></div>
      @if ($m->is_verified)<span class="iq-verify-quiet"><x-iq.seal /> Verified</span>@else<span class="iq-badge">Self-reported</span>@endif
      <a class="iq-btn iq-btn-quiet iq-btn-icon iq-btn-sm" href="{{ route('metrics.edit', $m) }}" aria-label="Edit {{ $m->name }}"><x-iq.icon name="edit" /></a>
    </div>
  @endforeach
  <a class="iq-btn iq-btn-secondary iq-btn-sm" style="align-self:flex-start" href="{{ $addUrl }}"><x-iq.icon name="plus" /> Add metric</a>
</div>