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

var nav = {
    view: function() {
        return 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#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', {
                    'data-tooltip': 'Kategori',
                    style: 'cursor: pointer;',
                    onclick: function() {
                        m.route.set('/kategori')
                    }
                }, [
                    m('i.fa.fa-list-ul', {
                        'aria-hidden': 'true'
                    }),
                    ' Kategori'
                ]),
                cookie.get('signal') == 1 ? m('a.navy.button', {
                    'data-tooltip': 'User Baru',
                    style: 'cursor: pointer;',
                    onclick: function() {
                        m.route.set('/register')
                    }
                }, [
                    m('i.fa.fa-user-plus', {
                        'aria-hidden': 'true'
                    }),
                    ' User'
                ]) : null,
                m('a.navy.button', {
                    'data-tooltip': 'Profil',
                    onclick: function() {
                        m.route.set('/user/' + window.location.search.split('&')[1].slice('2'))
                    }
                }, [
                    m('i.fa.fa-user-circle-o', {
                        'aria-hidden': 'true'
                    }),
                    ' Profil'
                ]),
                m('a.navy.button', {
                    'data-tooltip': 'Keluar',
                    onclick: function() {user.logout()}
                }, [
                    m('i.fa.fa-sign-out', {
                        'aria-hidden': 'true'
                    }),
                    ' Keluar'
                ])
            ])
        ])
    }
}

module.exports = nav