@props(['column', 'label'])
@php
    $current = request('sort');
    $dir = request('dir', 'desc') === 'asc' ? 'asc' : 'desc';
    $active = $current === $column;
    $next = $active && $dir === 'asc' ? 'desc' : 'asc';
@endphp
<a href="{{ request()->fullUrlWithQuery(['sort' => $column, 'dir' => $next, 'page' => null]) }}" class="group inline-flex items-center gap-1 hover:text-ink-900 dark:hover:text-white">
    {{ $label }}
    @if ($active)
        @if ($dir === 'asc')<x-heroicon-m-chevron-up class="h-3.5 w-3.5 text-brand-600" />@else<x-heroicon-m-chevron-down class="h-3.5 w-3.5 text-brand-600" />@endif
    @else
        <x-heroicon-m-chevron-up-down class="h-3.5 w-3.5 opacity-0 transition group-hover:opacity-60" />
    @endif
</a>