{% extends "../main.html" %}
{% block title %}文章模型{% end %}
{% block content %}
<div class="page-hero page-container " id="page-hero">
    <div class="padding d-flex">
        <div class="page-title">
            <h2 class="text-md text-highlight">文章模型</h2>
            <small class="text-muted">列出所有可用文章模型模板</small>
        </div>
        <div class="flex"></div>
        <div>
            <a href="https://themeforest.net/item/basik-responsive-bootstrap-web-admin-template/23365964"
               class="btn btn-md text-muted">
                <span class="d-none d-sm-inline mx-1">Buy this Item</span>
                <i data-feather="arrow-right"></i>
            </a>
        </div>
    </div>
</div>
<div class="page-content page-container" id="page-content">
    <div class="padding">
        <div id="toolbar">
        </div>
        <table id="table" class="table table-theme v-middle" data-plugin="bootstrapTable" data-toolbar="#toolbar"
               data-search="true" data-search-align="left" data-show-export="true" data-show-columns="true"
               data-detail-view="false" data-mobile-responsive="true"
               data-pagination="true" data-page-list="[10, 25, 50, 100, ALL]">
            <thead>
            <tr>
                <th data-sortable="true" data-field="title">标题</th>
                <th data-sortable="true" data-field="content">内容</th>
                <th data-sortable="true" data-field="author">作者</th>
                <th data-sortable="true" data-field="tags">标签</th>
                <th data-sortable="true" data-field="likes">喜欢数</th>
                <th data-sortable="true" data-field="downloads">下载数</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            {% for resource in resources %}
            <tr class=" " data-id="2">
                <td>
                    <a href="music.detail.html">{{resource['title']}}</a>
                </td>
                <td class="flex">
                    <a href="music.detail.html" class="item-title text-color ">{{resource['content']}}</a>
                </td>
                <td>
                    <a href="music.detail.html">{{resource['author']}}</a>
                </td>
                <td>
                    <a href="music.detail.html">{{resource['tags']}}</a>
                </td>
                <td>
                    <a href="music.detail.html">{{resource['likes']}}</a>
                </td>
                <td>
                    <a href="music.detail.html">{{resource['downloads']}}</a>
                </td>
                <td>
                    <div class="item-action dropdown">
                        <a href="#" data-toggle="dropdown" class="text-muted">
                            <i data-feather="more-vertical"></i>
                        </a>
                        <div class="dropdown-menu dropdown-menu-right bg-black" role="menu">
                            <a class="dropdown-item" href="#">
                                See detail
                            </a>
                            <a class="dropdown-item edit">
                                Edit
                            </a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item trash">
                                Delete item
                            </a>
                        </div>
                    </div>
                </td>
            </tr>
            {% end %}
            </tbody>
        </table>
    </div>
</div>
{% end %}