{% extends "../main.html" %}
{% block title %}插件市场{% end %}
{% block content %}


<div id="content" class="flex ">
    <!-- ############ Main START-->
    <div>
        <div class="b-b" id="page-hero">
            <div class="padding d-flex">
                <div class="page-title">
                    <h2 class="text-md text-highlight">已购买的插件</h2>
                </div>
                <div class="flex"></div>
            </div>
        </div>

        <div class="b-b" 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>名称</th>
                            <th>描述</th>
                            <th>来源</th>
                            <th>版本</th>
                            <th>价格</th>
                            <th>操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        {% for data in datas %}
                        <tr>
                            <td>{{ data['name'] }}</td>
                            <td>{{ data['detail'] }}</td>
                            <td>{{ data['origin'] }}</td>
                            <td>{{ data['version'] }}</td>
                            <td>{{ data['price'] }}</td>
                            </td>
                            <td><a href="/buyplugins?modifyPlugin={{ data['id'] }}"
                                class="btn btn-outline-primary btn-sm">升级</a>
                            </td>
                            
                            <td><a href="/buyplugins?deletePlugin={{ data['id'] }}"
                                class="btn btn-outline-danger btn-sm">卸载 </a></td>
                        </tr>
                        {%end%}
                    </tbody>
                </table>
            </div>
        </div>


        {% end %}