@if (!empty($fieldNames) && !empty($fieldValues))
    @php
        $ipColumnIndex = \App\Helpers\SplunkResultColumnIndexFinder::getIndexOfColumn(
            'IP',
            $fieldNames
        );
        $severityColumnIndex = \App\Helpers\SplunkResultColumnIndexFinder::getIndexOfColumn(
            'Severity',
            $fieldNames
        );
        $consolidatedThreatColumnIndex = \App\Helpers\SplunkResultColumnIndexFinder::getIndexOfColumn(
            'Consolidated Threat',
            $fieldNames
        );
    @endphp
    <table class="table table-chrome table-striped not-wrapped-results" id="an-table" data-cases-with-fields='{{ $casesWithFields->toJson() }}'>
        <thead>
            <tr>
                @foreach ($fieldNames as $fieldName)
                    @php
                        $tooltipContent = '';

                        if (isset($fieldTooltips[$fieldName])) {
                            $tooltipContent = '<i class="fa fa-info-circle" data-toggle="tooltip" title="' . $fieldTooltips[$fieldName] . '"></i>';
                        }
                    @endphp
                    <th>{{ $fieldName }} {!! $tooltipContent !!}</th>
                @endforeach
                <th width="154px;">Action</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($fieldValues as $rows)
                <tr>
                    @foreach ($rows as $fieldValue)
                        <td>
                            @if ($loop->index == $consolidatedThreatColumnIndex)
                                <a href="javascript: void(0);" class="consolidatedThreatValue">{{ $fieldValue }}</a>
                            @elseif ($loop->index == $severityColumnIndex)
                                <a href="javascript: void(0);" class="severityValue">{{ $fieldValue }}</a>
                            @elseif ($loop->index == $ipColumnIndex)
                                <a href="javascript: void(0);" class="ipValue">{{ $fieldValue }}</a>
                            @else
                                {{ $fieldValue }}
                            @endif
                        </td>
                    @endforeach
                    <td>
                        @include('widgets.dashboard.components._risk-drilldown', ['modalItemId' => "analytic-modal_{$loop->index}"])
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>

    {{-- TODO: Change to once-push stack in `_risk-drilldown` when updated to Laravel >= 7.x --}}
    @include('widgets.dashboard.components._risk-drilldown-scripts')

    <style type="text/css">
        .consolidatedThreatValue, .severityValue, .ipValue {
            text-decoration: underline;
        }
    </style>
    <script type="text/javascript">
        $(function() {
            var ipColumnIndex = {!! $ipColumnIndex !!};
            var metricRisk = {!! json_encode($riskLevels) !!}

            new DataTable(document.querySelector('#an-table'), {perPageSelect: [5, 15, 25, 50, 100],perPage: 15,});

            $('[data-toggle="tooltip"]').tooltip();

            $(document).on('click', '.consolidatedThreatValue', function(e) {
                e.preventDefault();

                if (ipColumnIndex !== null) {
                    var ipAddress = $(this).closest('tr').find('td').eq(ipColumnIndex).text();

                    if (typeof ipAddress !== typeof undefined) {
                        var win = window.open("{!! url('/dashboard/threats') !!}?ip=" + $.trim(ipAddress) + "&tab=tab-analytics", '_blank');
                        win.focus();
                    }
                }
            });

            $(document).on('click', '.ipValue', function(e) {
                e.preventDefault();

                if (ipColumnIndex !== null) {
                    var ipAddress = $(this).closest('tr').find('td').eq(ipColumnIndex).text();

                    if (typeof ipAddress !== typeof undefined) {
                        var win = window.open("{{ route('cad-asset.index') }}?ip=" + $.trim(ipAddress), '_blank');
                        win.focus();
                    }
                }
            });

            $(document).on('click', '.severityValue', function(e) {
                e.preventDefault();

                if (ipColumnIndex !== null) {
                    var ipAddress = $(this).closest('tr').find('td').eq(ipColumnIndex).text();

                    if (typeof ipAddress !== typeof undefined) {
                        var redirectUrl = '#';

                        @can('view-service', 'MSS-VM')
                        redirectUrl = "{{ url('/MSS-VM') }}";
                        @endcan

                        @can('view-service', 'MSS-VME')
                        redirectUrl = "{{ url('/MSS-VME') }}";
                        @endcan

                        var win = window.open(redirectUrl + "?ip=" + $.trim(ipAddress) + "&tab=tab-4th-screen", '_blank');
                        win.focus();
                    }
                }
            });
        });
    </script>
@else
    <span class="info_big vl_center">n/a</span>
@endif