Subversion Repositories SmartDukaan

	// Load all saved base locations — default goes in state.home*, the rest is

	// different starting point for this one beat without changing the default.

			state.baseLocations = data.locations || [];

			var def = state.baseLocations.find(function (l) {

				return l.isDefault;

			if (def) {

				state.activeBaseLocationId = def.id;

			} else {

				state.activeBaseLocationId = null;

// Called from the picker → swap the start location for the beat being

// created/edited. Updates state.home* + day 1's start point, then re-draws.

function renderBaseLocationPicker() {

	var locs = state.baseLocations || [];

	if (locs.length === 0) return '';

	var activeId = state.activeBaseLocationId;

	if (locs.length === 1) {

		var only = locs[0];

		return '<div style="font-size:11px;color:#94a3b8;margin-bottom:10px;">'

			+ 'Starting from: <strong style="color:#e2e8f0;">' + (only.locationName || 'Home') + '</strong>'

			+ (only.isDefault ? ' <span style="color:#22c55e;">(default)</span>' : '')

			+ '</div>';

	}

	var html = '<div style="margin-bottom:10px;">'

		+ '<label style="font-size:11px;color:#94a3b8;display:block;margin-bottom:4px;">Start this beat from:</label>'

		+ '<select id="bp-base-picker" style="width:100%;padding:6px 8px;border:1px solid #475569;border-radius:4px;background:#0f172a;color:#e2e8f0;font-size:12px;font-family:inherit;">';

	locs.forEach(function (l) {

		var sel = (l.id === activeId) ? ' selected' : '';

		var label = (l.locationName || 'Location ' + l.id) + (l.isDefault ? ' (default)' : '');

		html += '<option value="' + l.id + '"' + sel + '>' + label + '</option>';

	});

	html += '</select></div>';

	return html;

}

$(document).on('change', '#bp-base-picker', function () {

	var id = parseInt($(this).val());

	if (!id) return;

	applyBaseLocation(id);

});

function applyBaseLocation(id) {

	var loc = (state.baseLocations || []).find(function (l) {

		return l.id === id;

	});

	if (!loc) return;

	state.homeLat = parseFloat(loc.latitude);

	state.homeLng = parseFloat(loc.longitude);

	state.homeName = loc.locationName;

	state.activeBaseLocationId = id;

	// Only day 1 starts from the chosen base; later days start where the

	// previous day ended (existing behavior unchanged).

	if (state.days && state.days.length > 0) {

		state.days[0].startLat = state.homeLat;

		state.days[0].startLng = state.homeLng;

		state.days[0].startName = state.homeName;

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

			var saved = state.currentDay;

			state.currentDay = 1;

			recalcDay();

			state.currentDay = saved;

		}

	}

	// Move the home marker on the map + recenter so the user actually sees it.

	if (typeof google !== 'undefined' && google.maps && map) {

		var pos = new google.maps.LatLng(state.homeLat, state.homeLng);

		if (homeMarker) {

			homeMarker.setPosition(pos);

			homeMarker.setTitle('Home: ' + state.homeName);

		} else {

			homeMarker = new google.maps.Marker({

				map: map, position: pos, title: 'Home: ' + state.homeName,

				icon: {

					url: 'https://maps.google.com/mapfiles/kml/shapes/homegardenbusiness.png',

					scaledSize: new google.maps.Size(32, 32)

				},

				zIndex: 100

			});

		}

		map.panTo(pos);

	}

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

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

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

}

							// Snapshot the originals — used during save to detect day-count

							// increases (blocked) and lead removals (popup with cancel/reschedule).

							state.originalDayCount = state.days.length;

							state.originalLeads = [];

							state.days.forEach(function (d) {

								d.visits.forEach(function (v) {

									if (v.type === 'lead' || v.isLead) {

										state.originalLeads.push({

											leadId: v.id,

											dayNumber: d.dayNumber,

											name: v.name || ('Lead #' + v.id)

										});

									}

								});

							});

											if (l && l.firstName) {

												v.name = nm;

												// Keep the originalLeads snapshot label in sync so the

												// removed-leads popup shows the real name, not 'LEAD #123'.

												(state.originalLeads || []).forEach(function (ol) {

													if (ol.leadId === v.id) ol.name = nm;

												});

											}

								// Pre-select whichever saved base location matches the beat's

								// existing day-1 start (lat/lng), so the picker reflects current state.

								var day1 = state.days[0];

								if (day1 && state.baseLocations) {

									var match = state.baseLocations.find(function (l) {

										return Math.abs(parseFloat(l.latitude) - day1.startLat) < 1e-4

											&& Math.abs(parseFloat(l.longitude) - day1.startLng) < 1e-4;

									});

									if (match) state.activeBaseLocationId = match.id;

								}

									+ renderBaseLocationPicker());

		html += renderBaseLocationPicker();

	var isEdit = state.mode === 'edit' && state.editingBeatId;

	// EDIT RULE: cannot grow day count. Caught client-side so the modal

	// doesn't even open; server enforces the same rule.

	if (isEdit && state.originalDayCount && state.days.length > state.originalDayCount) {

		alert('Cannot increase the number of days while editing.\n\n'

			+ 'Original: ' + state.originalDayCount + ' day(s)\n'

			+ 'Current:  ' + state.days.length + ' day(s)\n\n'

			+ 'Please create a new beat for additional days.');

		return;

	}

	var removedLeads = [];

	if (isEdit && state.originalLeads && state.originalLeads.length) {

		var currentLeadIds = {};

		state.days.forEach(function (d) {

			d.visits.forEach(function (v) {

				if (v.type === 'lead' || v.isLead) currentLeadIds[v.id] = true;

			});

		});

		removedLeads = state.originalLeads.filter(function (l) {

			return !currentLeadIds[l.leadId];

		});

	}

	if (removedLeads.length > 0) {

		openRemovedLeadsModal(removedLeads, function (actions) {

			doFinishSubmit(daysData, beatTitle, isEdit, actions);

		});

		return;

	}

	doFinishSubmit(daysData, beatTitle, isEdit, null);

});

