diff --git a/resources/js/user/pages/contract-templates/Table.vue b/resources/js/user/pages/contract-templates/Table.vue
index 043f085..92c9d9d 100644
--- a/resources/js/user/pages/contract-templates/Table.vue
+++ b/resources/js/user/pages/contract-templates/Table.vue
@@ -79,6 +79,14 @@
                 >
                   <i class="fa fa-edit"></i>
               </router-link>
+              <button
+                  v-if="permission_list.includes('edit contract')"
+                  class="btn btn-xs btn-light" 
+                  tag="button"
+                  @click="contractTemplateDeleteModalToggle(contract)"
+                >
+                  <i class="fa fa-trash"></i>
+                </button>
             </td>
           </tr>
           <tr v-if="!contract_template_list.data || !contract_template_list.data[0]">
@@ -109,6 +117,13 @@
       :permission_list="permission_list"
       @refresh="getContractTemplateList()"
     ></contract-template-obligation-table-modal>
+
+    <contract-template-delete-modal
+        :this_contract_template="this_contract_template"
+        :selected_contract_template="selected_contract_template"
+        :mode="mode"
+        @refresh="getContractTemplateList()"
+      ></contract-template-delete-modal>
   </div>
 </template>
 
@@ -116,12 +131,14 @@
   import ContractTemplateFilter from "./Filter";
   import PaginateNav from '../../components/paginations/NextPerviousPagination';
   import ContractTemplateObligationTableModal from '../contract-template-obligations/TableModal';
+  import ContractTemplateDeleteModal from './DeleteModal';
 
   export default {
     components: {
       ContractTemplateFilter,
       PaginateNav,
-      ContractTemplateObligationTableModal
+      ContractTemplateObligationTableModal,
+      ContractTemplateDeleteModal,
     },
     data() {
       return {
@@ -145,6 +162,12 @@
         vm.this_contract_template = contract_template;
         vm.$bvModal.show('contract-template-obligation-table-modal');
       },
+      contractTemplateDeleteModalToggle(selected_contract_template) {
+        let vm = this;
+        vm.mode = 'delete';
+        vm.this_contract_template = selected_contract_template;
+        vm.$bvModal.show('contract-template-delete-modal');
+      },
       getPermissionList() {
         let vm = this;
         let url = 'user/self';