Delete unused Jinja macros and rearrange templates.

Templates and fragments that relate to specific resources (portfolios,
applications, task orders) should reside in directories named for the
relevant resource. This also matches the way the application routes are
distributed among modules named for each resource type.

templates/task_orders/fragments/task_order_review.html

@@ -0,0 +1,82 @@
+{% from "components/icon.html" import Icon %}
+{% from "components/semi_collapsible_text.html" import SemiCollapsibleText %}
+
+
+<div class="task-order__review">
+  <div class="form-row">
+    <div class="form-col">
+      <div class="h2">
+        {{ "task_orders.review.review_your_funding" | translate }}
+      </div>
+      <div>
+        <div class="totals-box">
+          {% if task_order %}
+            {% set obligated_funds = task_order.total_obligated_funds %}
+            {% set contract_amount = task_order.total_contract_amount %}
+          {% endif %}
+
+          <div class="h4">{{ 'components.totals_box.obligated_funds' | translate }}</div>
+          <div class="h3">{{ obligated_funds | dollars }}</div>
+          <p>{{ 'components.totals_box.obligated_text' | translate }}</p>
+          <div class="h4">{{ 'components.totals_box.total_amount' | translate }}</div>
+          <div class="h3">{{ contract_amount | dollars }}</div>
+          <p>{{ 'components.totals_box.total_text' | translate }}</p>
+
+        </div>
+      </div>
+
+      <div class="h3">
+        {{ 'task_orders.review.pdf_title' | translate }}
+      </div>
+      <a class="icon-link icon-link--download" href="{{ pdf_download_url }}">
+        {{ Icon('ok') }}
+        {{ task_order.pdf.filename }}
+      </a>
+
+      <hr>
+
+      <div class="col task-order__details">
+        <div class="h3">
+          {{ "task_orders.review.task_order_number" | translate }}
+        </div>
+        <div>{{task_order.number}}</div>
+
+        <hr>
+
+        <div class="h3">
+          {{ "task_orders.review.funding_summary" | translate }}
+        </div>
+
+
+          <table class="fixed-table-wrapper">
+            <thead>
+              <tr>
+                <th>{{ "task_orders.review.clins.number" | translate }}</th>
+                <th>{{ "task_orders.review.clins.type" | translate }}</th>
+                <th>{{ "task_orders.review.clins.idiq_clin_description" | translate }}</th>
+                <th>{{ "task_orders.review.clins.pop" | translate }}</th>
+                <th class="task-order__amount">{{ "task_orders.review.clins.total_amount" | translate }}</th>
+                <th class="task-order__amount">{{ "task_orders.review.clins.obligated" | translate }}</th>
+              </tr>
+            </thead>
+
+            <tbody>
+              {% for clin in task_order.sorted_clins %}
+              <tr>
+                <td>{{ clin.number }}</td>
+                <td>{{ clin.type }}</td>
+                <td>{{ "{}".format(clin.jedi_clin_type) | translate}}</td>
+                <td>
+                 {{ clin.start_date | formattedDate }} -  {{ clin.end_date | formattedDate }}
+                </td>
+                {# TODO: Swap in total CLIN amount #}
+                <td class="task-order__amount">{{ clin.total_amount | dollars }}</td>
+                <td class="task-order__amount">{{ clin.obligated_amount | dollars }}</td>
+              </tr>
+              {% endfor %}
+            </tbody>
+          </table>
+      </div>
+    </div>
+  </div>
+</div>

templates/task_orders/index.html

@@ -0,0 +1,119 @@
+{% from "components/empty_state.html" import EmptyState %}
+{% from "components/icon.html" import Icon %}
+{% from "components/sticky_cta.html" import StickyCTA %}
+
+{% extends "portfolios/base.html" %}
+
+{% block portfolio_content %}
+
+{% macro TaskOrderButton(task_order, route, text="Edit", secondary=False) %}
+<a href="{{ url_for(route, task_order_id=task_order.id) }}" class="usa-button {{ 'usa-button-secondary' if secondary else '' }}">
+  {{ text }}
+</a>
+{% endmacro %}
+
+{% macro TaskOrderDateTime(dt, className="") %}
+  <local-datetime timestamp="{{ dt }}" format="MMMM D, YYYY" class="{{ className }}"></local-datetime>
+{% endmacro %}
+
+{% macro TaskOrderDate(task_order) %}
+  <span class="datetime">
+    <!-- Draft: {Begins, Began} start_date -->
+    <!-- Everything else: {Starts, Started} start_date | {Ends, Ended} end_date -->
+
+    {% if task_order.is_draft %}
+      {% if task_order.has_begun %}
+        Started on
+      {% else %}
+        Starts on
+      {% endif %}
+      {{ TaskOrderDateTime(task_order.time_created) }}
+    {% else %}
+      {% if task_order.has_begun %}
+        Began
+      {% else %}
+        Begins
+      {% endif %}
+      {{ TaskOrderDateTime(task_order.start_date) }}
+    {% endif %}
+
+    {% if not task_order.is_draft %}
+      &nbsp;&nbsp;|&nbsp;&nbsp;
+
+      {% if task_order.has_ended %}
+        Ended
+      {% else %}
+        Ends
+      {% endif %}
+
+      {{ TaskOrderDateTime(task_order.end_date) }}
+    {% endif %}
+  </span>
+{% endmacro %}
+
+{% macro TaskOrderActions(task_order) %}
+  <div class="task-order-card__buttons">
+    {% if task_order.is_draft and user_can(permissions.EDIT_TASK_ORDER_DETAILS) %}
+      {{ TaskOrderButton(task_order, "task_orders.edit")}}
+    {% elif task_order.is_expired %}
+      {{ TaskOrderButton(task_order, "task_orders.review_task_order", text="View") }}
+    {% elif task_order.is_unsigned %}
+      {% if user_can(permissions.EDIT_TASK_ORDER_DETAILS) %}
+        {{ TaskOrderButton(task_order, "task_orders.form_step_four_review", text="Sign", secondary=True) }}
+      {% endif %}
+      {{ TaskOrderButton(task_order, "task_orders.review_task_order", text="View") }}
+    {% endif %}
+  </div>
+{% endmacro %}
+
+{% macro TaskOrderList(task_orders, label='success') %}
+  <div class="task-order-list">
+    {% for task_order in task_orders %}
+      <div class="card task-order-card">
+        <div class="card__status">
+          <span class='label label--{{ label_colors[task_order.status] }}'>{{ task_order.display_status }}</span>
+          {{ TaskOrderDate(task_order) }}
+          <span class="card__status-spacer"></span>
+          <span class="card__button">
+            {{ TaskOrderActions(task_order) }}
+          </span>
+        </div>
+        <div class="card__header">
+          <h3>Task Order #{{ task_order.number }}</h3>
+        </div>
+        <div class="card__body">
+          <b>Total amount: </b>{{ task_order.total_contract_amount | dollars }}
+        </div>
+        <div class="card__body">
+          <b>Obligated amount: </b>{{ task_order.total_obligated_funds | dollars }}
+        </div>
+      </div>
+    {% endfor %}
+  </div>
+{% endmacro %}
+
+
+{% call StickyCTA(text="Funding") %}
+    {% if user_can(permissions.CREATE_TASK_ORDER) %}
+      <a href="{{ url_for("task_orders.form_step_one_add_pdf", portfolio_id=portfolio.id) }}" class="usa-button usa-button-primary" type="submit">Start a new task order</a>
+    {% endif %}
+{% endcall %}
+
+{% include "fragments/flash.html" %}
+
+<div class="portfolio-funding">
+
+  {% if task_orders  %}
+    {{ TaskOrderList(task_orders) }}
+  {% else %}
+    {{ EmptyState(
+      'This portfolio doesn’t have any active or pending task orders.',
+      action_label='Add a New Task Order',
+      action_href=url_for('task_orders.form_step_one_add_pdf', portfolio_id=portfolio.id),
+      icon='cloud',
+      add_perms=user_can(permissions.CREATE_TASK_ORDER)
+    ) }}
+  {% endif %}
+</div>
+
+{% endblock %}

templates/task_orders/review.html

@@ -0,0 +1,16 @@
+{% from "components/sticky_cta.html" import StickyCTA %}
+
+{% extends 'portfolios/base.html' %}
+
+{% block portfolio_content %}
+
+  {% call StickyCTA(text="Task order details") %}
+    {% if user_can(permissions.EDIT_TASK_ORDER_DETAILS) and not task_order.is_expired %}
+      <a href="{{ url_for('task_orders.edit', task_order_id=task_order.id) }}" class="usa-button usa-button-secondary" type="submit">Edit</a>
+    {% endif %}
+  {% endcall %}
+
+  <div class="task-order">
+    {% include "task_orders/fragments/task_order_review.html" %}
+  </div>
+{% endblock %}

templates/task_orders/step_4.html

@@ -13,5 +13,5 @@
 {% endblock %}
 
 {% block to_builder_form_field %}
-    {% include "fragments/task_order_review.html" %}
+    {% include "task_orders/fragments/task_order_review.html" %}
 {% endblock %}