/*global define */
define(['jquery', 'underscore', 'backbone', 'text!templates/footer.html'],
  function ($, _, Backbone, FooterTemplate) {
    'use strict';

    /**
    * @class FooterView
    * @classdesc The FooterView renders the main footer for the application, at the bottom of each page.
    * @classcategory Views
    * @extends Backbone.View
    */
    var FooterView = Backbone.View.extend(
      /** @lends FooterView.prototype */{

      el: '#Footer',

      template: _.template(FooterTemplate),

      initialize: function () {
      },

      render: function () {
        this.$el.html(this.template());
      },

      /**
       * Hide the footer
       * @since 2.19.0
       */
      hide: function () {
        this.el.style.setProperty('display', 'none')
        document.body.style.setProperty('--footer-height', '0')
      },

      /**
       * Show the footer after it was hidden
       * @since 2.19.0
       */
      show: function () {
        this.el.style.removeProperty('display')
        document.body.style.removeProperty('--footer-height')
      }

    });
    return FooterView;
  });