Subversion Repositories SmartDukaan

	state.assignedLeads = [];

	state.assignLead = null;

	$('#assigned-leads-panel').hide();

	// A fresh load starts both collapsibles expanded.

	$('#vr-body, #al-body').show();

	$('#vr-caret, #al-caret').html('▾');

			// This user's active assigned leads (routable onto a beat). Hidden when empty.

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

				loadAssignedLeads();

			}

// button and the "+ New beat" buttons on the visit-request / assigned-lead cards).

function startNewBeat() {

    // Cards live on the Route tab already, but ensure we're there when invoked.

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

$(document).on('click', '#btn-new-beat', startNewBeat);

	// Assigned-lead scheduling mode: drop the picked lead onto this beat+date.

	if (state.assignLead) {

		approveLeadOnBeat(String(pg), String(date));

		return;

	}

		// Line 1: outlet · mobile · city, state

		var top = [];

		if (r.leadOutlet) top.push(r.leadOutlet);

		if (r.leadMobile) top.push(r.leadMobile);

		var loc = [r.leadCity, r.leadState].filter(Boolean).join(', ');

		if (loc) top.push(loc);

		// Line 2: nearest store (only when known)

		var nearLine = r.nearestStoreCode

			? '<div class="beat-meta">Near ' + r.nearestStoreCode

				+ (r.nearestStoreOutlet ? ' — ' + r.nearestStoreOutlet : '') + '</div>'

		// Line 3: by requester · Pref date. Assignee + communication type are intentionally

		// not shown here (assignee id still travels on the button data for the Reassign prompt).

		var reqBits = [];

		if (r.requestedByName) reqBits.push('by ' + r.requestedByName + (r.requestedByAuthId ? ' (#' + r.requestedByAuthId + ')' : ''));

		if (r.requestedDate) reqBits.push('Pref <span style="color:#fbbf24;">' + r.requestedDate + '</span>');

		var reqLine = reqBits.length ? '<div class="beat-meta">' + reqBits.join(' · ') + '</div>' : '';

		html += '<div class="beat-card" data-rid="' + r.id + '" style="cursor:default;">'

			+ '<div class="beat-name"><span style="display:inline-block;width:12px;height:12px;border-radius:2px;flex:none;background:#fbbf24;"></span> ' + (r.leadName || ('Lead #' + r.leadId)) + '</div>'

// Collapse / expand the visit-requests list (accordion header).

$(document).on('click', '#vr-toggle', function () {

	var open = $('#vr-body').is(':visible');

	$('#vr-body').slideToggle(120);

	$('#vr-caret').html(open ? '▸' : '▾');

});

// ============ ASSIGNED LEADS PANEL ============

// Lives on the route tab (sidebar) below Pending Visit Requests. Lists the

// loaded user's active/open leads (pending + follow-up, yellow/green). Each row

// offers "Schedule on a beat" (reuses the calendar-chip handoff, like visit

// requests) and "New beat" (a 1-day beat with just this lead). Hidden when empty.

function loadAssignedLeads() {

	if (!state.authUserId) return;

	$.ajax({

		url: context + '/beatPlan/assignedLeads',

		type: 'GET', dataType: 'json',

		cache: false,

		data: {authUserId: state.authUserId},

		success: function (r) {

			var data = r.response || r;

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

			state.assignedLeads = rows;

			renderAssignedLeads(rows);

		},

		error: function () {

			$('#assigned-leads-panel').hide();

		}

	});

}

function renderAssignedLeads(rows) {

	if (!rows || rows.length === 0) {

		$('#assigned-leads-panel').hide();

		return;

	}

	$('#al-count').text('(' + rows.length + ')');

	$('#al-search').val('');

	$('#al-list').html(alRowsHtml(rows));

	$('#assigned-leads-panel').show();

}

// Lead rows reuse the beat-card look (.beat-card/.beat-name/.beat-meta/.beat-actions)

// so leads and routes read as one system. The colour dot mirrors the beat colour

// swatch — here it's the lead's yellow/green priority colour.

function alRowsHtml(rows) {

	if (!rows || rows.length === 0) {

		return '<div style="padding:12px;color:#64748b;font-size:11px;text-align:center;">No matching leads.</div>';

	}

	var html = '';

	rows.forEach(function (r) {

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

		var dot = r.color === 'green' ? '#22c55e' : (r.color === 'yellow' ? '#eab308' : '#64748b');

		var metaParts = [];

		if (r.outletName) metaParts.push(r.outletName);

		if (r.mobile) metaParts.push(r.mobile);

		var loc = [r.city, r.state].filter(Boolean).join(', ');

		if (loc) metaParts.push(loc);

		if (r.stage) metaParts.push(r.stage);

		var meta = metaParts.join(' · ')

			+ (r.hasGeo ? '' : ' <span style="color:#f59e0b;" title="No approved location — the field rep won\'t get a map pin">· no location</span>');

		html += '<div class="beat-card" data-lid="' + r.leadId + '" style="cursor:default;">'

			+ '<div class="beat-name"><span style="display:inline-block;width:12px;height:12px;border-radius:2px;flex:none;background:' + dot + ';"></span> ' + (r.leadName || ('Lead #' + r.leadId)) + '</div>'

			+ '<div class="beat-meta">' + meta + '</div>'

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

			+ '<button class="al-schedule btn-sm" data-lead="' + r.leadId + '" data-leadname="' + safeName + '" style="background:#22c55e;color:#fff;">Schedule on a beat</button>'

			+ '<button class="al-new-beat btn-sm" data-lead="' + r.leadId + '" data-leadname="' + safeName + '" style="background:#3b82f6;color:#fff;" title="Use this when the user has no beat to land on">+ New beat</button>'

			+ '</div>'

			+ '</div>';

	});

	return html;

}

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

	loadAssignedLeads();

});

