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

<div class="container mt-4" style="padding-top: 20px;">
  <div class="card" style="background-color: #f0f8ff; border: 1px solid #b0c4de; box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.2);font-family: 'Roboto', sans-serif;">
    <div class="card-body custom-form">

      <h3>期間內個股交易記錄</h3>
      <table class="table table-bordered">
          <thead>
            <tr>
              <th scope="col">交易日期</th>
              <th scope="col">股票代號</th>
              <th scope="col">交易量</th>
              <th scope="col">交易金額</th>
              <th scope="col">開盤價</th>
              <th scope="col">最高價</th>
              <th scope="col">最低價</th>
              <th scope="col">收盤價</th>
              <th scope="col">漲跌幅</th>
              <th scope="col">交易筆數</th>
            </tr>
          </thead>
          <tbody>
              {% for item in data %}
              <tr>
                <td>{{ item.date }}</td>
                <td>{{ item.stock_id }}</td>
                <td>{{ item.Trading_Volume }}</td>
                <td>{{ item.Trading_money }}</td>
                <td>{{ item.open }}</td>
                <td>{{ item.max }}</td>
                <td>{{ item.min }}</td>
                <td>{{ item.close }}</td>
                <td>{{ item.spread }}</td>
                <td>{{ item.Trading_turnover }}</td>
              </tr>
              {% endfor %}
          </tbody>
      </table>
  </div>
 </div>
</div>

{% endblock %}