Add TO cancel modal

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">