{% 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-striped">
        <thead>
          <tr>
              <th>Date</th>
              <th>Time</th>
              <th>Gold Code</th>
              <th>Gold Short Name</th>
              <th>Quoted Buying Price</th>
              <th>Quoted Selling Price</th>
              <th>Trading Highest</th>
              <th>Trading Lowest</th>
              <th>Trading Avg</th>
              <th>Latest Price</th>
              <th>Volume</th>
          </tr>
      </thead>
      <tbody>
          {% for record in gold %}
          <tr>
              <td>{{ record['Date'] }}</td>
              <td>{{ record['Time'] }}</td>
              <td>{{ record['GoldCode'] }}</td>
              <td>{{ record['GoldShortName'] }}</td>
              <td>{{ record['QuotedBuyingB.Price'] }}</td>
              <td>{{ record['QuotedSellingS.Price'] }}</td>
              <td>{{ record['TradingHighest'] }}</td>
              <td>{{ record['TradingLowest'] }}</td>
              <td>{{ record['TradingAvg.'] }}</td>
              <td>{{ record['TradingLatestTradingInfo.LatestPrice'] }}</td>
              <td>{{ record['TradingVolume'] }}</td>
          </tr>
          {% endfor %}
      </tbody>
    </table>
  </div>
 </div>
</div>

{% endblock %}