{% include "partial/header.html" %}
<div class="layui-container index">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md8">
            <div class="layui-card">
                <div class="layui-card-body">
                    <ul class="article-list">
                        {% for item in articles %}
                        <li class="item">
                            <a href="/article/{{item.Id}}" class="link">
                                <h5 class="title">{{item.Title}}</h5>
                                <div class="description">{{item.Description}}</div>
                                <div class="meta">
                                    {% if item.Category %}<span>{{item.Category.Title}}</span>{% endif %}
                                    <span>{{stampToDate(item.CreatedTime, "2006-01-02")}}</span>
                                    <span>{{item.Views}} 阅读</span>
                                </div>
                            </a>
                        </li>
                        {% endfor %}
                    </ul>
                </div>
                {% if prevPage || nextPage %}
                <div class="layui-card-body text-center">
                    <div class="layui-box layui-laypage">
                        <a href="{{prevPage}}" class="layui-laypage-prev{% if !prevPage %} layui-disabled{% endif %}">上一页</a>
                        <a href="{{nextPage}}" class="layui-laypage-next{% if !nextPage %} layui-disabled{% endif %}">下一页</a>
                    </div>
                </div>
                {% endif %}
            </div>
        </div>

        <div class="layui-col-md4">
            {% include "partial/author.html" %}
            <div class="layui-card">
                <div class="layui-card-header">文章分类</div>
                <div class="layui-card-body">
                    <ul class="aside-list">
                        {% for item in categories %}
                        <li class="item">
                            <a href="/?category_id={{item.Id}}" class="link">
                                <h5 class="title">{{item.Title}}</h5>
                            </a>
                        </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
            <div class="layui-card">
                <div class="layui-card-header">热门文章</div>
                <div class="layui-card-body">
                    <ul class="aside-list">
                        {% for item in populars %}
                        <li class="item">
                            <a href="/article/{{item.Id}}" class="link">
                                <h5 class="title">{{item.Title}}</h5>
                                <span class="extra">{{item.Views}}阅读</span>
                            </a>
                        </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>
{% include "partial/footer.html" %}