{% extends "base.html" %}
{% block content %}

<div class="container">

    <table class="table table-hover table-bordered table-responsive table-striped">
        <caption class="caption-top text-center">
            <div class="alert alert-warning">
                <p class="m-0">
                    <strong>CSDN 专栏收益榜单</strong> 👉 民间统计，数据仅供参考 👈</p>

                <p class="m-1"><small>创作内容可参考热销专栏，可认为是当下比较火的<kbd>写作点</kbd></small></a></p>
                <p class="m-1"><small class="text-success">本统计未排除会员订购 | 且一人订购同一作者多个专栏，仅统计最后一次订阅</small></a></p>
                <p class="text-danger mt-2"> 展示日期：{{yesterday}} </p>
                <p class="d-block d-sm-none text-center"><img width="30%"
                                                              src="{{url_for('static',filename='images/vx1.png')}}"
                                                              alt="">
                    <br><strong>【收益总榜|指定用户详单数据】 | 群里等你 </strong></p>
            </div>
            <div class="btn-group btn-group-sm">
                <a class="btn btn-primary " href="/csdn/rank">昨日收益榜单</a>
                <a class="btn btn-primary active" href="/csdn/m_rank">本月收益榜单</a>
            </div>
        </caption>
        <thead>
        <tr>
            <th>排名</th>
            <th>昵称</th>
            <th>本月订阅人数</th>
            <th>本月预估总收益</th>
        </tr>
        </thead>
        <tbody>
        {% for item in data %}
        {% if item.userName in ['hihell','qq_33487044']%}
        {%else%}
        <tr>
            <td>{{loop.index}}</td>
            <td>{{item.nickName | hide_middle}}</td>
            <td>{{item.ren}}</td>
            <td>{{item.total}}</td>
        </tr>
        {%endif%}
        {%endfor%}
        </tbody>
    </table>
    <div class="alert alert-danger">
        <strong>民间统计数据</strong> 如有疑问，请入群开麦对线 | 数据仅展现 TOP 50 | 如不希望被展示，请联系橡皮擦（微：moshanba）进行删除
    </div>
</div>
<div class="card text-center d-none d-sm-block" style="position:fixed;top: 20px;right: 0px;">
    <div class="card-header ">CSDN 专栏收益榜单</div>
    <div class="card-body">
        <div class="alert alert-success">
            <p><strong>数据仅依据订阅专栏时的售价统计</strong></p>
            <p class="d-none d-sm-block text-center"><img width="50%"
                                                          src="{{url_for('static',filename='images/vx1.png')}}"
                                                          alt="">
                <br><br><strong>【更多数据，这里来 >>>】 </strong></p>
            <p>
            <table class="table table-striped table-bordered" style="font-size:9px;">
                <caption align="top">本月热销专栏</caption>
                <tr>
                    <th>专栏名</th>
                    <th>本月销售人次</th>
                </tr>
                {% for i in hot_col %}
                <tr>
                    <td>{{i.title}}</td>
                    <td>{{i.n}}</td>
                </tr>
                {% endfor %}
            </table>
            </p>
        </div>
    </div>

</div>
{% endblock %}