[Teams] Autocomplete input component

app/src/plugins/tm@overview/tasks-unscheduled/_components/a-unscheduled-table.vue

@@ -17,7 +17,9 @@
 				<td class="task-action">
 					<div class="d-flex justify-start">
 						<img class="pencil-icon" :src="require('@/plugins/tm@overview/_img/pencil-icon.svg')" alt="pencil-icon">
-						<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon">
+						<img class="trash-icon" :src="require('@/plugins/tm@overview/_img/trash-icon.svg')" alt="trash-icon" @click.stop="showDeleteModal = true">
+
+						<A-delete-task-modal :show="showDeleteModal" :task="task" @delete-task="deleteTask" @close-modal="showDeleteModal = false" />
 					</div>
 				</td>
 			</tr>
@@ -26,12 +28,35 @@
 </template>
 
 <script>
+import ADeleteTaskModal from '@/plugins/app/_components/a-delete-task-modal.vue'
+
 export default {
+	components: {
+		ADeleteTaskModal
+	},
+
 	props: {
 		tasks: {
 			type: Array,
 			required: true
 		}
+	},
+
+	data() {
+		return {
+			showDeleteModal: false
+		}
+	},
+
+	methods: {
+		async deleteTask(id) {
+			try {
+				await this.$axios.delete(`v1/teams/${id}`)
+				this.showDeleteModal = false
+			} catch (error) {
+				this.$toast.error(error)
+			}
+		}
 	}
 }
 </script>