var shows_currentid;
var shows_list = [];
var shows_current;
var shows_group_carts = {};
var shows_log_carts = [];


function shows_deleteCart(cart) {
  data = { COMMAND: 13, LOGIN_NAME: auth_username, PASSWORD: auth_token, CART_NUMBER: cart };
  $.post("/rd-bin/rdxport.cgi", data, null, "xml").done(shows_showSelected);
}

function shows_importCartCancel(cart) {
  var cart_row = $('#show-cart-' + cart)
  cart_row.next().remove();
  cart_row.find('.btn').removeAttr('disabled');
  cart_row.after(shows_getDzStat(true));

  // TODO: cancel upload
}

function shows_importCartConfirm(cart) {
  $('#shows-upload').modal('hide');
  var cart_row = $('#show-cart-' + cart)
  cart_row.next().remove();
  cart_row.find('.btn').attr('disabled','disabled');
  var dz_stat = shows_getDzStat(false);
  dz_stat.find('button').unbind('click').click(function() { shows_importCartCancel(cart); });
  cart_row.after(dz_stat);

  // TODO: call dropzone.processQueue()
}

function shows_importCart(cart) {
  $('#shows-upload div.modal-body').text("Cart: " + cart);
  $('#shows-upload-confirm').unbind('click').click(function() { shows_importCartConfirm(cart); });
  $('#shows-upload').modal({ keyboard: true });

  // TODO: add dropzone to 'div.modal-body'
}

// <td>
//   <button class="btn btn-info btn-mini disabled"><i class="icon-arrow-up icon-white"></i></button>
//   <button class="btn btn-info btn-mini disabled"><i class="icon-arrow-down icon-white"></i></button>
//   <button class="btn btn-danger btn-mini"><i class="icon-trash icon-white"></i> Löschen</button>
// </td>
// <td>
//   <button class="btn btn-info btn-mini"><i class="icon-arrow-up icon-white"></i></button>
//   <button class="btn btn-info btn-mini disabled"><i class="icon-arrow-down icon-white"></i></button>
//   <button class="btn btn-success btn-mini"><i class="icon-upload icon-white"></i> Importieren</button>
// </td>

function shows_getDzStat(empty)
{
  if(empty) {
    return $('<tr>').append($('<td colspan=6>').css("border", 0)
                                               .css("height", 0)
                                               .css("margin", 0)
                                               .css("padding", 0));
  } else {
    var progress_bar = '<div class="progress progress-striped"><div class="bar" style="width: 60%;"></div></div>';
    var cancel_button = '<button class="btn btn-danger btn-mini">' +
                          '<i class="icon-remove icon-white"></i> Abbrechen</button>';

    return $('<tr>').append($('<td>').text('filename.flac'))
                    .append($('<td>').text('xx of XX Bytes'))
                    .append($('<td colspan=3>').append(progress_bar))
                    .append($('<td>').append(cancel_button));
  }
}

function shows_udpateCartListing() {
  $('#show-carts tbody').find('tr').remove();
  shows_log_carts.forEach(function(elem) {
    var cart_exists = shows_group_carts[elem] ? 1 : 0;
    var cart = {};
    cart.title = cart_exists ? shows_group_carts[elem].title : '-';
    cart.length = cart_exists ? shows_group_carts[elem].length : '-';
    cart.imported = cart_exists ? format_datetime(shows_group_carts[elem].imported) : '-';
    cart.playcnt = cart_exists ? shows_group_carts[elem].playcnt : '-';
    cart.lastplayed = cart_exists ? format_datetime(shows_group_carts[elem].lastplayed) : '-';

    var buttons = cart_exists ?
          '<button class="btn btn-danger btn-mini" onclick="shows_deleteCart(' + elem + ');">' +
             '<i class="icon-trash icon-white"></i> Löschen</button>' :
          '<button class="btn btn-success btn-mini" onclick="shows_importCart(' + elem + ');">' +
             '<i class="icon-upload icon-white"></i> Importieren</button>';

    $('#show-carts > tbody:last').append(
        $('<tr>').append($('<td rowspan=2>').text(elem))
                 .append($('<td>').text(cart.title))
                 .append($('<td>').text(cart.length))
                 .append($('<td>').text(cart.imported))
                 .append($('<td>').text(cart.playcnt))
                 .append($('<td>').text(cart.lastplayed))
                 .append($('<td>').append(buttons)).attr("id", "show-cart-" + elem)
      ).append(shows_getDzStat(true));
    });
}

