{% extends "layout.html" %}
{% block body %}
<div class="container">
    <div class="row">
        <h1>一个简单粗暴有效的个人 <a target="_blank" href="https://github.com/drunkpig/mdwiki">博客</a></h1>
        <table class="list">
            <thead>
            <th>文章标题</th>
            <th>发表日期</th>
            <th>阅读次数</th>
            </thead>
            {% for url, title, pub_date, read_cnt in post %}

            <tr>
                <th><a href="{{ url }}" target="_blank">{{ title }}</a></th>
                <th>{{ pub_date|default("置顶", True) }}</th>
                <th>
                    {% if goatcounter_enabled %}
                    <span class="goatcounter-stat" data-goatcounter-path="/{{ url }}">读取中</span>
                    {% else %}
                    {{ read_cnt }}
                    {% endif %}
                </th>
            </tr>

            {% endfor %}
        </table>

        <div class="yahoo pagger">
            {% for i in pagger_idx %}
            {% if i == cur_page %}
            <span class="current">[{{ i }}]</span>
            {% elif i == 0 %}

            <a href="index.html" target="_self">{{ i }}</a>
            {% else %}

            <a href="index_{{ i }}.html" target="_self">{{ i }}</a>
            {% endif %}

            {% endfor %}

        </div>
    </div>
</div>
{% if goatcounter_enabled %}
<script>
    (function () {
        var counters = document.querySelectorAll(".goatcounter-stat[data-goatcounter-path]");
        var goatScript = document.querySelector("script[data-goatcounter]");
        var goatEndpoint = goatScript ? goatScript.getAttribute("data-goatcounter") : "";
        if (!counters.length || !goatEndpoint) {
            return;
        }
        var counterBase = goatEndpoint.replace(/\/count\/?$/, "");

        counters.forEach(function (node) {
            var path = node.getAttribute("data-goatcounter-path");
            if (!path) {
                node.textContent = "未知";
                console.warn("[mdwiki] GoatCounter index path is empty");
                return;
            }
            var normalizedPath = path.charAt(0) === "/" ? path : "/" + path;
            var endpoint = counterBase + "/counter/" + encodeURI(normalizedPath) + ".json";
            fetch(endpoint).then(function (response) {
                if (!response.ok) {
                    throw new Error("request failed: " + response.status + " " + endpoint);
                }
                return response.json();
            }).then(function (data) {
                node.textContent = data.count || 0;
            }).catch(function (error) {
                console.warn("[mdwiki] GoatCounter index counter failed", error);
                node.textContent = "未知";
            });
        });
    })();
</script>
{% endif %}
{% endblock %}