@extends('layouts.app')
@section('title', 'Metrics — InLynq')
@section('heading', 'Metrics')


@section('content')
<x-iq.page-head title="Metrics">
  <x-slot:sub>Proof without oversharing. Choose exact, a range, a percentage, plain text or private for each one.</x-slot:sub>
  @if ($canCreate)<a class="iq-btn iq-btn-primary" href="{{ route('metrics.create') }}"><x-iq.icon name="plus" /> Add metric</a>@endif
</x-iq.page-head>

<div class="iq-stack" style="gap:32px">
  <div class="iq-stack" style="gap:12px">
    <div class="iq-row" style="justify-content:space-between"><span style="font-weight:600">Proof on your profile</span><span class="iq-muted iq-num" style="font-size:13px">{{ $personal->count() }} of 8</span></div>
    @if ($personal->isEmpty())
      <x-iq.empty icon="gauge" title="No proof yet." action="Add a metric" :href="route('metrics.create')">Revenue, customers, years building. You choose how much to reveal.</x-iq.empty>
    @else
      <div class="iq-stack" style="gap:8px" data-reorder-url="{{ route('reorder', 'metrics') }}">
        @foreach ($personal as $m)@include('dashboard.metrics.row', ['sortable' => true])@endforeach
      </div>
    @endif
  </div>

  @foreach ([['Companies', $byCompany, 'company', 'companies.edit'], ['Products', $byProduct, 'product', 'products.edit']] as [$label, $owners, $key, $route])
    @foreach ($owners->filter(fn ($o) => $o->metrics->isNotEmpty()) as $owner)
      <div class="iq-stack" style="gap:12px">
        <div class="iq-row" style="justify-content:space-between"><span style="font-weight:600">{{ $owner->name }} <span class="iq-muted" style="font-weight:400">· {{ rtrim($label, 's') }}</span></span><a class="iq-link" style="font-size:13px" href="{{ route('metrics.create', [$key => $owner->id]) }}">Add metric</a></div>
        <div class="iq-stack" style="gap:8px">@foreach ($owner->metrics as $m)@include('dashboard.metrics.row', ['sortable' => false])@endforeach</div>
      </div>
    @endforeach
  @endforeach
</div>
@endsection