{% 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");
            var endpoint = counterBase + "/counter/" + encodeURIComponent(path) + ".json";
            fetch(endpoint).then(function (response) {
                if (!response.ok) {
                    throw new Error("request failed");
                }
                return response.json();
            }).then(function (data) {
                node.textContent = data.count || 0;
            }).catch(function () {
                node.textContent = "未知";
            });
        });
    })();
</script>
{% endif %}
{% endblock %}