function shows_updateGroupCartList(data, status, req) {
  shows_group_carts = {};
  var cartlist = $(data).find("cartList");
  var carts = cartlist.children();
  carts.each(function() {
      var cut = $(this).find("cutList").get(0);
      number = $(this).find('number').text(),
      cart = {
        title: $(this).find('title').text(),
        length: $(cut).find('length').text(),
        imported: new Date($(cut).find('originDatetime').text()),
        playcnt: $(cut).find('playCounter').text(),
        lastplayed: new Date($(cut).find('lastPlayDatetime').text()),
      };
      cart.imported = isNaN(cart.imported) ? '-' : cart.imported;
      cart.lastplayed = isNaN(cart.lastplayed) ? '-' : cart.lastplayed;
      shows_group_carts[number] = cart;
    }
  );
}

function shows_updateLogCartList(data, status, req) {
  shows_log_carts = [];
  var loglist = $(data).find("logList");
  var loglines = loglist.children();
  loglines.each(function() {
      var number = $(this).find('cartNumber').text();
      if(number >= shows_current.group.lowcart && number <= shows_current.group.highcart) {
        shows_log_carts.push(number);
      }
    }
  );
}

function shows_showSelected() {
  shows_currentid = $('#show-selector option:selected').attr('value');
  sessionStorage.setItem("shows_currentid", shows_currentid);
  shows_current = $.grep(shows_list, function(elem) { return elem.id == shows_currentid; })[0];

  if(shows_current) {
    $('#show-title').text(shows_current.title);
    $('#show-dow').text(weekday[shows_current.dow]);
    $('#show-rhythm').text(shows_current.rhythm);
    $('#show-starttime').text(shows_current.starttime);
    $('#show-length').text(shows_current.length + ' Min.');

    shows_log_carts = [];
    data = { COMMAND: 22, LOGIN_NAME: auth_username, PASSWORD: auth_token, NAME: shows_current.log };
    lcd = $.post("/rd-bin/rdxport.cgi", data, shows_updateLogCartList, "xml");

    shows_group_carts = {};
    data = { COMMAND: 6, LOGIN_NAME: auth_username, PASSWORD: auth_token, GROUP_NAME: shows_current.group.name, INCLUDE_CUTS: 1 };
    gcd = $.post("/rd-bin/rdxport.cgi", data, shows_updateGroupCartList, "xml");

    $.when(lcd, gcd).done(
      function(lcres, gcres) {
        if(lcres[1] == 'success' && gcres[1] == 'success') {
          shows_udpateCartListing();
        }
      }
    );
  }
}

function shows_updateList(data, status, req) {
  shows_list = [];
  $('#show-selector').find('option').remove();
  var dblist = $(data).find("dropboxList");
  var dbs = dblist.children();
  dbs.each(function() {
      type = $(this).find('type').text();
      if(type == 'show') {
        var show = {
          id: $(this).find('show-id').text(),
          title: $(this).find('show-title').text(),
          dow: $(this).find('show-dayofweek').text(),
          rhythm: $(this).find('show-rhythm').text(),
          starttime: $(this).find('show-starttime').text(),
          length: $(this).find('show-length').text(),
          log: $(this).find('show-log').text(),
          group: {
            name: $(this).find('group').text(),
            lowcart: $(this).find('group-low-cart').text(),
            highcart: $(this).find('group-high-cart').text(),
          },
          normlevel: $(this).find('normalization-level').text(),
          trimlevel: $(this).find('autotrim-level').text(),
        }

        var name = show.title + ' (' + show.rhythm + ', ' + weekday[show.dow] + ', ' + show.starttime + ', ' + show.length + ' Min.)';
        $('#show-selector').append($('<option>').attr('value',show.id).text(name));

        shows_list.push(show);
      }
    }
  );
  $('#show-selector').val(shows_currentid);
  shows_showSelected();
}

function shows_drawCurrentWeek()
{
  var weekspan = $('#current-week').removeClass().addClass('label');
  switch(get_rd_week()) {
    case 1:
      weekspan.addClass('label-info').text('Woche 1');
      break;
    case 2:
      weekspan.addClass('label-warning').text('Woche 2');
      break;
    case 3:
      weekspan.addClass('label-success').text('Woche 3');
      break;
    case 4:
      weekspan.addClass('label-important').text('Woche 4');
      break;
    default:
      weekspan.addClass('label-inverse').text('Fehler');
  }
}

function shows_init() {
  shows_currentid = sessionStorage.getItem("shows_currentid");
  shows_list = [];
  data = { LOGIN_NAME: auth_username, PASSWORD: auth_token };
  $.post("/rh-bin/listdropboxes.cgi", data, shows_updateList, "xml")
  shows_drawCurrentWeek();
}

function shows_cleanup() {
  sessionStorage.removeItem("shows_currentid");
  delete shows_currentid;
  shows_list = [];
  shows_group_carts = {};
  shows_log_carts = [];
}