var AIRTIME = (function (AIRTIME) {
  var mod;
  var $historyTemplate;

  if (AIRTIME.template === undefined) {
    AIRTIME.template = {};
  }
  mod = AIRTIME.template;

  function createItemLi(id, name, configured) {
    var editUrl =
      baseUrl + "Playouthistorytemplate/configure-template/id/" + id;
    var defaultUrl =
      baseUrl +
      "Playouthistorytemplate/set-template-default/format/json/id/" +
      id;
    var removeUrl =
      baseUrl + "Playouthistorytemplate/delete-template/format/json/id/" + id;

    var itemConfigured =
      "<li class='template_configured' data-template='<%= id %>' data-name='<%= name %>'>" +
      "<a href='<%= editUrl %>' class='template_name'><%= name %></a>" +
      "<i class='icon icon-ok'></i>" +
      "</li>";

    var item =
      "<li data-template='<%= id %>' data-name='<%= name %>'>" +
      "<a href='<%= editUrl %>' class='template_name'><%= name %></a>" +
      "<a href='<%= removeUrl %>' class='template_remove'><i class='icon icon-trash'></i></a>" +
      "<a href='<%= defaultUrl %>' class='template_default'>" +
      $.i18n._("Set Default") +
      "</a>" +
      "</li>";

    var template = configured === true ? itemConfigured : item;

    var template = _.template(template);

    var $li = $(
      template({
        id: id,
        name: name,
        editUrl: editUrl,
        defaultUrl: defaultUrl,
        removeUrl: removeUrl,
      }),
    );

    return $li;
  }

  mod.onReady = function () {
    $historyTemplate = $("#history_template");

    $historyTemplate.on("click", ".template_remove", function (ev) {
      ev.preventDefault();

      var $a = $(this);
      var url = $a.attr("href");
      $a.parents("li").remove();

      $.post(url, function () {
        var x;
      });
    });

    $historyTemplate.on("click", ".template_default", function (ev) {
      ev.preventDefault();

      var $a = $(this);
      var url = $a.attr("href");
      var $oldLi, $newLi;

      $oldLi = $a.parents("ul").find("li.template_configured");
      $newLi = $a.parents("li");

      $oldLi.replaceWith(
        createItemLi($oldLi.data("template"), $oldLi.data("name"), false),
      );
      $newLi.replaceWith(
        createItemLi($newLi.data("template"), $newLi.data("name"), true),
      );

      $.post(url, function () {
        var x;
      });
    });

    function createTemplate(type) {
      var createUrl = baseUrl + "Playouthistorytemplate/create-template";

      $.post(createUrl, { format: "json", type: type }, function (json) {
        if (json.error !== undefined) {
          alert(json.error);
          return;
        }

        window.location.href = json.url;
      });
    }

    $historyTemplate.on("click", "#new_item_template", function () {
      createTemplate("item");
    });

    $historyTemplate.on("click", "#new_file_template", function () {
      createTemplate("file");
    });
  };

  return AIRTIME;
})(AIRTIME || {});

$(document).ready(AIRTIME.template.onReady);