{% extends "base.html" %}
{% block title %}股票池{% endblock %}
{% block page_title %}股票池{% endblock %}
{% block content %}
<div class="card">
  <div class="input-group mb8 wrap">
    <input class="input" id="kw" placeholder="搜索代码 / 名称" style="width:200px">
    <select class="input" id="industry"><option value="">全部行业</option></select>
    <select class="input" id="board">
      <option value="">全部板块</option>
      <option>主板</option><option>创业板</option><option>科创板</option>
    </select>
    <select class="input" id="rating">
      <option value="">全部评级</option>
      <option>强烈推荐</option><option>推荐</option><option>关注</option><option>观望</option>
    </select>
    <select class="input" id="sort">
      <option value="score">按综合评分</option>
      <option value="change_pct">按今日涨跌幅</option>
      <option value="amount">按成交额</option>
      <option value="market_cap">按市值</option>
    </select>
    <button class="btn btn-primary" onclick="load(1)">查询</button>
    <span class="flex" style="margin-left:auto"><span id="stCount" style="color:var(--muted)"></span></span>
  </div>
  <div style="overflow:auto">
    <table>
      <thead><tr>
        <th>代码/名称</th><th>行业</th><th>板块</th><th>现价</th><th>今日</th>
        <th>5日</th><th>量比</th><th>成交额</th><th>市值</th><th>评分</th><th>评级</th><th>操作</th>
      </tr></thead>
      <tbody id="tb"></tbody>
    </table>
  </div>
  <div class="pagination">
    <button class="btn" id="prevBtn" onclick="page--;load()">上一页</button>
    <span class="page-info" id="pageInfo"></span>
    <button class="btn" id="nextBtn" onclick="page++;load()">下一页</button>
  </div>
</div>
{% endblock %}
{% block scripts %}
<script src="{{ url_for('static', filename='js/stocks.js') }}"></script>
{% endblock %}