<tr>
    <td colspan="10" class="bg-light pl-0">
        <div class="d-lg-flex align-items-baseline on-hover-opaque">
            <span class="width-30px text-center">
                @if($point->state === 'ACTIVE')
                    <i class="text-success fa fa-circle text-sm on-hover-opaque active-record"></i>
                @elseif($point->state === 'HISTORIC')
                    <i class="text-warning-mellow fa fa-circle text-sm on-hover-opaque active-record"></i>
                @elseif($point->state === 'ENTRY_ERROR')
                    <i class="text-secondary fa fa-circle text-sm on-hover-opaque"></i>
                @endif
            </span>
            <span class="text-secondary text-sm font-weight-bold">{{sanitize_state_name($point->state)}} ({{$counts[$point->state]}})</span>
        </div>
    </td>
</tr>