@if(isset($data['counter_pirate_list']) && count($data['counter_pirate_list']) > 0)
    @foreach($data['counter_pirate_list'] as $counter)
        <tr class="row-id-{{ $counter->id }}">
            <td width="15%" style="vertical-align: middle;">{{ $counter->date }}</td>
            <td width="5%" style="vertical-align: middle;" class="fake">
                @if(!empty($counter->category))
                    <span class="links-revision__table-type" style="background-color: #007bff; color: white; padding: 2px 6px; border-radius: 3px; font-size: 11px;">{{ $counter->category }}</span>
                @endif
            </td>
            <td width="20%" class="counter_href" style="vertical-align: middle; word-wrap: break-word;word-break: break-all;">
                @php
                    $link_parts = parse_url($counter->link);
                    $host = isset($link_parts['host']) ? $link_parts['host'] : $counter->link;
                @endphp
                <a href="{{ $counter->link }}" target="_blank" data-toggle="tooltip" data-placement="bottom" title="{{ $counter->link }}">{{ $host }}</a>
                <ul class="links-revision__table-col-action" style="list-style: none; padding: 0; margin: 5px 0 0 0;">
                    <li style="display: inline-block; margin-right: 5px;">
                        <a href="https://www.google.com/url?q={{ $counter->link }}" target="_blank">
                            <img src="{{ url('/') }}/Clients/custom/img/icon-link.png" width="16px" alt="">
                        </a>
                    </li>
                    <li style="display: inline-block; margin-right: 5px;">
                        <a href="#" onclick="copyLink('{{ $counter->link }}')">
                            <img src="{{ url('/') }}/Clients/custom/img/icon-action7.png" width="16px" alt="">
                        </a>
                    </li>
                    @if(!empty($counter->screenshot))
                        @php
                            $screen_parts = explode('/', $counter->screenshot);
                            $image = trim($screen_parts[1]);
                            $screen_shot_link = 'https://scr.remov.ee/shots/'.$image;
                        @endphp
                        <li style="display: inline-block; margin-right: 5px;">
                            <a href="{{ $screen_shot_link }}" target="_blank">
                                <img src="{{ url('/') }}/Clients/custom/img/icon-action6.png" width="16px" alt="">
                            </a>
                        </li>
                    @endif
                    <li style="display: inline-block;">
                        <a href="/counter/pirate/edit/{{ $counter->id }}" target="_blank">
                            <img src="{{ url('/') }}/Clients/custom/img/icon-action8.png" width="16px" alt="">
                        </a>
                    </li>
                </ul>
            </td>
            <td width="18%" style="font-size: 12px; vertical-align: middle;">
                @if(isset($counter->project_name))
                    {{ $counter->project_name }}
                @else
                    Project ID: {{ $counter->project_id }}
                @endif
            </td>
            <td width="15%" style="vertical-align: middle;">
                <a href="http://{{ $counter->displayLink }}" target="_blank" title="{{ $counter->displayLink }}">
                    {{ $counter->displayLink }}
                </a>
            </td>
            <td width="5%" class="status" style="font-size: 11px;vertical-align: middle;">
                <a class="btn-reference-status" data-pirate_status="{{ $counter->pirate_status }}" data-reference_id="{{ $counter->id }}" href="javascript:void(0)" title="Change status">
                    @if($counter->pirate_status == 0)
                        <span style="color: orange;">Pending Review</span>
                    @elseif($counter->pirate_status == 2)
                        <span class="text_red">Denied</span>
                    @elseif($counter->pirate_status == 3)
                        <span style="color: orange;">Pending Review</span>
                        <a href="" style="padding-left: 10px;" title="{{ $counter->checked_last ?? '' }}">
                            <i class="fa fa-info-circle" aria-hidden="true" style="color: brown;"></i>
                        </a>
                    @elseif($counter->pirate_status == 4)
                        <span style="color: orange;">Submitted</span>
                        <a href="" style="padding-left: 10px;" title="{{ $counter->checked_last ?? '' }}">
                            <i class="fa fa-info-circle" aria-hidden="true" style="color: brown;"></i>
                        </a>
                    @else
                        <span class="text_green">Reinstated</span>
                    @endif
                </a>
            </td>
            <td width="3%">
                @if($data['role_id'] == \App\Models\Users::ROLE_ADMIN || $data['role_id'] == \App\Models\Users::ROLE_MANAGER)
                    <input type="checkbox" class="pirate-select" 
                           data-reference_id="{{ $counter->id }}" />
                @endif
            </td>
            <td width="7%">
                @if($data['role_id'] == \App\Models\Users::ROLE_ADMIN || $data['role_id'] == \App\Models\Users::ROLE_MANAGER)
                    <div class="btn-group">
                        <button type="button" class="btn btn-xs btn-default dropdown-toggle" data-toggle="dropdown">
                            Actions <span class="caret"></span>
                        </button>
                        <ul class="dropdown-menu">
                            <li>
                                <a href="javascript:void(0)" class="btn-change-link-status" 
                                   data-counter_id="{{ $counter->id }}" 
                                   data-counter_status="{{ $counter->pirate_status }}">
                                    <i class="fa fa-exchange"></i> Change Link Status
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)" class="btn-counter-status" 
                                   data-counter_id="{{ $counter->id }}" 
                                   data-counter_status="{{ $counter->pirate_status }}">
                                    @if($counter->pirate_status == 0)
                                        <font color="red">Delete</font>
                                    @else
                                        <font color="green">Restore</font>
                                    @endif
                                </a>
                            </li>
                            <li>
                                <a href="javascript:void(0)" class="btn-remove-counter" 
                                   data-counter_id="{{ $counter->id }}">
                                    <i class="fa fa-trash-o"></i> Delete
                                </a>
                            </li>
                        </ul>
                    </div>
                @endif
            </td>
        </tr>
    @endforeach
@else
    <tr>
        <td colspan="8" class="text-center">No counter notices found.</td>
    </tr>
@endif