added stuff to manualinvoice

public/js/pages/ManualInvoice/ManualInvoice.js

@@ -170,7 +170,7 @@ Vue.component('manual-invoice-modal', {
               <tt-textarea label="Einleitender Text" v-model="invoiceData.einleitender_text" rows="3" sm row/>
             </tt-card>
             <tt-card><template v-slot:header><h5><i class="fas fa-list-ol mr-2"></i>Positionen</h5></template>
-              <tt-positions-manager group-mode ref="positionsManager" v-model="invoiceData.positions" :config="positionsConfig" />
+              <tt-positions-manager group-mode ref="positionsManager" v-model="invoiceData.positions" :config="positionsConfig" @updateField-article_id="onArticleSelected" />
             </tt-card>
             <tt-card><template v-slot:header><h5><i class="fas fa-paragraph mr-2"></i>Texte & Rabatt</h5></template>
               <tt-input label="Gesamtrabatt (%)" v-model.number="invoiceData.gesamtrabatt" sm row type="number" placeholder="0"/>
@@ -208,6 +208,12 @@ Vue.component('manual-invoice-modal', {
             billingTypeOptions: [{value: 'invoice', text: 'Rechnung'}, {value: 'sepa', text: 'SEPA'}],
             positionsConfig: {
                 fields: {
+                    article_id: {
+                        type: 'autocomplete',
+                        label: 'Artikel (optional)',
+                        apiUrl: '/WarehouseArticle/autocomplete',
+                        customFieldReference: 'WarehouseArticle'
+                    },
                     product_name: { type: 'input', label: 'Bezeichnung' },
                     product_info: { type: 'input', label: 'Zusatzinfo' },
                     amount: { type: 'input', label: 'Menge', inputType: 'number' },
@@ -330,6 +336,28 @@ Vue.component('manual-invoice-modal', {
             if (e.ctrlKey && e.key === 'q') { e.preventDefault(); this.togglePreviewVisibility(); }
         },
         togglePreviewVisibility() { if (!this.isLargeScreen) this.showPreviewOnSmallScreen = !this.showPreviewOnSmallScreen; },
+        async onArticleSelected(articleId) {
+            if (!articleId) return;
+            try {
+                const { data } = await axios.get(`${window.TT_CONFIG.BASE_PATH}/ManualInvoice/getArticleVatInfo?article_id=${articleId}`);
+                if (data.success && this.$refs.positionsManager) {
+                    // Update the formData in the positions manager
+                    const pm = this.$refs.positionsManager;
+                    if (data.article) {
+                        pm.$set(pm.formData, 'product_name', data.article.title);
+                        pm.$set(pm.formData, 'product_info', data.article.description || '');
+                    }
+                    pm.$set(pm.formData, 'vatrate', parseFloat(data.vatrate) || 20);
+                    pm.$set(pm.formData, 'fibu_cost_account', data.fibu_cost_account);
+                    pm.$set(pm.formData, 'fibu_cost_account_legacy', data.fibu_cost_account_legacy);
+                    pm.$set(pm.formData, 'fibu_taxcode', data.fibu_taxcode);
+                    // Store vatgroup_id on invoice level if needed
+                    this.invoiceData.vatgroup_id = data.vatgroup_id;
+                }
+            } catch (e) {
+                console.error('Error fetching article VAT info:', e);
+            }
+        },
         debouncedPreviewUpdate() {
             clearTimeout(this.previewDebounceTimer);
             this.previewDebounceTimer = setTimeout(() => this.updatePdfPreview(), 2000);