<!DOCTYPE html>
<html>
<head>
    {%include 'inc/header.html'%}
    <link href="{{static_url('css/list.css')}}" rel="stylesheet"></head>
<body>
    {%include 'inc/menu.html'%}
    <div class="wrapper-100 color-1">
        <div class="wrapper">
            <div class="banner">
                <img src="{{static_url('images/69ef41b2.banner1.jpg')}}" width="100%">
                <span>帮助中心</span>
            </div>
            <div class="content">
                <div class="menu">
                    <h3>常见问题目录</h3>
                    <ul>
                        {% for v in data['category'] %}
                        <li {% if data['category_id'] == v['id'] %}class="cur"{% end %}><a href="{{v['link']}}">{{v['name']}}</a></li>
                        {% end %}
                    </ul>
                </div>
                {% if data['list'] %}
                <div class="list">
                    <ul>
                        {% for v in data['list'] %}
                        <li><a href="{{v['link']}}"><i>{{v['index']}}.</i><p>{{v['name']}}</p></a></li>
                        {% end %}
                    </ul>

                    {% if data['page']['total'] > 1 %}
                    {%set current = int(data['page']['current']) %}
                    {% if current > 1 %}
                    {%set prev = current-1 %}
                    {% else %}
                    {%set prev = 1 %}
                    {% end %}
                    
                    {% if current >= data['page']['total'] %}
                    {%set next = data['page']['total'] %}
                    {% else %}
                    {%set next = current+1 %}
                    {% end %}

                    <div class="paging">
                        <a href="{{data['url']}}&page={{prev}}" class="prev"></a>
                        <em>{{data['page']['current']}}</em><span>/</span><span>{{data['page']['total']}}</span>
                        <a href="{{data['url']}}&page={{next}}" class="next"></a>
                    </div>
                    {% end %}
                </div>
                {% end %}
            </div>
        </div>
    </div>
    {%include 'inc/footer.html'%}

{%include 'inc/script.html'%}
</body>
</html>