/**
 * Green Patreon banner asking people for money. $_$
 */
beestat.component.card.patreon = function() {
  beestat.component.card.apply(this, arguments);
};
beestat.extend(beestat.component.card.patreon, beestat.component.card);

beestat.component.card.patreon.prototype.decorate_contents_ = function(parent) {
  parent.style('background', beestat.style.color.green.base);

  new beestat.component.button()
    .set_icon('heart')
    .set_text('Support this project on Patreon!')
    .set_background_color(beestat.style.color.green.dark)
    .set_background_hover_color(beestat.style.color.green.light)
    .addEventListener('click', function() {
      window.open('https://www.patreon.com/beestat');
    })
    .render(parent);
};

/**
 * Get the title of the card.
 *
 * @return {string} The title.
 */
beestat.component.card.patreon.prototype.get_title_ = function() {
  return 'Enjoy beestat?';
};

/**
 * Decorate the close button.
 *
 * @param {rocket.Elements} parent
 */
beestat.component.card.patreon.prototype.decorate_top_right_ = function(parent) {
  new beestat.component.button()
    .set_type('pill')
    .set_icon('close')
    .set_text_color('#fff')
    .set_background_hover_color(beestat.style.color.green.light)
    .addEventListener('click', function() {
      (new beestat.component.modal.patreon_hide()).render();
    })
    .render(parent);
};