Subversion Repositories SmartDukaan

    state.mode = 'list'; // 'list' or 'create' or 'view'

            }

            showBeatList();

        }

    });

});

// ============ BEAT LIST VIEW ============

function showBeatList() {

    state.mode = 'list';

    $('#bottom-bar').hide();

    // Load all beats for this user

    var now = new Date();

    var month = now.getFullYear() + '-' + ('0' + (now.getMonth() + 1)).slice(-2);

    $.ajax({

        url: context + "/beatPlan/calendar", type: "GET", dataType: "json",

        data: {authUserId: state.authUserId, month: month},

        success: function (r) {

            var data = r.response || r;

            var beats = data.scheduledBeats || [];

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

            html += '<button id="btn-new-beat" style="width:100%;padding:10px;border:2px dashed #475569;border-radius:8px;background:none;color:#60a5fa;cursor:pointer;font-size:13px;font-weight:600;font-family:inherit;">+ New Beat</button>';

            html += '</div>';

            if (beats.length === 0) {

                html += '<p style="color:#64748b;font-size:12px;text-align:center;padding:20px;">No beats created yet.</p>';

            }

            // Deduplicate by beatName

            var seen = {};

            beats.forEach(function (b) {

                var key = b.beatName || b.planGroupId;

                if (!seen[key]) {

                    seen[key] = {beat: b, count: 0};

                }

                seen[key].count++;

            });

            Object.keys(seen).forEach(function (key) {

                var item = seen[key];

                var b = item.beat;

                var totalV = 0, totalKm = 0;

                b.days.forEach(function (d) {

                    totalV += d.visitCount || 0;

                    totalKm += d.totalKm || 0;

                });

                var statusCls = b.status === 'running' ? 'status-running' : b.status === 'completed' ? 'status-completed' : 'status-scheduled';

                var statusLabel = b.status === 'running' ? 'Live' : b.status === 'completed' ? 'Done' : b.status === 'unscheduled' ? 'Unscheduled' : 'Scheduled';

                html += '<div class="beat-card beat-list-item" data-plangroup="' + b.planGroupId + '" style="cursor:pointer;">';

                html += '<div class="beat-meta">' + b.days.length + ' days | ' + totalV + ' visits | ' + totalKm.toFixed(0) + ' km';

                if (item.count > 1) html += ' | ' + item.count + 'x scheduled';

                html += '</div>';

                html += '</div>';

            });

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

    });

}

// Click on existing beat → view its route on map

$(document).on('click', '.beat-list-item', function () {

    var pg = $(this).data('plangroup');

    viewBeat(pg);

});

function viewBeat(planGroupId) {

    state.mode = 'view';

    $('#bottom-bar').hide();

    // Load partners first (for coordinates), then load beat visits

    $.ajax({

        url: context + "/beatPlan/getPartners", type: "GET", dataType: "json",

        data: {

            authUserId: state.authUserId,

            categoryId: state.categoryId,

            startLat: state.homeLat,

            startLng: state.homeLng

        },

        success: function (r) {

            var pData = r.response || r;

            state.partners = pData.partners || [];

            // Build partner lookup by fofoId

            var partnerMap = {};

            state.partners.forEach(function (p) {

                partnerMap[p.fofoId] = p;

            });

            // Load beat visits

            $.ajax({

                url: context + "/beatPlan/calendar", type: "GET", dataType: "json",

                data: {authUserId: state.authUserId, month: '2020-01'},

                success: function (r2) {

                    var calData = r2.response || r2;

                    var beat = (calData.scheduledBeats || []).find(function (b) {

                        return b.planGroupId === planGroupId;

                    });

                    if (!beat) {

                        alert('Beat not found');

                        return;

                    }

                    // Reconstruct state.days from beat data for map drawing

                    // We need actual visit fofoIds — fetch from beat_plan records

                    $.ajax({

                        url: context + "/beatPlan/getBeatVisits", type: "GET", dataType: "json",

                        data: {planGroupId: planGroupId},

                        success: function (r3) {

                            var visits = (r3.response || r3) || [];

                            // Group visits by dayNumber

                            var dayVisitsMap = {};

                            visits.forEach(function (v) {

                                if (!dayVisitsMap[v.dayNumber]) dayVisitsMap[v.dayNumber] = [];

                                dayVisitsMap[v.dayNumber].push(v);

                            });

                            // Build days for route display

                            state.days = [];

                            beat.days.forEach(function (d) {

                                var dayVisits = (dayVisitsMap[d.dayNumber] || []).sort(function (a, b) {

                                    return a.sequenceOrder - b.sequenceOrder;

                                });

                                var startLat = state.homeLat, startLng = state.homeLng, startName = state.homeName;

                                // If not first day, start from previous day's last visit

                                if (state.days.length > 0) {

                                    var prevDay = state.days[state.days.length - 1];

                                    if (prevDay.visits.length > 0 && prevDay.endAction === 'DAYBREAK') {

                                        var lastV = prevDay.visits[prevDay.visits.length - 1];

                                        startLat = lastV.lat;

                                        startLng = lastV.lng;

                                        startName = lastV.code || lastV.name;

                                    }

                                }

                                var builtVisits = [];

                                dayVisits.forEach(function (v) {

                                    var p = partnerMap[v.fofoId];

                                    if (p) {

                                        builtVisits.push({

                                            id: p.fofoId, type: 'partner',

                                            name: p.code + ' - ' + (p.outletName || p.businessName || ''),

                                            code: p.code,

                                            lat: p.latitude ? parseFloat(p.latitude) : null,

                                            lng: p.longitude ? parseFloat(p.longitude) : null

                                        });

                                    }

                                });

                                state.days.push({

                                    dayNumber: d.dayNumber,

                                    startLat: startLat,

                                    startLng: startLng,

                                    startName: startName,

                                    visits: builtVisits,

                                    endAction: d.dayNumber < beat.days.length ? 'DAYBREAK' : 'HOME',

                                    totalKm: d.totalKm || 0,

                                    totalMins: d.totalMins || 0

                                });

                            });

                            state.currentDay = 1;

                            // Render left panel

                            html += '<div style="font-size:14px;font-weight:600;color:#60a5fa;margin-bottom:10px;">' + beat.beatName + '</div>';

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

                            // Use renderRoutePanel for consistent display (but without remove/daybreak buttons)

                            state.mode = 'view';

                            renderRoutePanel();

                            // Prepend the back button + title before route days

                            // Init map with all partners + highlight beat route

                            initMap();

                            resetMarkerColors();

                            drawRoute();

                        }

                    });

                }

            });

        }

    });

// Back to list

$(document).on('click', '.btn-back-to-list', function () {

    showBeatList();

    // Clear map

    if (map) {

        for (var key in markers) {

            markers[key].setMap(null);

        }

        markers = {};

        clearRoute();

    }

// New Beat button

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

    var beatTitle = prompt('Enter beat name:', '');

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

    state.beatTitle = beatTitle.trim();

    state.mode = 'create';

    if (!state.homeLat) {

        showHomeModal();

    } else {

        loadPartners();

    }

var DAY_ROUTE_COLORS = ['#3b82f6', '#a855f7', '#06b6d4', '#ec4899', '#f59e0b', '#14b8a6'];

    state.days.forEach(function (day, dayIdx) {

        var routeColor = DAY_ROUTE_COLORS[dayIdx % DAY_ROUTE_COLORS.length];

        // Draw visit route lines for this day

        for (var i = 0; i < pts.length - 1; i++) {

            var line = new google.maps.Polyline({

                path: [pts[i], pts[i + 1]], geodesic: true,

                strokeColor: routeColor, strokeOpacity: opacity, strokeWeight: weight, map: map

            // Only show distance labels on current day

            if (isCurrent) {

            }

        }

        // Draw return-to-home line (not on DAYBREAK days)

        if (day.visits.length > 0 && day.endAction !== 'DAYBREAK') {

            var lastV = day.visits[day.visits.length - 1];

            if (lastV.lat && lastV.lng && state.homeLat && state.homeLng) {

                var retLine = new google.maps.Polyline({

                    path: [{lat: lastV.lat, lng: lastV.lng}, {lat: state.homeLat, lng: state.homeLng}],

                    geodesic: true, strokeColor: '#22c55e', strokeOpacity: isCurrent ? 0.4 : 0.2, strokeWeight: 2,

                    icons: [{icon: {path: 'M 0,-1 0,1', strokeOpacity: 1, scale: 3}, offset: '0', repeat: '15px'}],

                    map: map

                });

                routeLines.push(retLine);

            }

        }

    });

    if (state.mode === 'create' && state.beatTitle) {

        html += '<div style="margin-bottom:8px;"><button class="btn-back-to-list" style="font-size:11px;padding:4px 10px;border:1px solid #475569;border-radius:4px;background:none;color:#94a3b8;cursor:pointer;font-family:inherit;">← Back</button></div>';

        html += '<div style="font-size:14px;font-weight:600;color:#60a5fa;margin-bottom:10px;">' + state.beatTitle + '</div>';

    }

        var isLastDay = day.dayNumber === state.days.length;

        var isLastStop;

            // Show "Last Visit" + "Day Break" buttons on last stop of current day

            if (isLastStop && isCurrent && !day.endAction) {

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

                html += '<button class="btn-last-visit" data-daynum="' + day.dayNumber + '" style="font-size:10px;padding:2px 8px;border:none;border-radius:3px;background:#22c55e;color:#fff;cursor:pointer;font-weight:600;">Last Visit</button>';

                html += '<button class="btn-day-break" data-daynum="' + day.dayNumber + '" style="font-size:10px;padding:2px 8px;border:none;border-radius:3px;background:#f59e0b;color:#0f172a;cursor:pointer;font-weight:600;">Day Break</button>';

                html += '</div>';

            }

            html += '</div>';

            if (state.mode === 'create') {

            }

        // Day break indicator

        if (day.endAction === 'DAYBREAK' && day.visits.length > 0) {

            html += '<div style="margin-left:12px;padding:4px 8px;font-size:11px;color:#f59e0b;font-weight:600;">-- Day Break (stays near last visit) --</div>';

        }

    var lastVisit = day.visits[day.visits.length - 1];

// ============ DAY BREAK (from sidebar) — end day, next day starts from last visit ============

    e.stopPropagation();

    var day = state.days[dayNum - 1];

    if (!day || day.visits.length === 0) return;

    if (!confirm('Day Break at ' + (lastVisit.code || lastVisit.name) + '? Next day will start from this location.')) return;

    // Next day starts from LAST VISIT location (not home)

    state.days.push({

        dayNumber: nextNum,

        startLat: lastVisit.lat, startLng: lastVisit.lng, startName: lastVisit.code || lastVisit.name,

        visits: [], endAction: null,

        stayName: null, stayLat: null, stayLng: null,

        totalKm: 0, totalMins: 0

    });

    updateBottomBar();

                if (result.duplicate) {

                    alert('This beat already exists (same visits).');

                }

                // Go back to beat list

                    planGroupId: b.planGroupId

            var isPast = ds < today;

            var hasBeats = beats.length > 0;

            if (sun && !isPast) cls.push('sunday'); // Sundays styled but not blocked

            if (sun && isPast) cls.push('blocked', 'past');

            if (isPast && inMonth) style += 'opacity:0.5;';

                var removeBtn = (!isPast && b.status !== 'running' && b.status !== 'completed')

                    ? '<span class="cal-chip-remove" data-date="' + ds + '" data-plangroup="' + (b.planGroupId || '') + '" title="Remove">&times;</span>'

                    : '';

                row += '<span class="' + chipCls + '" style="background:' + b.color + ';position:relative;">'

                    + removeBtn + '</span>';

        $('#cal-beat-cards').html(html);

        return;

    // Deduplicate by beatName — group beats with same name, show count

    var beatGroups = {};

        var key = b.beatName || b.planGroupId;

        if (!beatGroups[key]) {

            beatGroups[key] = {

                beatName: b.beatName,

                beatColor: b.beatColor,

                instances: []

            };

        }

        beatGroups[key].instances.push(b);

    });

    Object.keys(beatGroups).forEach(function (key) {

        var group = beatGroups[key];

        var first = group.instances[0];

        }).length;

        }).length;

        var totalInstances = group.instances.length;

        });

        // Use first unscheduled instance for scheduling, or first overall

        var primaryPg = first.planGroupId;

        var unscheduledInstance = group.instances.find(function (b) {

            return b.status === 'unscheduled';

        if (unscheduledInstance) primaryPg = unscheduledInstance.planGroupId;

        var statusText = '';

        if (scheduledCount > 0) statusText += scheduledCount + ' scheduled';

        if (unscheduledCount > 0) statusText += (statusText ? ', ' : '') + unscheduledCount + ' unscheduled';

        var isScheduling = state.calSelectedBeat === primaryPg && state.calPickedDates.length > 0;

        html += '<div class="beat-card" data-plangroup="' + primaryPg + '" data-beatname="' + (group.beatName || '') + '" draggable="true">';

        html += '<div class="beat-name"><span style="display:inline-block;width:12px;height:12px;border-radius:2px;background:' + group.beatColor + ';"></span> ' + group.beatName + '</div>';

        html += '<div class="beat-meta">' + first.days.length + ' days | ' + totalV + ' visits | ' + totalKm.toFixed(0) + ' km</div>';

        html += '<div class="beat-meta" style="color:#94a3b8;">' + statusText + ' (' + totalInstances + ' total)</div>';

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

        if (isScheduling) {

            html += '<button class="btn-sm btn-confirm-schedule" data-pg="' + primaryPg + '" data-days="' + first.days.length + '" style="background:#22c55e;color:#fff;">Confirm (' + state.calPickedDates.length + ' dates)</button>';

            html += '<button class="btn-sm btn-cancel-schedule" style="background:#475569;color:#e2e8f0;">Cancel</button>';

        } else {

            html += '<button class="btn-sm btn-schedule" data-pg="' + primaryPg + '" data-days="' + first.days.length + '">Schedule</button>';

        }

        html += '<button class="btn-sm" style="background:#ef4444;color:#fff;" onclick="deleteBeat(\'' + primaryPg + '\')">Delete</button>';

        html += '</div>';

        if (isScheduling) {

            html += '<div style="font-size:10px;color:#60a5fa;margin-top:4px;">Dates: ' + state.calPickedDates.join(', ') + '</div>';

            html += '<div style="font-size:10px;color:#94a3b8;">Click calendar cells to adjust</div>';

        }

    // Find the beat to get days needed

        return b.planGroupId === state.calSelectedBeat;

    });

    // Auto-fill consecutive slots from clicked date

    var slots = findConsecutiveSlots(ds, daysNeeded);

    if (slots) {

    }

    e.originalEvent.dataTransfer.setData('beatname', beatName || '');

    $(this).css('opacity', '0.5');

});

