diff --git a/frontend/src/components/pages/Estimate.vue b/frontend/src/components/pages/Estimate.vue
index ffe4d24..4c6c79d 100644
--- a/frontend/src/components/pages/Estimate.vue
+++ b/frontend/src/components/pages/Estimate.vue
@@ -175,6 +175,7 @@
>
Confirm Send Estimate
+
Company: {{ company.currentCompany }}
Does this information look correct?
Address: {{ formData.address }}
@@ -226,11 +227,13 @@ import Api from "../../api";
import DataUtils from "../../utils";
import { useLoadingStore } from "../../stores/loading";
import { useNotificationStore } from "../../stores/notifications-primevue";
+import { useCompanyStore } from "../../stores/company";
const route = useRoute();
const router = useRouter();
const loadingStore = useLoadingStore();
const notificationStore = useNotificationStore();
+const company = useCompanyStore();
const addressQuery = computed(() => route.query.address || "");
const isNew = computed(() => route.query.new === "true");
@@ -364,6 +367,7 @@ const saveDraft = async () => {
contactName: selectedContact.value.name,
items: selectedItems.value.map((i) => ({ itemCode: i.itemCode, qty: i.qty })),
estimateName: formData.estimateName,
+ company: company.currentCompany
};
estimate.value = await Api.createEstimate(data);
notificationStore.addSuccess(
@@ -716,6 +720,19 @@ onMounted(async () => {
color: #856404;
}
+.company-banner {
+ margin-bottom: 0.75rem;
+ padding: 0.6rem 0.9rem;
+ background: linear-gradient(135deg, var(--theme-gradient-start), var(--theme-secondary-gradient-end));
+ border: 1px solid var(--theme-primary-strong);
+ border-radius: 8px;
+ color: var(--theme-text-light);
+ font-weight: 700;
+ letter-spacing: 0.03em;
+ text-transform: uppercase;
+ box-shadow: 0 6px 14px rgba(0, 0, 0, 0.18);
+}
+
.response-status {
margin-top: 1rem;
padding: 1rem;