let m = require('mithril')
let images = require('./images')

var header = {
    oncreate: function() {
        var rootSwiper = document.getElementById('nouser')
        images.root = rootSwiper
        m.mount(rootSwiper, images)
    },
    view: function() {
        return m('span', [
            m('nav', [
                m('span.brand', m('a.title', {
                    style: 'cursor: pointer;',
                    onclick: function() {
                        m.route.set('')
                    }
                }, 'Live Info')),
                // m('input#bmenug.show', {type: 'checkbox'}),
                // m('label.burger.pseudo.button', {for: 'bmenug'}, m('i.fa.fa-bars', {'aria-hidden': 'true'})),
                m('.menu', m('a.navy.hidden-hover.button', {
                    'data-tooltip': 'Masuk',
                    style: 'cursor: pointer;',
                    onclick: function() {
                        m.route.set('/login')
                    }
                }, [
                    m('i.fa.fa-sign-in', {
                        'aria-hidden': 'true'
                    }),
                    ' Masuk'
                ]))
            ]),
            m('main.documentation#doc-main', [
                m('#nouser', {style: 'text-align:left;width:100%'})
            ])
        ])
    }
}

module.exports = header