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

<div class="container-fluid 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">


      <style>
        #loading {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #fff; 
            display: flex;
            justify-content: center;
            align-items: center;
            z-index: 9999; 
        }
    </style>

    <div id="loading">
      <img src="{{ url_for('static', filename='1.gif') }}" alt="Loading...">
  </div>

      

      <h4>{{ stock_id }} 個股日線圖技術分析及預測指標</h4>
    <div style="width: 100%; overflow-x: auto;">
      {{ k_line_html | safe }}
    </div>

      
  </div>
 </div>
</div>

<script>
  window.onload = function() {
      document.getElementById("loading").style.display = "none";
      document.getElementById("content").style.display = "block";
  };
</script>

{% endblock %}