@props(['column', 'defaultSortBy'=>null, 'defaultSortDirection'=>null])

<a href="{{ route(Route::currentRouteName(), ['search'=>(Request::input('search','')),'user_id'=>(Request::input('user_id','')),'sort_by'=>$column, 'sort_direction'=>Request::get('sort_by', $defaultSortBy)===$column && Request::get('sort_direction', $defaultSortDirection)==='asc' ? 'desc' : 'asc']) }}" {{ $attributes->merge(['class' => 'flex justify-center items-center ' . (Request::input('sort_by', $defaultSortBy)===$column ? '!text-red-800' : '')]) }}>
	@if(Request::get('sort_by', $defaultSortBy)===$column)
	<svg class="fill-current w-4 h-4 {{ Request::get('sort_direction', $defaultSortBy)==='desc' ? 'transform rotate-180' : '' }}" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 28"><path d="M16 11c0 0.266-0.109 0.516-0.297 0.703l-7 7c-0.187 0.187-0.438 0.297-0.703 0.297s-0.516-0.109-0.703-0.297l-7-7c-0.187-0.187-0.297-0.438-0.297-0.703 0-0.547 0.453-1 1-1h14c0.547 0 1 0.453 1 1z"></path></svg>
	@endif
    <span>{{ $slot }}</span>
</a>