// Calendar cells accept drops

$(document).on('dragover', '#cal-grid-content td', function (e) {

    var ds = $(this).data('date');

    if (!ds) return;

    if (isDateBlocked(ds)) return; // don't allow drop indicator on blocked dates

    e.preventDefault();

    $(this).css('background', '#1e3a5f');

});

$(document).on('dragleave', '#cal-grid-content td', function () {

    $(this).css('background', '');

});

$(document).on('drop', '#cal-grid-content td', function (e) {

    e.preventDefault();

    $(this).css('background', '');

    var pg = e.originalEvent.dataTransfer.getData('text/plain');

    var dropDate = $(this).data('date');

    if (!pg || !dropDate) return;

    if (isDateBlocked(dropDate)) {

        alert('Cannot schedule on this date (past, Sunday, or holiday)');

        return;

    }

    var beat = (state.calData.scheduledBeats || []).find(function (b) {

        return b.planGroupId === pg;

    });

    if (!beat) return;

    var beatName = beat.beatName || 'Beat';

    var daysNeeded = beat.days ? beat.days.length : 1;

    // Auto-fill consecutive available days starting from drop date

    var scheduleDates = findConsecutiveSlots(dropDate, daysNeeded);

    if (!scheduleDates) return; // alerts already shown inside findConsecutiveSlots

    var dateStr = scheduleDates.map(function (d, i) {

        return 'Day ' + (i + 1) + ': ' + d;

    }).join('\n');

    if (!confirm('Schedule "' + beatName + '" (' + daysNeeded + ' days):\n\n' + dateStr + '\n\nConfirm?')) return;

        data: {

            sourcePlanGroupId: pg,

            authUserId: state.authUserId,

        },

        },

            alert('Error: ' + (xhr.responseText || xhr.statusText));

        }

