{% from "components/tooltip.html" import Tooltip %}
{% from "components/icon.html" import Icon %}


<section class="row">
  <div class='col col--grow'>
    <p>
      Total Portfolio Value
      {{Tooltip(("common.lorem" | translate), title="")}}
    </p>
    <p>{{ total_portfolio_value | dollars }}</p>
  </div>
  <div class='col col--grow'>
    <p>
      Funding Duration
      {{Tooltip(("common.lorem" | translate), title="")}}
    </p>
    {% set earliest_pop_start_date, latest_pop_end_date = portfolio.funding_duration %}
    {% if earliest_pop_start_date and latest_pop_end_date  %}
      <p>
        {{ earliest_pop_start_date | formattedDate(formatter="%B %d, %Y") }}
        - 
        {{ latest_pop_end_date | formattedDate(formatter="%B %d, %Y") }}
      </p>
    {% else %}
      <p> - </p>
    {% endif %}
  </div>
  <div class='col col--grow'>
    <p>
      Days Remaining
      {{Tooltip(("common.lorem" | translate), title="")}}
    </p>
    <p>{{ portfolio.days_to_funding_expiration }} days</p>
  </div>
</section>