{% extends "paxalia/base.html" %}
{% load static i18n %}

{% block page_title %}{% trans "Bot Traffic" %}{% endblock %}
{% block page_subtitle %}{% trans "Analysis of scanner and bot requests" %}{% endblock %}

{% block dashboard_content %}
<div class="bots-dashboard">
    <div class="stat-grid">
        <div class="stat-card">
            <span class="stat-label">{% trans "Total Bot Requests" %}</span>
            <span class="stat-value">{{ total_bot_views }}</span>
        </div>
        <div class="stat-card">
            <span class="stat-label">{% trans "Today" %}</span>
            <span class="stat-value">{{ bot_views_today }}</span>
        </div>
        <div class="stat-card">
            <span class="stat-label">{% trans "Unique Bot IPs" %}</span>
            <span class="stat-value">{{ unique_bot_ips }}</span>
        </div>
    </div>

    <div class="chart-grid">
        <div class="chart-card">
            <h2 class="chart-title">{% trans "Bot Requests per Day (last 30 days)" %}</h2>
            <div class="chart-wrap">
                <canvas id="botDayChart"></canvas>
            </div>
        </div>
        <div class="chart-card">
            <h2 class="chart-title">{% trans "Top Bot Paths" %}</h2>
            <div class="chart-wrap">
                <canvas id="topPathsChart"></canvas>
            </div>
        </div>
        <div class="chart-card">
            <h2 class="chart-title">{% trans "Bot Requests by Country" %}</h2>
            <div class="chart-wrap">
                <canvas id="countryChart"></canvas>
            </div>
        </div>
        <div class="chart-card">
            <h2 class="chart-title">{% trans "Bot Category Breakdown" %}</h2>
            <p class="form-hint">
                {% trans "Search engines, AI crawlers, and social-preview bots are now classified separately from malicious/scanner traffic — see README for the full list." %}
            </p>
            {% if category_breakdown %}
                <div class="chart-wrap">
                    <canvas id="categoryChart"></canvas>
                </div>
            {% else %}
                <div class="chart-empty">{% trans "No classified bot traffic in the last 30 days." %}</div>
            {% endif %}
        </div>
    </div>

    {% if category_breakdown %}
    <div class="table-card">
        <h3 class="card-title">{% trans "Category detail" %}</h3>
        <table class="analytics-table">
            <thead><tr><th>{% trans "Category" %}</th><th>{% trans "Requests (last 30 days)" %}</th></tr></thead>
            <tbody>
                {% for row in category_breakdown %}
                <tr>
                    <td>{{ row.label }}</td>
                    <td>{{ row.count }}</td>
                </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
    {% endif %}
</div>
{% endblock %}

{% block page_scripts %}
    {{ bot_data|json_script:"bot-chart-data" }}
    <script nonce="{{ request.csp_nonce }}" src="{% static 'paxalia/scripts/chart.umd.js' %}"></script>
    <script nonce="{{ request.csp_nonce }}" src="{% static 'paxalia/scripts/bots.js' %}"></script>
{% endblock %}