{% extends 'partials/base.html.twig' %}

{% block content %}
{% set tracker_page = grav.pages.find('/tracker') %}
{% set all_entries = tracker_page ? tracker_page.children.published() : [] %}

{# Basic counts #}
{% set entry_count = all_entries|length %}

{# Days on the road — find earliest entry timestamp by iterating #}
{% set days_on_road = 0 %}
{% set first_ts = null %}
{% for entry in all_entries %}
    {% set ts = entry.date|date('U') %}
    {% if first_ts is null or ts < first_ts %}
        {% set first_ts = ts %}
    {% endif %}
{% endfor %}
{% if first_ts is not null %}
    {% set now_ts = "now"|date('U') %}
    {% set diff_seconds = now_ts - first_ts %}
    {% set days_raw = (diff_seconds / 86400)|round(0, 'floor') %}
    {% set days_on_road = days_raw < 1 ? 1 : days_raw %}
{% endif %}

{# Countries — unique, case-insensitive dedup, preserve original casing #}
{% set seen_lower = [] %}
{% set country_display = [] %}
{% for entry in all_entries %}
    {% if entry.header.location_country is not empty %}
        {% set lower = entry.header.location_country|trim|lower %}
        {% if lower not in seen_lower %}
            {% set seen_lower = seen_lower|merge([lower]) %}
            {% set country_display = country_display|merge([entry.header.location_country|trim]) %}
        {% endif %}
    {% endif %}
{% endfor %}

{# GPS points for distance — collect as JSON for JS computation #}
{% set gps_points = [] %}
{% for entry in all_entries %}
    {% if entry.header.lat is not empty and entry.header.lng is not empty %}
        {% set gps_points = gps_points|merge([[entry.header.lat, entry.header.lng]]) %}
    {% endif %}
{% endfor %}

<div class="stats-page">
    <h1 class="stats-heading">Trip Statistics</h1>

    <div class="stats-grid">
        <div class="stat-block">
            <span class="stat-value">{{ days_on_road }}</span>
            <span class="stat-label">{{ days_on_road == 1 ? 'day' : 'days' }} on the road</span>
        </div>
        <div class="stat-block">
            <span class="stat-value">{{ entry_count }}</span>
            <span class="stat-label">{{ entry_count == 1 ? 'entry' : 'entries' }} posted</span>
        </div>
        <div class="stat-block">
            <span class="stat-value">{{ country_display|length }}</span>
            <span class="stat-label">{{ country_display|length == 1 ? 'country' : 'countries' }} visited</span>
        </div>
        <div class="stat-block">
            <span class="stat-value" id="stat-distance">—</span>
            <span class="stat-label">km traveled</span>
        </div>
    </div>

    {% if country_display|length > 0 %}
    <div class="stats-countries">
        <span class="stats-countries-label">Countries visited</span>
        {{ country_display|join(' · ') }}
    </div>
    {% endif %}

    <p class="stats-note">Distance is approximate — straight lines between entry locations.</p>
</div>

<script>
var GPS_POINTS = {{ gps_points|json_encode|raw }};

function haversine(lat1, lng1, lat2, lng2) {
    var R = 6371;
    var dLat = (lat2 - lat1) * Math.PI / 180;
    var dLng = (lng2 - lng1) * Math.PI / 180;
    var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
            Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) *
            Math.sin(dLng/2) * Math.sin(dLng/2);
    return R * 2 * Math.asin(Math.sqrt(a));
}

var total = 0;
for (var i = 1; i < GPS_POINTS.length; i++) {
    total += haversine(
        parseFloat(GPS_POINTS[i-1][0]), parseFloat(GPS_POINTS[i-1][1]),
        parseFloat(GPS_POINTS[i][0]),   parseFloat(GPS_POINTS[i][1])
    );
}

var el = document.getElementById('stat-distance');
if (GPS_POINTS.length < 2) {
    el.textContent = '—';
} else {
    el.textContent = '~' + Math.round(total).toLocaleString();
}
</script>
{% endblock %}