From 59545aaf0e01bc09c8b18b3bfc482d70fb2d1506 Mon Sep 17 00:00:00 2001
From: richard-dds <richard-ctr@friends.dds.mil>
Date: Tue, 30 Jul 2019 09:51:27 -0400
Subject: [PATCH] Add TO cancel modal

---
 templates/task_orders/builder_base.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/templates/task_orders/builder_base.html b/templates/task_orders/builder_base.html
index 3b571459..01e63d4a 100644
--- a/templates/task_orders/builder_base.html
+++ b/templates/task_orders/builder_base.html
@@ -1,6 +1,7 @@
 {% extends "portfolios/base.html" %}
 
 {% from "components/sticky_cta.html" import StickyCTA %}
+{% from "components/modal.html" import Modal %}
 
 {% block portfolio_content %}
   <base-form inline-template>
@@ -26,13 +27,21 @@
           {% endif %}
 
           <a
-            href="{{ cancel_url }}"
+            v-on:click="openModal('cancel')"
             class="action-group__action icon-link">
             {{ "common.cancel" | translate }}
           </a>
         </span>
       {% endcall %}
 
+      {% call Modal(name='cancel', dismissable=True) %}
+        <div class="task-order__modal-cancel">
+          <h1>Do you want to save this draft?</h1>
+          <a href="" class="action-group__action icon-link">No, delete it</a>
+          <a href="" class="action-group__action icon-link">Yes, save for later</a>
+        </div>
+      {% endcall %}
+
       {% include "fragments/flash.html" %}
 
       <div class="task-order">