@include('profile.partials.section-head')
<div class="pf-grid pf-grid-2">
@foreach ($d['items'] as $c)
  @php($tag = $c['href'] ? 'a' : 'article')
  <{{ $tag }} class="iq-card {{ $c['href'] ? 'is-link' : '' }} iq-entity" @if($c['href']) href="{{ $c['href'] }}" {!! $target !!} @endif>
    <div class="iq-card-head">
      <x-iq.tile :name="$c['name']" :src="$c['logo_url']" :tint="$c['tint']" :initials="$c['initials']" />
      <div style="flex:1;min-width:0">
        <div class="iq-row" style="justify-content:space-between;flex-wrap:nowrap"><h3 class="iq-card-title">{{ $c['name'] }}</h3>@if($c['href'])<span class="go"><x-iq.icon name="arrowUpRight" /></span>@endif</div>
        @if ($c['meta'])
        <div class="iq-meta">@foreach ($c['meta'] as $meta)@unless($loop->first)<span class="sep"></span>@endunless<span>{{ $meta }}</span>@endforeach</div>
        @endif
      </div>
    </div>
    @if ($c['description'])<p class="iq-card-desc">{{ $c['description'] }}</p>@endif
    @if ($c['is_verified'] || $c['metric'])
    <div class="iq-row" style="justify-content:space-between;margin-top:auto">
      @if ($c['is_verified'])<span class="iq-verify">{!! \App\Support\Icons::seal() !!} Verified business</span>@else<span></span>@endif
      @if ($c['metric'])<div class="iq-kv" style="text-align:right"><span class="v">{{ $c['metric']['value'] }}</span><span class="k">{{ $c['metric']['label'] }}</span></div>@endif
    </div>
    @endif
  </{{ $tag }}>
@endforeach
</div>