{{ block title }}
    <h6>Completed so far:</h6>
    
    <div class="progress">
        <div class="progress-bar" role="progressbar" aria-label="Progress" style="width: {{ percentage }}%" aria-valuenow="{{ percentage }}" aria-valuemin="0" aria-valuemax="100">{{ percentage }}%</div>
    </div> <br><br>
    
{{ endblock }}

{{ block content }}
<style>
  p {
    margin-left: 40px;
    margin-right: 100px;
  }
</style>

<h3>Inflation Rate</h3>
  The percentage by which the price of Food changes is known as the <b>Inflation Rate</b>.<br><br>

<h3>When to Stock Up</h3>
  When the Inflation Rate is greater than the interest rate paid on your Savings Account:<br><br>
  <p>• If your current Starting Stock Next Period is 0, <b>buy {{ C.STRATEGY_QUANTITY }} units</b> of Food.</p>
  <p>• If your current Starting Stock Next Period is greater than or equal to 1, <b>buy 0 units</b> of Food (<i>Save</i>).</p>

<h3>When to Save</h3>
  When the Inflation Rate is less than or equal to the interest rate paid on your Savings Account:<br><br>
  <p>• If your current Starting Stock Next Period is 0, <b>buy 1 unit</b> of Food.</p>
  <p>• If your current Starting Stock Next Period is greater than or equal to 1, <b>buy 0 units</b> of Food (<i>Save</i>).</p>

  {{ next_button }}

{{ endblock }}