@props(['field', 'label'])

@php
$currentSort = request('sort');
$currentDir = request('direction', 'asc');
$newDir = ($currentSort === $field && $currentDir === 'asc') ? 'desc' : 'asc';
@endphp

<th {{ $attributes->merge(['class' => 'px-4 py-3 text-left']) }}>
    <a href="{{ request()->fullUrlWithQuery(['sort' => $field, 'direction' => $newDir]) }}" class="flex items-center gap-1 group hover:text-blue-600 transition">
        {{ $label }}
        @if($currentSort === $field)
            <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                @if($currentDir === 'asc')
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7"/>
                @else
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                @endif
            </svg>
        @endif
    </a>
</th>