const nest = require('depnest')
const { h, Struct, Value, computed } = require('mutant')

exports.gives = nest('app.page.threadNew')

exports.needs = nest({
  'translations.sync.strings': 'first',
  'about.html.image': 'first',
  'about.obs.name': 'first',
  'app.html.thread': 'first',
  'history.sync.push': 'first',
  'keys.sync.id': 'first',
  'message.html.compose': 'first'
})

exports.create = (api) => {

  return nest('app.page.threadNew', threadNew)

  function threadNew (location) {
    const strings = api.translations.sync.strings()
    const { feed } = location
    const name = api.about.obs.name(feed)

    const meta = Struct({
      type: 'post',
      recps: [
        api.keys.sync.id(),
        { link: feed, name }
      ],
      subject: Value()
    })
    const composer = api.message.html.compose(
      { meta, shrink: false },
      (err, msg) => api.history.sync.push(err ? err : msg)
    )

    return h('Page -threadNew', {title: strings.threadNew.pageTitle}, [
      h('div.container', [
        h('div.field -to', [
          h('div.label', strings.threadNew.field.to),
          h('div.recps', [
            h('div.recp', [
              api.about.html.image(feed),
              h('div.name', name)
            ])
          ])
        ]),
        h('div.field -subject', [
          h('div.label', strings.threadNew.field.subject),
          h('input', {
            'ev-input': e => meta.subject.set(e.target.value),
            placeholder: strings.optionalField
          }),
        ]),
        composer
      ])
    ])
  }
}