@php
  $view = $view ?? (string)request()->query('view','cards');

  $items = [
    'cards'   => ['كروت','fa-layer-group'],
    'grid'    => ['شبكة','fa-border-all'],
    'table'   => ['جدول','fa-table'],
    'cluster' => ['عنقود','fa-diagram-project'],
  ];
@endphp

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

    <a href="{{ request()->fullUrlWithQuery(['view'=>$k]) }}"
       class="inline-flex items-center gap-2 px-3 py-2 rounded-xl text-[12px] border transition
              {{ $active
                  ? 'bg-white/12 text-white border-white/15 shadow-sm'
                  : '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>