{% 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>
        </div>

        <div class="flex"></div>
        <div>
            <a href="/" class="btn btn-md text-muted">
                <span class="d-none d-sm-inline mx-1">返回</span>
                <i data-feather="arrow-right"></i>
            </a>

        </div>

    </div>

    <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>
                </tr>
            </thead>
            <tbody>
                {%  for kind in kinds %}
                <tr>
                    <td>{{ kind['keyword'] }}</td>
                    <td>{{ kind['traffic_count'] }}</td>
                    <td>{{ kind['collect_count'] }}</td>
                    <td> {{ select_type_name( kind['mid'] ) }} </td>
                </tr>
                {% end %}
            </tbody>

        </table>

        <div class="mb-3 text-center">

            {% if prev_url %}

            <a href="{{ prev_url }}" class="btn w-sm mb-1 btn-primary " role="button">上一页</a>
            {% end %}

            {% if next_url %}
            <a href="{{ next_url }}" class="btn w-sm mb-1 btn-primary " role="button">下一页</a>
            {% end %}

        </div>



    </div>


</div>


{% end %}