COR section disappears if am_cor is checked

js/index.js

@@ -11,6 +11,7 @@ import textinput from './components/text_input'
 import checkboxinput from './components/checkbox_input'
 import DetailsOfUse from './components/forms/details_of_use'
 import poc from './components/forms/poc'
+import cor from './components/forms/cor'
 import financial from './components/forms/financial'
 import toggler from './components/toggler'
 import NewApplication from './components/forms/new_application'
@@ -43,6 +44,7 @@ const app = new Vue({
     checkboxinput,
     DetailsOfUse,
     poc,
+    cor,
     financial,
     NewApplication,
     selector,

templates/task_orders/new/oversight.html

@@ -21,17 +21,16 @@
 
 <h3>{{ "task_orders.new.oversight.cor_info_title" | translate }}</h3>
 <p>{{ "task_orders.new.oversight.cor_info_paragraph" | translate }}</p>
+<cor inline-template v-bind:initial-data='{{ form.data|tojson }}'>
     <div class='usa-input'>
-  <fieldset class="usa-input__choices">
+        {{ CheckboxInput(form.am_cor) }}
-    <legend>
+        <template v-if="!am_cor">
-      <input type="checkbox" name="am_cor" id="am_cor" value="y" />
-      <label for="am_cor">{{ "task_orders.new.oversight.am_cor_label" | translate }}</label>
-    </legend>
-  </fieldset>
-</div>
             {{ UserInfo(form.cor_first_name, form.cor_last_name, form.cor_email, form.cor_phone_number) }}
             {{ CheckboxInput(form.cor_invite) }}
             {{ TextInput(form.cor_dod_id, placeholder="1234567890", tooltip="Why", tooltip_title='Why', validation='dodId')}}
+        </template>
+    </div>
+</cor>
 
 <hr />