jQuery(function($) {
  "use strict";

  var TEMPLATES = new LuigiTemplate.Cache({
    post: [
      "<tr ",
        "data-post_id='%{post_id|h}' ",
        "data-post_type='%{post_type|h}' ",
        "class='%{css|h}' ",
        "title='Edit post \"%{name|h}\".' ",
      ">",
        "<td>",
          "<i ",
            "class='fa fa-fw %{icon|h}' ",
            "title='%{post_type|h}' ",
          "></i>",
        "</td>",

        "<td>",
          "%{name|h}",
          " ",
          "%{label}",
        "</td>",

        "<td>",
          "<a ",
            "href='#' ",
            "class='edit' ",
            "title='Edit site \"%{site_name|h}\".' ",
            "data-edit='site' ",
            "data-site_id='%{site_id|h}' ",
          ">",
            "%{site_name|h}",
          "</a>",
        "</td>",

        "<td>",
          "%{post_url}",
        "</td>",

        "<td>",
          "<a ",
            "href='#' ",
            "class='edit' ",
            "title='Edit user \"%{user_name|h}\".' ",
            "data-edit='user' ",
            "data-user_id='%{user_id|h}' ",
          ">",
            "%{user_name|h}",
          "</a>",
        "</td>",

        "<td title='%{created_at_text_full|h}'>",
          "%{created_at_text|h}",
        "</td>",

        "<td title='%{posted_at_text_full|h}'>",
          "%{posted_at_text|h}",
        "</td>",
      "</tr>",
    ],

    post_url: [
      "<a ",
        "href='%{post_url|h}' ",
        "class='link' ",
        "title='View \"%{post_url|h}\" in a new tab.' ",
      ">",
        "%{post_url|h}",
      "</a>",
    ],

    post_slug: [
      "%{slug|h}",
    ],

    error: [
      "<tr class='bg-danger disabled'>",
        "<td>",
          "<i class='fa fa-exclamation-triangle'></i>",
          " ",
          "Error: %{error|h}",
      "</td>",
    "</tr>",
    ],
  });

  // FIXME: move this to DATA as well?
  var POST_STATES = {
    draft: {
      css: 'bg-warning',
      label: [
        " ",
        "<i class='fa fa-wrench' title='draft'></i>",
      ].join(''),
    },

    deleted: {
      css: 'bg-danger',
      label: [
        " ",
        "<i class='fa fa-trash' title='deleted'></i>",
      ].join(''),
    },
  };

  function reload() {
    $('#posts-reload').addClass('disabled')
      .find('.loading').toggleClass('hidden');

    send('post/get_posts', {
      type:     $('#posts-filter-type li.active a').data('id'),
      state:    $('#posts-filter-state li.active a').data('id'),
      site_id:  $('#posts-filter-site li.active a').data('id'),
      user_id:  $('#posts-filter-user li.active a').data('id'),
      q:        $('#posts-q').data('q'),
      page:     1,
    }).always(function() {
      $('#posts-reload').removeClass('disabled')
        .find('.loading').toggleClass('hidden');
    }).fail(function(r) {
      var error = r.responseText;

      try {
        var data = $.parseJSON(r.responseText);
        if (data.error)
          error = data.error;
      } catch (e) {}

      $('#posts tbody').html(TEMPLATES.run('error', {
        error: error,
      }));
    }).done(function(r) {
      $('#posts tbody').html($.map(r.rows, function(row) {
        var css = '',
            label = '';

        if (POST_STATES[row.state]) {
          css = POST_STATES[row.state].css;
          label = POST_STATES[row.state].label;
        }

        var post_url = 'n/a';
        if (row.post_url) {
          post_url = TEMPLATES.run('post_url', row);
        } else {
          post_url = TEMPLATES.run('post_slug', row);
        }

        return TEMPLATES.run('post', $.extend(row, {
          css:      css,
          label:    label,
          icon:     DATA.post_types[row.post_type].icon,
          post_url: post_url,
        }));
      }).join(''));
    });
  }

  $('#admin-tab-posts').on('show.bs.tab', function() {
    $('#posts-reload').click();
  });

  $('.add-post').click(function() {
    var type = $(this).data('type');

    // dismiss dropdown
    $('body').trigger('click');

    send(type + '/add').fail(function(r) {
      gripe(r, 'add ' + type);
    }).done(function(r) {
      // show edit dialog
      $('#' + type + '-edit-dialog').data('post_id', r.post_id).modal('show')
    });

    // stop event
    return false;
  });

  $('#posts-reload').click(function() {
    reload();

    // stop event
    return false;
  });

  $('#posts-q').on('search-update', function() {
    reload();
  });

  $('.posts-filter-menu').on('guff.choose', function() {
    // reload posts
    reload();
  });

  $('#posts').on('click', 'a.edit', function() {
    var data = $(this).data();

    if (data.edit == 'user') {
      $('#user-edit-dialog').data(data).modal('show');
    } else if (data.edit == 'site') {
      $('#site-edit-dialog').data(data).modal('show');
    }

    // stop event
    return false;
  });

  $('#posts').on('click', 'a.link', function() {
    open($(this).attr('href'));

    // stop event
    return false;
  });

  $('#posts').on('click', 'tbody tr[data-post_id]', function() {
    var data = $(this).data();

    $('#' + data.post_type + '-edit-dialog')
      .data('post_id', data.post_id)
      .modal('show');

    // stop event
    return false;
  });
});