Added button and modal for sending estimates, functionality still to come.

frontend/src/components/pages/Estimate.vue

@@ -92,6 +92,9 @@
 					:disabled="selectedItems.length === 0"
 				/>
 			</div>
+			<div>
+				<Button label="Send Estimate" @click="showSubmitEstimateModal = true"/>
+			</div>
 		</div>
 
 		<!-- Address Search Modal -->
@@ -187,6 +190,27 @@
 				</div>
 			</div>
 		</Modal>
+
+		<!-- Submit Estimate Modal -->
+		<Modal
+			:visible="showSubmitEstimateModal"
+			@update:visible="showSubmitEstimateModal = $event"
+			@close="showSubmitEstimateModal = false"
+			:options="{ showActions: false }"
+		>
+			<p><strong>Submit Estimate and Email {{ selectedContact.firstName }} {{
+				selectedContact.lastName}}?</strong></p>
+			<p>This cannot be undone, please make sure all information is correct.</p>
+			<div class="confirmation-buttons">
+				<Button
+					label="No"
+					@click="showSubmitEstimateModal = false"
+					severity="secondary"
+				/>
+				<Button label="Yes" @click="sendEstimate" />
+			</div>
+		</Modal>
+
 	</div>
 </template>
 
@@ -230,6 +254,7 @@ const selectedItems = ref([]);
 const showAddressModal = ref(false);
 const showAddItemModal = ref(false);
 const showConfirmationModal = ref(false);
+const showSubmitEstimateModal = ref(false);
 const addressSearchResults = ref([]);
 const itemSearchTerm = ref("");