{% if counts and not counts_failed %}
<div class="stats">
    <div class="row">
        <div class="col-md-3">
            <div class="statistic">
                <h3>{{ counts.backlinks.total | number_format }}</h3>
                <span>{{ "backlinks" | rt }}</span>
            </div>
        </div>
        <div class="col-md-3">
            <div class="statistic">
                <h3>{{ counts.domains.total | number_format }}</h3>
                <span>{{ "unique backlinks" | rt }}</span>
            </div>
        </div>
        <div class="col-md-3">
            <div class="statistic">
                <h3>{{ counts.backlinks.toHomePage | number_format }}</h3>
                <span>{{ "links to homepage" | rt }}</span>
            </div>
        </div>
        <div class="col-md-3">
            <div class="statistic">
                <h3>{{ (counts.backlinks.total - counts.backlinks.doFollow) | number_format }}</h3>
                <span>{{ "nofollow backlinks" | rt }}</span>
            </div>
        </div>
    </div>
</div>
{% endif %}

<div class="table-container">
    <div class="table-actions" data-target="#backlinks">
        <h2>{{ title }}</h2>
        <div class="actions-container">
            {% if backlinks %}
                {% include 'actions/download.html' %}
            {% endif %}
        </div>
    </div>

    <table id="backlinks">
        <thead>
            <tr>
                <th class="center">#</th>
                <th style="min-width: 300px;" data-split="Page title,Location">{{ "Page title &amp; location" | rt }}</th>
                <th style="min-width: 300px;" data-split="Anchor text,Destination,Attributes">{{ "Anchor text &amp; destination" | rt }}</th>
                <th class="center" title="{{ "Page Authority" | rt | e('html_attr') }}">{{ "PA" | rt }}</th>
                <th class="center" title="{{ "Domain Authority" | rt | e('html_attr') }}">{{ "DA" | rt }}</th>
                <th class="center">{{ "Found" | rt }}</th>
            </tr>
        </thead>
        <tbody>
            {% for i, backlink in backlinks %}
                <tr>
                    <td class="center">{{ i + 1 }}</td>
                    <td data-split="title,url">
                        <div class="ellipsis">
                            <strong title="{{ (backlink.title ?? 'None') | e('html_attr') }}" data-key="title">
                                {{ backlink.title ?? 'None' }}
                            </strong>
                        </div>
                        <div class="ellipsis">
                            <a href="{{ (backlink.url_from) | e('html_attr') }}" target="_blank" rel="noopener nofollow" data-key="url">
                                {{ backlink.url_from }}
                            </a>
                        </div>
                    </td>
                    <td data-split="title,url,nofollow">
                        <div class="ellipsis">
                            <strong title="{{ (backlink.anchor ?? 'None') | e('html_attr') }}" data-key="title">
                                {{ backlink.anchor ?? 'None' }}
                            </strong>
                        </div>
                        <div class="ellipsis">
                            <a href="{{ (backlink.url_to) | e('html_attr') }}" target="_blank" rel="noopener nofollow" data-key="url">
                                {{ backlink.url_to }}
                            </a>
                        </div>

                        {% if backlink.nofollow %}
                            <span class="red-label" data-key="nofollow">{{ "nofollow" | rt }}</span>
                        {% endif %}
                    </td>
                    <td class="center">
                        <div class="colored-value">
                            <div class="value">{{ backlink.inlink_rank }}</div>
                            <div class="circle" style="background-color: {{ authority_color(backlink.inlink_rank) }}"></div>
                        </div>
                    </td>
                    <td class="center">
                        <div class="colored-value">
                            <div class="value">{{ backlink.domain_inlink_rank }}</div>
                            <div class="circle" style="background-color: {{ authority_color(backlink.domain_inlink_rank) }}"></div>
                        </div>
                    </td>
                    <td class="center no-wrap">
                        {{ backlink.first_seen }}
                    </td>
                </tr>
            {% else %}
                <tr>
                    <td colspan="6" class="center">{{ "Nothing to show." | rt }}</td>
                </tr>
            {% endfor %}
        </tbody>
    </table>
</div>