update place-order

backend/main.py

@@ -46,7 +46,7 @@ if IS_PRODUCTION and SPACE_HOST:
 else:
     # In development, allow all origins
     allowed_origins = ["*"]
-    print("🔧 Development mode detected. Allowing all origins.")
+    print("Development mode detected. Allowing all origins.")
 
 # Add CORS middleware
 app.add_middleware(

frontend/place-order.html

@@ -235,8 +235,8 @@
                                         <th style="padding: 8px;">Qty/Lots</th>
                                         <th style="padding: 8px;">Total Trade Value (₹)</th>
                                         <th style="padding: 8px;">Fund (₹)</th>
-                                        <th style="padding: 8px;">MY INVESTMENT (₹)</th>
-                                        <th style="padding: 8px;">% USED OF CURRENT BALANCE</th>
+                                        <th style="padding: 8px;" class="mtf-only-col">MY INVESTMENT (₹)</th>
+                                        <th style="padding: 8px;" class="mtf-only-col">% USED OF CURRENT BALANCE</th>
                                     </tr>
                                 </thead>
                                 <tbody id="client-qty-tbody">
@@ -248,8 +248,8 @@
                                         <td style="padding: 8px;" id="total-qty">0</td>
                                         <td style="padding: 8px;" id="total-trade-value">₹0.00</td>
                                         <td style="padding: 8px;">-</td>
-                                        <td style="padding: 8px;" id="total-my-investment">₹0.00</td>
-                                        <td style="padding: 8px;">-</td>
+                                        <td style="padding: 8px;" id="total-my-investment" class="mtf-only-col">₹0.00</td>
+                                        <td style="padding: 8px;" class="mtf-only-col">-</td>
                                     </tr>
                                 </tfoot>
                             </table>

frontend/static/js/place-order.js

@@ -390,26 +390,26 @@ function updateProductTypeOptions(exchange) {
     if (exchange === 'NSE_FNO') {
         container.innerHTML = `
             <div class="radio">
-                <input type="radio" name="productType" id="pt-intra" value="INTRA" checked>
+                <input type="radio" name="productType" id="pt-intra" value="INTRA" checked onchange="updateClientAllocations()">
                 <label for="pt-intra">Intraday</label>
             </div>
             <div class="radio">
-                <input type="radio" name="productType" id="pt-normal" value="NORMAL">
+                <input type="radio" name="productType" id="pt-normal" value="NORMAL" onchange="updateClientAllocations()">
                 <label for="pt-normal">Normal</label>
             </div>
         `;
     } else {
         container.innerHTML = `
             <div class="radio">
-                <input type="radio" name="productType" id="pt-intra" value="INTRA" checked>
+                <input type="radio" name="productType" id="pt-intra" value="INTRA" checked onchange="updateClientAllocations()">
                 <label for="pt-intra">Intraday</label>
             </div>
             <div class="radio">
-                <input type="radio" name="productType" id="pt-delivery" value="DELIVERY">
+                <input type="radio" name="productType" id="pt-delivery" value="DELIVERY" onchange="updateClientAllocations()">
                 <label for="pt-delivery">Delivery</label>
             </div>
             <div class="radio">
-                <input type="radio" name="productType" id="pt-mtf" value="MTF">
+                <input type="radio" name="productType" id="pt-mtf" value="MTF" onchange="updateClientAllocations()">
                 <label for="pt-mtf">MTF</label>
             </div>
         `;
@@ -632,6 +632,14 @@ function updateClientAllocations() {
         existingInputs[input.dataset.client] = input.value;
     });
 
+    const productType = document.querySelector('input[name="productType"]:checked');
+    const isMTF = productType && productType.value === 'MTF';
+
+    // Toggle header and footer visibility
+    document.querySelectorAll('.mtf-only-col').forEach(el => {
+        el.style.display = isMTF ? 'table-cell' : 'none';
+    });
+
     tbody.innerHTML = '';
 
     selectedCheckboxes.forEach(cb => {
@@ -643,16 +651,24 @@ function updateClientAllocations() {
         const qtyVal = existingInputs[clientName] || mainQty;
 
         const row = document.createElement('tr');
-        row.innerHTML = `
+        
+        let rowHtml = `
             <td style="padding: 8px;">${clientName}</td>
             <td style="padding: 8px;">
                 <input type="number" class="form-input client-qty-input" data-client="${clientName}" value="${qtyVal}" min="1" style="width: 80px; padding: 4px;" oninput="calculateRowInvestment(this)">
             </td>
             <td style="padding: 8px;" class="total-val">--</td>
             <td style="padding: 8px;">₹${(fund || 0).toLocaleString('en-IN')}</td>
-            <td style="padding: 8px;" class="my-invest-val">--</td>
-            <td style="padding: 8px;" class="percent-used-val">--</td>
         `;
+
+        if (isMTF) {
+            rowHtml += `
+                <td style="padding: 8px;" class="my-invest-val">--</td>
+                <td style="padding: 8px;" class="percent-used-val">--</td>
+            `;
+        }
+
+        row.innerHTML = rowHtml;
         tbody.appendChild(row);
 
         // Initial calc
@@ -680,22 +696,27 @@ function calculateRowInvestment(input) {
     // Avoid division by zero
     const leverage = currentMTFLeverage > 0 ? currentMTFLeverage : 1;
     const myInvestment = totalTradeValue / leverage;
-    myInvestCell.textContent = '₹' + myInvestment.toLocaleString('en-IN', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+    
+    if (myInvestCell) {
+        myInvestCell.textContent = '₹' + myInvestment.toLocaleString('en-IN', { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+    }
 
     // 3. % Used = My Investment * 100 / Fund
-    const fundText = fundCell.textContent.replace(/[^\d.]/g, ''); // Remove ₹ and commas
-    const fund = parseFloat(fundText) || 0;
-
-    if (fund > 0) {
-        const percentUsed = (myInvestment * 100) / fund;
-        // Format 00.00 %
-        percentUsedCell.textContent = percentUsed.toFixed(2) + ' %';
-
-        // Highlight if used > 100%?
-        if (percentUsed > 100) percentUsedCell.style.color = 'red';
-        else percentUsedCell.style.color = 'var(--text-primary)';
-    } else {
-        percentUsedCell.textContent = '0.00 %';
+    if (percentUsedCell) {
+        const fundText = fundCell.textContent.replace(/[^\d.]/g, ''); // Remove ₹ and commas
+        const fund = parseFloat(fundText) || 0;
+
+        if (fund > 0) {
+            const percentUsed = (myInvestment * 100) / fund;
+            // Format 00.00 %
+            percentUsedCell.textContent = percentUsed.toFixed(2) + ' %';
+
+            // Highlight if used > 100%?
+            if (percentUsed > 100) percentUsedCell.style.color = 'red';
+            else percentUsedCell.style.color = 'var(--text-primary)';
+        } else {
+            percentUsedCell.textContent = '0.00 %';
+        }
     }
 
     updateTableTotals();