@php
    $triActuel = request('tri');
    $dirActuel = strtolower((string) request('dir')) === 'desc' ? 'desc' : 'asc';
    $estActif  = $triActuel === $col;
    $prochainDir = ($estActif && $dirActuel === 'asc') ? 'desc' : 'asc';
    $params = array_merge(request()->query(), ['tri' => $col, 'dir' => $prochainDir]);
    unset($params['page']);
    $url = request()->url() . '?' . http_build_query($params);
    $align = $align ?? 'left';
    $thcls = $align === 'right' ? 'text-right' : ($align === 'center' ? 'text-center' : '');
@endphp
<th class="px-4 py-3 font-medium {{ $thcls }}">
    <a href="{{ $url }}" class="group inline-flex items-center gap-1 hover:text-slate-700 {{ $estActif ? 'text-slate-700' : '' }}">
        <span>{{ $label }}</span>
        @if($estActif && $dirActuel === 'asc')
            <svg class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m4.5 15.75 7.5-7.5 7.5 7.5"/></svg>
        @elseif($estActif && $dirActuel === 'desc')
            <svg class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="m19.5 8.25-7.5 7.5-7.5-7.5"/></svg>
        @else
            <svg class="h-3.5 w-3.5 opacity-30 group-hover:opacity-70" fill="none" viewBox="0 0 24 24" stroke-width="1.8" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" d="M8.25 9 12 5.25 15.75 9m-7.5 6L12 18.75 15.75 15"/></svg>
        @endif
    </a>
</th>