@php
  $clusterBy = $clusterBy ?? (string)request()->query('cluster_by','day');

  $opts = [
    'day'      => ['حسب اليوم', 'fa-calendar-day'],
    'leader'   => ['حسب القائد', 'fa-crown'],
    'platform' => ['حسب المنصة', 'fa-satellite-dish'],
  ];
@endphp

<div class="flex flex-wrap items-center gap-2">
  @foreach($opts as $k => $meta)
    @php
      [$label,$icon] = $meta;
      $active = ($clusterBy === $k);
    @endphp

    <a href="{{ request()->fullUrlWithQuery(['view'=>'cluster','cluster_by'=>$k]) }}"
       class="inline-flex items-center gap-2 px-3 py-2 rounded-xl text-[12px] border transition
              {{ $active
                  ? 'bg-amber-500/10 text-amber-100 border-amber-300/15'
                  : 'bg-black/20 text-white/70 border-white/10 hover:bg-white/8 hover:text-white' }}">
      <i class="fa-solid {{ $icon }} text-[12px] opacity-90"></i>
      <span class="font-semibold">{{ $label }}</span>
    </a>
  @endforeach
</div>