$(function () {
    var socket = io.connect("http://" + $("input[name='serverIP']").val());
    socket.on('realtime', function (data) {
        render(data);
    });
});

function render(cardValue) {
    $.ajax({
        url: $("input[name='check_data_url']").val(),
        type: 'POST',
        data: {
            DeviceIP: cardValue.DeviceIP,
            StaffID: cardValue.RTLogInfo.Pin,
            DoorNo: cardValue.RTLogInfo.DoorNo,
            EventCode: cardValue.RTLogInfo.EventCode
        },
        success: function (data) {
            if (data.eventType) {
                var color = "orange";
                if (cardValue.RTLogInfo.EventCode == 0)
                    color = "green";
                var html = `<tr class="text-` + color + `">
                            <td>` + cardValue.RTLogInfo.Time + `</td>
                            <td>` + data.device + `</td>
                            <td>` + data.door + `</td>
                            <td>` + data.eventType + `</td>
                            <td>` + cardValue.RTLogInfo.CardNo + `</td>
                            <td>` + data.staff_code + `</td>
                            <td>` + data.staff_name + `</td>
                            <td>` + data.staff_department + `</td>
                        </tr>`;
                var totals = $("#table-lists").find("tr").length;
                if (totals >= 100) {
                    $("#table-lists").find("tr").last().remove();
                }
                $("#table-lists").prepend(html);
            }
        },
        error: function (jqXHR, textStatus, errorThrown) {

        }
    });
}

function stopRealTime(e) {
    common.modalBlock(true);
    $.ajax({
        url: $(e).attr("data-href"),
        type: 'POST',
        success: function (data) {
            common.modalBlock(false);
            alert("Đã ngừng theo dõi trực tuyến!");
        },
        error: function (jqXHR, textStatus, errorThrown) {
            common.modalBlock(false);
            common.ajaxError();
        }
    });
}