// Find N consecutive available days starting from startDate, skipping Sundays/holidays

// Returns array of date strings, or null if can't fit

function findConsecutiveSlots(startDateStr, daysNeeded) {

    var startDate = new Date(startDateStr);

    var startMonth = startDate.getMonth();

    var dates = [];

    var d = new Date(startDate);

    var sundayAsked = false;

    var includeSundays = false;

    while (dates.length < daysNeeded) {

        var ds = fmtDate(d);

        // Rule 3: must stay within same month

        if (d.getMonth() !== startMonth) {

            alert('Beat has ' + daysNeeded + ' days but only ' + dates.length + ' available days left in this month starting from ' + startDateStr + '. Try an earlier date.');

            return null;

        // Past dates — skip

        var today = fmtDate(new Date());

        if (ds <= today) {

            d.setDate(d.getDate() + 1);

            continue;

        }

        // Holidays — always skip

        if (isHoliday(ds)) {

            d.setDate(d.getDate() + 1);

            continue;

        }

        // Sunday — ask once whether to include

        if (isSunday(ds)) {

            if (!sundayAsked) {

                sundayAsked = true;

                includeSundays = confirm('This beat falls on a Sunday (' + ds + '). Include Sundays in the schedule?');

            }

            if (!includeSundays) {

                d.setDate(d.getDate() + 1);

                continue;

            }

        }

        // Already occupied — block

        if (getBeatsOnDate(ds).length > 0) {

            alert('Cannot schedule: ' + ds + ' already has a beat scheduled. Consecutive days not available from ' + startDateStr + '.');

            return null;

        }

        dates.push(ds);

        d.setDate(d.getDate() + 1);

    }

    return dates;

}

function isDateBlocked(ds) {

    var today = fmtDate(new Date());

    if (ds <= today) return true; // past or today

    // Sundays NOT blocked — handled via confirm dialog instead

    // Only block holidays

    if (state.calData && state.calData.blockedDates) {

        var blocked = state.calData.blockedDates;

        // blockedDates from server includes Sundays+holidays, but we only block holidays now

        var d = new Date(ds);

        if (d.getDay() !== 0) { // not Sunday — check holidays

            if (Array.isArray(blocked) && blocked.indexOf(ds) > -1) return true;

            if (typeof blocked === 'object' && blocked[ds]) return true;

        }

    }

    return false;

}

function isSunday(ds) {

    return new Date(ds).getDay() === 0;

}

function isHoliday(ds) {

    if (!state.calData || !state.calData.holidays) return false;

    return state.calData.holidays.some(function (h) {

        return h.date === ds;

    });

}

function getBeatsOnDate(ds) {

    var result = [];

    if (!state.calData || !state.calData.scheduledBeats) return result;

    state.calData.scheduledBeats.forEach(function (b) {

        (b.days || []).forEach(function (d) {

            if (d.planDate === ds) result.push({planGroupId: b.planGroupId, beatName: b.beatName});

        });

    });

    return result;

}

// ============ REMOVE BEAT FROM CALENDAR DATE ============

$(document).on('click', '.cal-chip-remove', function (e) {

    e.stopPropagation();

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

    var planGroupId = $(this).data('plangroup');

    if (!planGroupId || !date) return;

    if (!confirm('Remove this beat from ' + date + '?')) return;

    // Delete the entire beat instance (planGroupId)

    $.ajax({

        url: context + "/beatPlan/delete", type: "POST",

        data: {planGroupId: planGroupId},

        success: function () {