var PUSHOVER = 5;
var TOASTY = 4;
var PUSHBULLET = 6;

$(document).ready(function() {
  var top = $('#settings_sections').offset().top - parseFloat($('#settings_sections').css('marginTop').replace(/auto/, 0));
  $(window).scroll(function (event) {
    var y = $(this).scrollTop();
    if (y >= top) {
      $('#settings_sections').addClass('fixed');
    } else {
      $('#settings_sections').removeClass('fixed');
    }
  });

  $("#settings_sections li").each(function(index) {
    $(this).click(function(e) {
      var id = $(this).data("gazelle-section-id");
      if (id) {
        e.preventDefault();
        if (id == "all_settings" || id == "live_search") {
          $("#userform table").show();
        } else {
          $("#userform table").hide();
          $("#" + id).show();
        }
      }
    });
  });

  $("#settings_search").on("keyup", function() {
    var search = $(this).val().toLowerCase();
    if ($.trim(search).length > 0) {
      $("#userform tr").not(".colhead_dark").each(function(index) {
        var text = $(this).find("td:first").text().toLowerCase();
        if (text.length > 0 && search.length > 0 && fuzzyMatch(text, search)) {
          $(this).show();
        }
        else {
          $(this).hide();
        }
      });
    } else {
      $("#userform tr").show();
    }
  });

  // I'm sure there is a better way to do this but this will do for now.
  $("#notifications_Inbox_traditional").click(function() {
    $("#notifications_Inbox_popup").prop('checked', false);
  });
  $("#notifications_Inbox_popup").click(function() {
    $("#notifications_Inbox_traditional").prop('checked', false);
  });
  $("#notifications_Torrents_traditional").click(function() {
    $("#notifications_Torrents_popup").prop('checked', false);
  });
  $("#notifications_Torrents_popup").click(function() {
    $("#notifications_Torrents_traditional").prop('checked', false);
  });

  if ($("#pushservice").val() > 0) {
    $('.pushdeviceid').hide();
    $('#pushsettings').show();
    if ($('#pushservice').val() == PUSHBULLET) {
      fetchPushbulletDevices($('#pushkey').val());
      $('.pushdeviceid').show();
    }
  }

  $("#pushservice").change(function() {
    if ($(this).val() > 0) {
      $('#pushsettings').show(500);

      if ($(this).val() == TOASTY) {
        $('#pushservice_title').text("Device ID");
      } else if ($(this).val() == PUSHOVER) {
        $('#pushservice_title').text("User Key");
      } else {
        $('#pushservice_title').text("API Key");
      }
    } else {
      $('#pushsettings').hide(500);
    }

    if ($(this).val() == PUSHBULLET) {
      fetchPushbulletDevices($('#pushkey').val());
      $('.pushdeviceid').show(500);
    } else {
      $('.pushdeviceid').hide(500);
    }
  });

  $("#pushkey").blur(function() {
    if($("#pushservice").val() == PUSHBULLET) {
      fetchPushbulletDevices($(this).val());
    }
  });
});

function fuzzyMatch(str, pattern){
  pattern = pattern.split("").reduce(function(a,b){ return a+".*"+b; });
  return new RegExp(pattern).test(str);
};

/**
 * Gets device IDs from the pushbullet API
 *
 * @return array of dictionaries with devices
 */
function fetchPushbulletDevices(apikey) {
  $.ajax({
    url: 'ajax.php',
    data: {
      "action": 'pushbullet_devices',
      "apikey": apikey
    },
    type: 'GET',
    success: function(data, textStatus, xhr) {
      var data = jQuery.parseJSON(data);
      var field = $('#pushdevice');
      var value = field.val();
      if (data.error || textStatus !== 'success' ) {
        if (data.error) {
          field.html('<option>' + data.error.message + '</option>');
        } else {
          $('#pushdevice').html('<option>No devices fetched</option>');
        }
      } else {
        if(data['devices'].length > 0) {
          field.html('');
        }
        for (var i = 0; i < data['devices'].length; i++) {
          var model = data['devices'][i]['extras']['model'];
          var nickname = data['devices'][i]['extras']['nickname'];
          var name = nickname !== undefined ? nickname : model;
          var option = new Option(name, data['devices'][i]['iden']);

          option.selected = (option.value == value);
          field[0].add(option);
        }
      }
    },
    error: function(data,textStatus,xhr) {
      $('#pushdevice').html('<option>' + textStatus + '</option>');
    }
  });
}