// Collapse / expand the assigned-leads list (accordion header).

$(document).on('click', '#al-toggle', function () {

	var open = $('#al-body').is(':visible');

	$('#al-body').slideToggle(120);

	$('#al-caret').html(open ? '▸' : '▾');

});

// Client-side filter over the loaded leads — keeps the panel short without a round-trip.

$(document).on('input', '#al-search', function () {

	var q = $(this).val().toLowerCase().trim();

	var src = state.assignedLeads || [];

	var list = !q ? src : src.filter(function (p) {

		return (p.leadName || '').toLowerCase().indexOf(q) !== -1

			|| (p.outletName || '').toLowerCase().indexOf(q) !== -1

			|| (p.city || '').toLowerCase().indexOf(q) !== -1

			|| (p.mobile || '').toLowerCase().indexOf(q) !== -1;

	});

	$('#al-list').html(alRowsHtml(list));

});

// Enter "schedule a lead" mode — same calendar-chip handoff as visit requests.

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

	var $b = $(this);

	state.assignLead = {

		leadId: parseInt($b.data('lead')),

		leadName: String($b.data('leadname') || '')

	};

	alert('Click a future beat-chip on the calendar to schedule "'

		+ (state.assignLead.leadName || ('Lead #' + state.assignLead.leadId))

		+ '" onto it.');

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

});

// "+ New beat" — open the full map-first planner, same as the big "+ New Beat"

// button (no date prompt / no auto 1-day beat).

$(document).on('click', '.al-new-beat', function () {

	startNewBeat();

});

// Drop the picked lead onto the chosen beat+date (strictly-future chip).

function approveLeadOnBeat(pg, date) {

	var al = state.assignLead;

	if (!al) return;

	var today = new Date();

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

	if (date <= todayStr) {

		alert('Pick a FUTURE date (after today).');

		return;

	}

	if (!confirm('Schedule "' + (al.leadName || ('Lead #' + al.leadId)) + '" onto this beat on ' + date + '?')) return;

	$.ajax({

		url: context + '/beatPlan/lead/scheduleOnBeat',

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

		data: JSON.stringify({leadId: al.leadId, beatId: parseInt(pg), date: date}),

		success: function (resp) {

			var r = resp && resp.response ? resp.response : resp;

			state.assignLead = null;

			alert(r.message || 'Scheduled.');

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

			loadAssignedLeads();

		},

		error: function (xhr) {

			var msg = 'Schedule failed';

			try {

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

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

			} catch (_) {

			}

			alert(msg);

		}

	});

}