<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.13.0/moment.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.4/moment-timezone-with-data-2010-2020.js"></script>

<span><button onclick="prevDay()">&lt; Previous Day</button><button onclick="nextDay()">Next Day &gt;</button></span>
<br/>
<h1 id="ocHeadline">xx</h1>
<script type="text/javascript">

    // Columns are zero indexed, of course
    var TEAMNAME_COLUMN = 1;
    var ONCALLEE_COLUMN = 2;
    var TEAM_COLHDG = "Team";

    function findOncallee(who, dict, onCallDay, team, pOrS) {
        var MDYY = onCallDay.format("M/D/YY");
        result = who[dict[MDYY]];
        if (result === undefined) {
            result = who[dict["OTHER DATES"]];
        }
        if (result === undefined) {
            console.log(pOrS + " on-callee can't be found for " + MDYY + " for " + team);
            result = {
                "who": "unknown", "details": ""
            };
        }
        return result;
    }

    var onCallDay = moment.utc().tz("America/New_York").subtract(7, 'hour');

    prevDay = function() {
        onCallDay = onCallDay.subtract(1, "day");
        console.log("prev day");
        renderDay();
    };

    nextDay = function() {
        onCallDay = onCallDay.add(1, "day");
        console.log("next day" );
        renderDay();
    };

    function renderDay() {

        var onCallDayMDYY = onCallDay.format("M/D/YY");
        var endOfOnCallShift = onCallDay.clone();
        endOfOnCallShift.add(1, "day");
        endOfOnCallShift.set({
            'hour': 6,
            'minute': 59,
            'second': 59
        });
        var onCallDayEndsMDYYHmmssa = endOfOnCallShift.format("M/D/YY H:mm:ss");

        console.log("onCallDay: " + onCallDayMDYY);
        console.log("onCallDayEnds: " + onCallDayEndsMDYYHmmssa);

        AJS.$('#ocHeadline').html("On-Call for " + onCallDayMDYY + ", ending " + onCallDayEndsMDYYHmmssa + " ET");

        AJS.$('#main-content').find("tbody tr").each(function (index, value) {
            // #1 (zero rooted) is the Name of the Child Page (Routing Group)
            var team = AJS.$(value.children[TEAMNAME_COLUMN]).text().trim().replace(" ", "+");
            if (team !== TEAM_COLHDG) {
                request = AJS.$.get(team + '?printable=true');
                request.success(function (data) {
                    var primary = {};
                    var secondary = {};
                    var who = {};
                    var el = AJS.$('<div/>');
                    var match = data.match(/.*confluenceTable.*/);
                    var trs = el.append("<div>" + match + "</div>").find("tr");

                    for (var ix = 0; ix < trs.length; ix++) {
                        var tr = trs[ix];
                        var tds = AJS.$("td", tr);
                        // Two tables here - OnCallee and their cell number
                        // and On-call dates, the primary, and the secondary oncallee.

                        if (tds.length > 0) {
                            var k = AJS.$(tds[0]).text();
                            var v = AJS.$(tds[1]).text();
                            var s = k.charAt(0);
                            if (AJS.$.isNumeric(s) || k.toUpperCase() === "OTHER DATES") {
                                // On-call dates, the primary, and the secondary oncallee.
                                primary[k.toUpperCase()] = v;
                                secondary[k] = AJS.$(tds[2]).text();
                            } else {
                                // OnCallee and their cell number
                                who[k] = {
                                    "who": k,
                                    "details": v
                                };
                                // Second entry with first-name only
                                // hope there's never a team with two Pauls in it (etc)
                                who[k.split(" ")[0]] = {
                                    "who": k,
                                    "details": v
                                };
                            }
                        }
                    }
                    console.log(team + " who: " + JSON.stringify(who));
                    console.log(team + " when: " + JSON.stringify(primary));
                    var primaryToday = findOncallee(who, primary, onCallDay, team, "Primary");
                    var secondaryToday = findOncallee(who, secondary, onCallDay, team, "Secondary");

                    value.children[ONCALLEE_COLUMN].innerHTML =
                            "Primary: <strong>" + primaryToday.who + "</strong> " + primaryToday.details + "<br/>"
                            + "Secondary: <strong>" + secondaryToday.who + "</strong> " + secondaryToday.details + "";
                });
                request.error(function (jqXHR, textStatus, errorThrown) {
                    value.children[ONCALLEE_COLUMN].innerHTML = "<-- Routing group does not have a confluence page. Can't work out primary or secondary without that.";
                });
            }
        });
    }

    AJS.toInit(function () {
        renderDay();
    });

</script>