
<section>
  <header>
    <h2>Current Obligated funds</h2>
    <span>As of DATE</span>
  </header>
  <div class='panel'>
    <div class='panel__content'>
      <div>
        {% for JEDI_clin, funds in current_obligated_funds.items() %}
          {{ JEDI_clin }}
          <meter value='{{ funds["expended_funds"] }}' min='0' max='{{ funds["obligated_funds"] }}' title='{{ JEDI_clin }}'>
            <div class='meter__fallback' style='width:{{ (funds["expended_funds"] / funds["obligated_funds"]) * 100 }}%;'></div>
          </meter>
        <div>
          <p>Remaining funds:</p>
          <p>{{ (funds["obligated_funds"] - funds["expended_funds"]) | dollars }}</p>
        </div>
        <div>
          <p>Funds expended to date:</p>
          <p>{{ funds["expended_funds"] | dollars }}</p>
        </div>
        <hr>
        {% endfor %}
        {% for task_order in portfolio.active_task_orders %}
          <a href="{{ url_for("task_orders.review_task_order", task_order_id=task_order.id) }}">{{ task_order.number }}</a>
        {% endfor %}
      </div>
    </div>
  </div>
</section>