{{--
    Header kolom tabel yang bisa diklik untuk mengurutkan (server-side, ikut paginasi & filter).
    Pemakaian: <x-sort-th kolom="nama" default="nama">Nama</x-sort-th>
    Query string: ?sort=<kolom>&arah=asc|desc
--}}
@props(['kolom', 'default' => null, 'arahAwal' => 'asc'])
@php
    $aktifKolom = request('sort', $default);
    $aktif = $aktifKolom === $kolom;
    $arahSekarang = request('arah') === 'desc' ? 'desc' : 'asc';
    $arahBaru = $aktif ? ($arahSekarang === 'asc' ? 'desc' : 'asc') : $arahAwal;
    $url = request()->fullUrlWithQuery(['sort' => $kolom, 'arah' => $arahBaru, 'page' => null]);
    $ikon = $aktif ? ($arahSekarang === 'asc' ? 'bi-caret-up-fill' : 'bi-caret-down-fill') : 'bi-chevron-expand';
    $rataKanan = str_contains($attributes->get('class', ''), 'text-end');
@endphp
<th {{ $attributes->merge(['class' => 'text-nowrap']) }} @if($aktif) aria-sort="{{ $arahSekarang === 'asc' ? 'ascending' : 'descending' }}" @endif>
    <a href="{{ $url }}" class="text-reset text-decoration-none d-inline-flex align-items-center gap-1 {{ $rataKanan ? 'flex-row-reverse' : '' }}"
       title="Urutkan berdasarkan {{ trim(strip_tags($slot)) }}">
        <span>{{ $slot }}</span>
        <i class="bi {{ $ikon }} small {{ $aktif ? 'text-primary' : 'text-muted opacity-50' }}"></i>
    </a>
</th>