function doFinishSubmit(daysData, beatTitle, isEdit, removedLeadActions) {

	var planPayload = {

		days: daysData,

	};

					var extras = [];

					if (result.leadsCancelled) extras.push(result.leadsCancelled + ' lead(s) cancelled');

					if (result.leadsRescheduled) extras.push(result.leadsRescheduled + ' lead(s) rescheduled');

						+ (extras.length ? '\n\n' + extras.join('\n') : '') + '.');

			// Surface a clean server message if present (e.g., day-increase block, missing beat on reschedule date)

			try {

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

				if (err && err.response) {

					if (typeof err.response === 'string') msg = err.response;

					else if (err.response.message) msg = err.response.message;

				}

			} catch (_) {

			}

			alert(msg);

}

// ============ REMOVED LEADS POPUP ============

// Shown when an edit removes one or more leads. Per lead, the user picks:

//   - Cancel  → mark CANCELLED

//   - Reschedule + date → move to whichever beat the same user has on that date

// The date input is validated against /beatPlan/userBeatsOnDate so the user

// sees "No beat on this date — pick another" before submit.

function openRemovedLeadsModal(removedLeads, onConfirm) {

	$('#modal-removed-leads').remove(); // clean any prior instance

	var rowsHtml = removedLeads.map(function (l) {

		return ''

			+ '<div class="rl-row" data-leadid="' + l.leadId + '" style="border:1px solid #334155;border-radius:6px;padding:8px;margin-bottom:8px;">'

			+ '  <div style="font-weight:600;color:#f1f5f9;margin-bottom:6px;">'

			+ '    ' + (l.name || ('Lead #' + l.leadId)) + ' <span style="color:#64748b;font-weight:400;font-size:11px;">(was on day ' + l.dayNumber + ')</span>'

			+ '  </div>'

			+ '  <label style="display:inline-flex;align-items:center;gap:6px;margin-right:14px;cursor:pointer;font-size:12px;">'

			+ '    <input type="radio" name="rl-act-' + l.leadId + '" value="cancel" checked> Cancel this lead'

			+ '  </label>'

			+ '  <label style="display:inline-flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;">'

			+ '    <input type="radio" name="rl-act-' + l.leadId + '" value="reschedule"> Reschedule to another date'

			+ '  </label>'

			+ '  <div class="rl-date-wrap" style="display:none;margin-top:6px;">'

			+ '    <input type="date" class="rl-date" min="' + fmtDate(new Date()) + '" style="width:auto;display:inline-block;margin-bottom:0;">'

			+ '    <span class="rl-date-status" style="font-size:11px;margin-left:8px;"></span>'

			+ '  </div>'

			+ '</div>';

	}).join('');

	var html = ''

		+ '<div class="modal-overlay show" id="modal-removed-leads">'

		+ '  <div class="modal-box" style="min-width:520px;max-width:680px;">'

		+ '    <h3>You removed ' + removedLeads.length + ' lead(s) from this beat</h3>'

		+ '    <p style="font-size:12px;color:#94a3b8;margin-bottom:12px;">'

		+ '      Choose what to do with each lead before saving. Reschedule moves the lead to whichever beat this user has on the selected date.'

		+ '    </p>'

		+ '    <div id="rl-list" style="max-height:55vh;overflow-y:auto;">' + rowsHtml + '</div>'

		+ '    <div class="modal-actions">'

		+ '      <button class="modal-cancel" id="rl-cancel">Cancel (keep editing)</button>'

		+ '      <button class="modal-confirm" id="rl-confirm">Save with these actions</button>'

		+ '    </div>'

		+ '  </div>'

		+ '</div>';

	$('body').append(html);

	// Show/hide date picker per row

	$('#modal-removed-leads').on('change', 'input[type="radio"]', function () {

		var $row = $(this).closest('.rl-row');

		var isResched = $row.find('input[type="radio"]:checked').val() === 'reschedule';

		$row.find('.rl-date-wrap').toggle(isResched);

		$row.find('.rl-date-status').text('');

	});

	// Validate the date as the user types it — show "no beat on this date" warning

	$('#modal-removed-leads').on('change', '.rl-date', function () {

		var $row = $(this).closest('.rl-row');

		var $status = $row.find('.rl-date-status');

		var d = $(this).val();

		if (!d) {

			$status.text('');

			return;

		}

		$status.text('Checking...').css('color', '#94a3b8');

		$.ajax({

			url: context + '/beatPlan/userBeatsOnDate', type: 'GET', dataType: 'json',

			data: {authUserId: state.authUserId, date: d},

			success: function (r) {

				var dd = r.response || r;

				var beats = dd.beats || [];

				if (beats.length === 0) {

					$status.text('No beat on this date — pick another date, or Cancel this lead instead.').css('color', '#ef4444');

				} else {

					var names = beats.map(function (b) {

						return '"' + b.beatName + '" (day ' + b.dayNumber + ')';

					}).join(', ');

					$status.text('Will attach to: ' + names).css('color', '#22c55e');

				}

			},

			error: function () {

				$status.text('Could not verify date').css('color', '#f59e0b');

			}

		});

	});

	$('#modal-removed-leads').on('click', '#rl-cancel', function () {

		$('#modal-removed-leads').remove();

		// abort save — user goes back to editing

	});

	$('#modal-removed-leads').on('click', '#rl-confirm', function () {

		var actions = [];

		var problems = [];

		$('#modal-removed-leads .rl-row').each(function () {

			var $row = $(this);

			var leadId = parseInt($row.data('leadid'));

			var mode = $row.find('input[type="radio"]:checked').val();

			if (mode === 'reschedule') {

				var d = $row.find('.rl-date').val();

				if (!d) {

					problems.push('Lead ' + leadId + ': pick a date or switch to Cancel');

					return;

				}

				actions.push({leadId: leadId, action: 'reschedule', toDate: d});

			} else {

				actions.push({leadId: leadId, action: 'cancel'});

			}

		});

		if (problems.length) {

			alert(problems.join('\n'));

			return;

		}

		$('#modal-removed-leads').remove();

		onConfirm(actions);

}