const nest = require('depnest')
const { h, computed, when } = require('mutant')
const get = require('lodash/get')
const path = require('path')
const { remote } = require('electron')

exports.gives = nest('app.html.header')

exports.needs = nest({
  'keys.sync.id': 'first'
})

const SETTINGS_PAGES = [
  'settings',
  'userEdit',
]

exports.create = (api) => {
  return nest('app.html.header', (nav) => {
    const { location, push } = nav
    const myKey = api.keys.sync.id()

    const loc = computed(location, location => {
      if (typeof location != 'object') return {}
      return location
    })

    if (loc().page === 'splash') return

    const window = remote.getCurrentWindow()
    const minimize = () => window.minimize()
    const maximize = () => {
      if (!window.isMaximized()) window.maximize()
      else window.unmaximize()
    }
    const close = () => window.close()

    const isSettings = computed(loc, loc => SETTINGS_PAGES.includes(loc.page))
    const isAddressBook = computed(loc, loc => loc.page === 'addressBook')
    const isFeed = computed([isAddressBook, isSettings], (p, s) => !p && !s)

    return h('Header', [
      h('div.window-controls', [
        h('img.min', {
          src: assetPath('minimize.png'),
          'ev-click': minimize
        }),
        h('img.max', {
          src: assetPath('maximize.png'),
          'ev-click': maximize
        }),
        h('img.close', {
          src: assetPath('close.png'),
          'ev-click': close
        })
      ]),
      h('nav', [
        h('img.feed', {
          src: when(isFeed, assetPath('feed_on.png'), assetPath('feed.png')),
          'ev-click': () => push({page: 'blogIndex'}),
        }),
        h('img.addressBook', {
          src: when(isAddressBook, assetPath('address_bk_on.png'), assetPath('address_bk.png')),
          'ev-click': () => push({page: 'addressBook'})
        }),
        h('img.settings', {
          src: when(isSettings, assetPath('settings_on.png'), assetPath('settings.png')),
          'ev-click': () => push({page: 'settings'})
        }),
      ]),
    ])
  })
}

function assetPath (name) {
  return path.join(__dirname, '../../assets', name)
}