Subversion Repositories SmartDukaan

	state.deferredItems = [];

	// #deferred-items-panel now sits inside its own tab pane (#panel-deferred)

	// which controls visibility — no need to hide the inner panel here.

	$('#di-list').empty();

	$('#di-count').text('');

	$('#di-tab-count').text('');

			// Deferred items (partners + leads) for this user. Hidden when empty.

			if (typeof loadDeferredItems === 'function') {

				loadDeferredItems();

			}

	$('#panel-deferred').toggle(tab === 'deferred');

	if (tab === 'deferred' && typeof loadDeferredItems === 'function') {

		loadDeferredItems();

	}

			// Clear the assign-mode so subsequent chip clicks don't try to

			// re-schedule the same (now-resolved) deferred row and trip the

			// "already scheduled" guard. Refresh the in-page deferred panel and

			// switch back to the route tab.

			state.assignDeferred = null;

			if (typeof loadDeferredItems === 'function') loadDeferredItems();

			$('.panel-tab[data-tab="route"]').click();

			alert(msg);

		}

	});

});

// ============ DEFERRED ITEMS PANEL (inside beat-plan-window) ============

// Reuses the existing /beatPlan/deferred read (hierarchy-scoped) and filters

// client-side to the currently-loaded sales user. Schedule → switches to the

// Calendar tab in deferred-assign mode and reuses assignDeferredToBeat() on

// chip click (existing flow). Cancel posts /beatPlan/deferred/action with a

// required reason. The standalone Deferred Partners page is untouched.

function loadDeferredItems() {

	if (!state.authUserId) return;

	// Wide window so recent misses + any not-yet-acted older ones surface.

	var now = new Date();

	function fmt(d) {

		return d.getFullYear() + '-' + ('0' + (d.getMonth() + 1)).slice(-2) + '-' + ('0' + d.getDate()).slice(-2);

	}

	var start = new Date();

	start.setDate(now.getDate() - 30);

	var end = new Date();

	end.setDate(now.getDate() + 30);

	$.ajax({

		url: context + '/beatPlan/deferred',

		type: 'GET', dataType: 'json', cache: false,

		data: {startDate: fmt(start), endDate: fmt(end)},

		success: function (r) {

			var data = r.response || r;

			var all = (data && data.rows) || [];

			var mine = all.filter(function (row) {

				return row.authUserId === state.authUserId;

			});

			state.deferredItems = mine;

			renderDeferredItems(mine);

		},

		error: function () {

			$('#di-list').html('<p style="color:#d9534f;font-size:12px;text-align:center;padding:20px 10px;">Could not load deferred items.</p>');

		}

	});

}

function renderDeferredItems(rows) {

	var n = (rows && rows.length) || 0;

	$('#di-count').text('(' + n + ')');

	// Tab pill counter — keeps the head aware of pending items while on other tabs.

	if (n > 0) {

		$('#di-tab-count').text('(' + n + ')').css('color', '#fca5a5');

	} else {

		$('#di-tab-count').text('').css('color', '');

	}

	if (n === 0) {

		$('#di-list').html('<p style="color:#64748b;font-size:12px;text-align:center;padding:20px 10px;">No deferred items for this user.</p>');

		return;

	}

	var html = '';

	rows.forEach(function (r) {

		var safeName = String(r.name || '').replace(/"/g, '"');

		var typeTag = r.type === 'Lead'

			? '<span style="background:#fbbf24;color:#0f172a;font-size:10px;padding:1px 5px;border-radius:3px;margin-right:6px;">Lead</span>'

			: '<span style="background:#60a5fa;color:#0f172a;font-size:10px;padding:1px 5px;border-radius:3px;margin-right:6px;">Visit</span>';

		var nextLine = r.nextScheduledDate

			? '<div style="color:#22c55e;font-size:11px;">Auto-covered on ' + r.nextScheduledDate + '</div>' : '';

		html += '<div data-did="' + r.id + '" style="padding:8px;border:1px solid #334155;border-radius:6px;background:#0f172a;margin-bottom:6px;">'

			+ typeTag

			+ '<strong style="color:#e2e8f0;">' + (r.name || '#' + r.fofoStoreId) + '</strong>'

			+ '<div style="color:#94a3b8;font-size:11px;margin-top:2px;">'

			+ 'Deferred: <span style="color:#fca5a5;">' + (r.deferredDate || '-') + '</span>'

			+ (r.reason ? ' · ' + r.reason : '')

			+ '</div>'

			+ nextLine

			+ '<div style="margin-top:6px;display:flex;gap:6px;flex-wrap:wrap;">'

			+ '<button class="di-schedule" data-did="' + r.id + '" data-type="' + (r.type === 'Lead' ? 'lead' : 'visit') + '" data-name="' + safeName + '" data-deferdate="' + (r.deferredDate || '') + '" style="font-size:11px;padding:3px 8px;border:none;border-radius:4px;background:#22c55e;color:#fff;cursor:pointer;">Schedule on a beat</button>'

			+ '<button class="di-cancel" data-did="' + r.id + '" data-name="' + safeName + '" style="font-size:11px;padding:3px 8px;border:none;border-radius:4px;background:#ef4444;color:#fff;cursor:pointer;">Cancel</button>'

			+ '</div>'

			+ '</div>';

	});

	$('#di-list').html(html);

}

$(document).on('click', '#di-refresh', function () {

	loadDeferredItems();

});

// Schedule: set state.assignDeferred (existing pattern) and switch to the

// Calendar tab. The existing .cal-chip-view handler dispatches into

// assignDeferredToBeat() when state.assignDeferred is set.

$(document).on('click', '.di-schedule', function () {

	var $b = $(this);

	var deferDate = String($b.data('deferdate') || '');

	var todayObj = new Date();

	var todayStr = todayObj.getFullYear() + '-' + ('0' + (todayObj.getMonth() + 1)).slice(-2) + '-' + ('0' + todayObj.getDate()).slice(-2);

	// Floor: later of the deferred-date OR today — same guard the iframe flow uses.

	var floor = (deferDate && deferDate > todayStr) ? deferDate : todayStr;

	state.assignDeferred = {

		id: parseInt($b.data('did')),

		type: String($b.data('type') || 'visit'),

		name: String($b.data('name') || 'item'),

		deferDate: deferDate,

		minDate: floor

	};

	alert('Click a future beat-chip on the calendar to drop "' + (state.assignDeferred.name) + '" onto it (after ' + floor + ').');

	$('.panel-tab[data-tab="calendar"]').click();

});

$(document).on('click', '.di-cancel', function () {

	var did = $(this).data('did');

	var name = String($(this).data('name') || 'this deferred item');

	var reason = prompt('Cancel reason (required) — why is "' + name + '" being cancelled?');

	if (!reason || !reason.trim()) return;

	$.ajax({

		url: context + '/beatPlan/deferred/action',

		type: 'POST', contentType: 'application/json',

		data: JSON.stringify({deferredId: did, action: 'cancel', reason: reason.trim()}),

		success: function () {

			alert('Cancelled. The row will drop off this panel.');

			loadDeferredItems();

		},

		error: function (xhr) {

			var msg = 'Cancel failed';

			try {

				var e = JSON.parse(xhr.responseText);

				if (e && e.response) msg = (typeof e.response === 'string') ? e.response : (e.response.message || msg);

			} catch (_) {

			}