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