AutoForm.addInputType("bootstrap-postthumbnail", {
  template: "afPostThumbnail"
});

Template.afPostThumbnail.helpers({
  atts: function addFormControlAtts() {
    var atts = _.clone(this.atts);
    // Add bootstrap class
    atts = AutoForm.Utility.addClass(atts, "form-control");
    return atts;
  },
  style: function () {
    var thumbnailWidth = getSetting('thumbnailWidth', 200);
    var thumbnailHeight = getSetting('thumbnailHeight', 125);
    return "width: "+thumbnailWidth+"px; height: "+thumbnailHeight+"px;"
  }
});

Template.afPostThumbnail.rendered = function () {

  var $img = this.$('.post-thumbnail-preview');
  var $thumbnailUrlField = this.$('[name="thumbnailUrl"]');

  // note: the following fields are *not* in the current template
  var $urlField = $('[name="url"]');
  var $titleField = $('[name="title"]');
  var $bodyField = $('[name="body"]');
  var $thumbnailContainer = $('.post-thumbnail-container');


  $urlField.change(function (e) {
    var url = $urlField.val();
    if (!!url) {
      $thumbnailContainer.addClass('loading');
      clearSeenMessages();
      console.log('getting embedly data for '+url);
      Meteor.call('getEmbedlyData', url, function (error, data) {
        if (error) {
          console.log(error)
          flashMessage(error.reason, 'error');
          $thumbnailContainer.removeClass('loading');
          return
        }
        if (data) {

          // set thumbnail and fill in thumbnailUrl field
          $img.attr('src', data.thumbnailUrl);
          $thumbnailUrlField.val(data.thumbnailUrl);

          // remove loading class
          $thumbnailContainer.removeClass('loading');

          if (!$titleField.val()) // if title field is empty, fill in title
            $titleField.val(data.title);
          if (!$bodyField.val()) // if body field is empty, fill in body
            $bodyField.val(data.description);
          
        }
      });
    }
  });
}