Subversion Repositories SmartDukaan

												<td style="color: green; text-decoration: underline; cursor: pointer;"

													onclick="togglePartnerStockRow($stocklist.getCatalogId(), $fofoId, '$stocklist.getModelNumber()')">

												</td>

											<tr id="partner-stock-row-$stocklist.getCatalogId()"

												class="partner-stock-detail-row"

												style="display: none; background-color: #d4edda;">

												<td colspan="11" style="padding: 10px 20px;">

													<div id="partner-stock-content-$stocklist.getCatalogId()">

														<p>Loading...</p>

													</div>

												</td>

											</tr>

	var partnerStockDataLoaded = {};

	function togglePartnerStockRow(catalogId, fofoId, modelNumber) {

		var row = document.getElementById('partner-stock-row-' + catalogId);

		var contentDiv = document.getElementById('partner-stock-content-' + catalogId);

		if (row.style.display === 'none') {

			row.style.display = 'table-row';

			// Load data only if not already loaded

			if (!partnerStockDataLoaded[catalogId]) {

				contentDiv.innerHTML = '<p>Loading...</p>';

				$.ajax({

					url: '${rc.contextPath}/getItemsByCatalog',

					type: 'GET',

					data: {catalogId: catalogId, fofoId: fofoId},

					success: function (response) {

						partnerStockDataLoaded[catalogId] = true;

						var list = response.response;

						if (list && list.length > 0) {

							var html = '<strong>Partner Stock: ' + modelNumber + '</strong>';

							html += '<table class="table table-bordered table-sm" style="margin-top:5px; background-color: #fff;">';

							html += '<thead><tr style="background-color: #d4edda;"><th>Item ID</th><th>Description</th><th>Qty</th><th>Status</th></tr></thead><tbody>';

							for (var i = 0; i < list.length; i++) {

								if (list[i].availability > 0) {

									var stockType = list[i].stockType || 'IN_STOCK';

									var rowStyle = stockType === 'GRN_PENDING' ? 'background-color: #fff3cd;' : '';

									var statusLabel = stockType === 'GRN_PENDING' ? '<span style="color: #856404; font-weight: bold;">GRN Pending</span>' : '<span style="color: #155724;">In Stock</span>';

									html += '<tr style="' + rowStyle + '">';

									html += '<td>' + list[i].itemId + '</td>';

									html += '<td>' + (list[i].itemDescription || '-') + '</td>';

									html += '<td>' + list[i].availability + '</td>';

									html += '<td>' + statusLabel + '</td>';

									html += '</tr>';

								}

							}

							html += '</tbody></table>';

							contentDiv.innerHTML = html;

						} else {

							contentDiv.innerHTML = '<p>No partner stock details available</p>';

						}

					},

					error: function () {

						contentDiv.innerHTML = '<p style="color: red; margin: 0;">Error loading partner stock details</p>';

					}

				});

			}

		} else {

			row.style.display = 'none';

		}

	}