@php
    $isCurrentSortColumn = $sortBy === $name;
    $isFiltered = request()->filled("filters.{$name}")
        || request()->filled("filters.{$name}_from")
        || request()->filled("filters.{$name}_to");
    $filter = $columnFilters[$name] ?? [];
@endphp

<th @class([$class ?? null])>
    <div class="d-flex align-items-center justify-content-between gap-1">
        <span>{{ $title }}</span>
        <div class="d-flex align-items-center gap-1 text-nowrap">
            @if($isCurrentSortColumn)
                <i class="bi {{ $orderBy === 'desc' ? 'bi-arrow-up-square-fill' : 'bi-arrow-down-square-fill' }} text-primary"></i>
            @endif
            <div class="dropdown d-inline-block" data-bs-auto-close="outside">
                <i id="{{ $name }}"
                   class="dropdown-toggle bi {{ $isFiltered ? 'bi-funnel-fill text-danger' : 'bi-funnel' }} cursor-pointer"
                   data-bs-toggle="dropdown"
                   data-bs-auto-close="outside"
                   aria-expanded="false"></i>
                @include('partials.newFilterElement', [
                    'id' => $name,
                    'data' => $filter['data'] ?? null,
                    'type' => $filter['type'] ?? null,
                    'table' => $tableId,
                    'isSort' => true,
                    'orderBy' => $orderBy,
                ])
            </div>
        </div>
    </div>
</th>