<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="description" content="">
    <title>{{.currentCategory.Typename}} - 视频 - {{.global.site_name}}</title>
    {{ template "_common.htm" .}}
    <style type="text/css">
        #sonNav>a {
            color: #6c757d;
        }

        #sonNav>a.active {
            font-weight: bolder;
            color: #dc3545;
        }
    </style>
</head>

<body>
    {{ template "_header.htm" .}}
    <main role="main">
        <div class="album py-3 bg-light">
            <div class="container">
                <div class="nav-scroller py-1 mb-2">
                    <nav class="nav d-flex justify-content-between" id="sonNav">
                        {{range .topVideoCategories}}
                        <a class="p-2{{if eq $.currentID .ID}} active{{end}}"
                            href="/list/{{.Typedir}}-{{.ID}}">{{.Typename}}</a>
                        {{end}}
                    </nav>
                </div>
                <div class="row">
                    {{range .listArchives}}
                    <div class="col-md-3">
                        <div class="card mb-4 shadow-sm">
                            <div class="icon-play"><i class="fa fa-4x fa-play-circle-o "></i></div>
                            <a href="/view/{{.UnqID}}" title="{{.Title}}"><img src="{{uploads_url .Litpic}}"
                                    width="100%" height="100%" video="{{uploads_url .Litvideo}}" class="litvd"></a>
                            <div class="card-body">
                                <div class="d-flex justify-content-between align-items-center">
                                    <div class="btn-group">
                                        {{if eq .Money 0}}
                                        <a href="/view/{{.UnqID}}" class="btn btn-sm btn-outline-secondary">观看</a>
                                        {{else}}
                                        <a href="/view/{{.UnqID}}" class="btn btn-sm btn-warning">付费</a>
                                        {{end}}
                                    </div>
                                    <small class="text-muted">{{date .Senddate "Y-m-d"}}</small>
                                </div>
                            </div>
                        </div>
                    </div>
                    {{end}}
                    <div class="col-12">
                        <nav id="frmPagination">
                            {{if eq .totalPage 0}}
                            <ul class="pagination justify-content-center">
                                <li class="page-item disabled"><span>暂无记录</span></li>
                            </ul>
                            {{else}}
                            <ul class="pagination justify-content-center">
                                <li class="page-item{{if eq .page 1}} disabled{{end}}" id="prePage">
                                    <a class="page-link" href="?p={{.prePage}}">上一页</a>
                                </li>
                                <li class="page-item disabled" id="totalPage">
                                    <a class="page-link"><span id="spCurrentPage">{{.page}}</span>/<span
                                            id="spTotalPage">{{.totalPage}}</span>页</a>
                                </li>
                                <li class="page-item{{if eq .page .totalPage}} disabled{{end}}" id="nextPage">
                                    <a class="page-link" href="?p={{.nextPage}}">下一页</a>
                                </li>
                            </ul>
                            {{end}}
                        </nav>
                        <!-- <span>总共{{.total}}条</span> -->
                    </div>
                </div>
            </div>
        </div>
    </main>
    {{ template "_footer.htm" }}
    {{ template "_analytics.htm" }}
</body>

</html>