'use strict'

import $ from 'jquery'

import Events from './_events'

const LayoutUI = (($) => {
  // Constants
  const W = window
  const D = document
  const $Body = $('body')

  const NAME = 'LayoutUI'

  const datepickerOptions = {
    autoclose: true,
    startDate: 0,
    // todayBtn: true,
    todayHighlight: true,
    clearBtn: true,
  }

  class LayoutUI {
    static init () {
      const ui = this
      ui.dispose()

      console.log(`Initializing: ${NAME}`)
      // your custom UI

      // Custom fonts
      $Body.append(
        '<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700,700i&display=swap" rel="stylesheet">'
      )

      /* google analytics */

      /* $.getScript('https://www.google-analytics.com/analytics.js', () => {
        ga('create', 'UA-********-*', 'auto');
        ga('send', 'pageview');
      }); */

      // Fire further js when layout is ready
      $(W).trigger(Events.LODEDANDREADY)
    }

    static dispose () {
      console.log(`Destroying: ${NAME}`)
    }
  }

  $(W).on(`${Events.AJAX} ${Events.LOADED}`, () => {
    LayoutUI.init()
  })

  W.LayoutUI = LayoutUI

  return LayoutUI
})($)

export default LayoutUI