Began implementation of the send estimate feature.

frontend/src/components/pages/Estimates.vue

@@ -10,6 +10,25 @@
 			:loading="isLoading"
 			@lazy-load="handleLazyLoad"
 		/>
+		<Modal
+			:visible="showSubmitEstimateModal"
+			@update:visible="showSubmitEstimateModal = $event"
+			@close="closeSubmitEstimateModal"
+			:options="{ showActions: false }"
+		>
+			<template #title>Add Item</template>
+			<div class="modal-content">
+				<DataTable
+					:data="filteredItems"
+					:columns="itemColumns"
+					:tableName="'estimate-items'"
+					:tableActions="tableActions"
+					selectable
+					:paginator="false"
+					:rows="filteredItems.length"
+				/>
+			</div>
+		</Modal>
 	</div>
 </template>
 <script setup>
@@ -27,16 +46,39 @@ const filtersStore = useFiltersStore();
 const tableData = ref([]);
 const totalRecords = ref(0);
 const isLoading = ref(false);
+const showSubmitEstimateModal = ref(true);
+
+//Junk
+const filteredItems= []
+// End junk
 
 const columns = [
 	{ label: "Estimate ID", fieldName: "name", type: "text", sortable: true, filterable: true },
 	//{ label: "Address", fieldName: "customInstallationAddress", type: "text", sortable: true },
 	{ label: "Customer", fieldName: "customer", type: "text", sortable: true, filterable: true },
-	{ label: "Status", fieldName: "status", type: "status", sortable: true },
+	{
+		label: "Status",
+		fieldName: "status",
+		type: "status-button",
+		sortable: true,
+		buttonVariant: "outlined",
+		onStatusClick: (status, rowData) => handleEstimateClick(status, rowData),
+		//disableCondition: (status) => status?.toLowerCase() === "draft",
+		disableCondition: false
+	},
 	{ label: "Order Type", fieldName: "orderType", type: "text", sortable: true },
 	//{ label: "Estimate Amount", fieldName:
 ];
 
+const handleEstimateClick = (status, rowData) => {
+	showSubmitEstimateModal.value = true;
+};
+
+const closeSubmitEstimateModal = () => {
+	showSubmitEstimateModal.value = false;
+};
+
+
 const handleLazyLoad = async (event) => {
 	console.log("Estimates page - handling lazy load:", event);