let m = require('mithril')
let user = require('../models/user')

var nav = {
    view: function() {
        return m('nav', [
            m('span.brand', m('a.title', {href: '', oncreate: m.route.link}, '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#menu', [
                m('a.navy.button', {
                    href: 'https://backup.lepisi.ac.id/gregorio/lepisi-pengumuman/blob/master/README.md#dokumentasi',
                    target: '_blank',
                    'data-tooltip': 'Dokumentasi'
                }, m('i.fa.fa-dot-circle-o', {
                        'aria-hidden': 'true'
                    })
                ),
                m('a.navy.button', {
                    href: '/kategori',
                    'data-tooltip': 'Kategori',
                    oncreate: m.route.link
                }, [
                    m('i.fa.fa-list-ul', {
                        'aria-hidden': 'true'
                    }),
                    ' Kategori'
                ]),
                m('a.navy.button', {
                    href: '/register',
                    'data-tooltip': 'User Baru',
                    oncreate: m.route.link
                }, [
                    m('i.fa.fa-user-plus', {
                        'aria-hidden': 'true'
                    }),
                    ' User'
                ]),
                m('a.navy.button', {
                    'data-tooltip': 'Keluar',
                    onclick: function() {user.logout()}
                }, [
                    m('i.fa.fa-sign-out', {
                        'aria-hidden': 'true'
                    }),
                    ' Keluar'
                ])
            ])
        ])
    }
}

module.exports = nav