let m = require('mithril')
let header = require('./components/header')
let login = require('./components/login')
let nav = require('./components/nav')
let showPost = require('./components/showPost')
let createCategory = require('./components/createCategory')
let editCategory = require('./components/editCategory')
let registerUser = require('./components/registerUser')
let createPost = require('./components/createPost')
let editPost = require('./components/editPost')
let cookie = require('./others/cookie')
let idleTimeout = require('./others/idleTimeout')
let label = require('./components/label')

require('../css/index.css')

var root = document.body
var page = cookie.get('signal')

if (page == '') {
    m.mount(root, header)
    m.route(document.getElementById('doc-main'), '', {
        '': header,
        '/login': login
    })
} else {
    m.route(root, '', {
        '': { view: function() { return m('span',
        window.message || window.message != null ?
        m(label) : null,
        [
            m(nav),
            m(showPost, { 'status': 3 })
        ]) } },
        '/kategori': {
            view: function() {
                return m('span',
                window.message || window.message != null ?
                m(label) : null,
                [
                    m(nav),
                    m(createCategory, { 'id': 0 })
                ])
            }
        },
        '/kategori/:id': {
            view: function(vnode) {
                return m('span',
                window.message || window.message != null ?
                m(label) : null,
                [
                    m(nav),
                    m(editCategory, { 'id': vnode.attrs.id })
                ])
            }
        },
        '/register': { view: function() {
            return m('span',
                window.message || window.message != null ?
                m(label) : null,
                [
                    m(nav),
                    cookie.get('signal') == 1 ? m(registerUser) : null
                ])
            }
        },
        '/posts': { view: function() {
            return m('span',
                window.message || window.message != null ?
                m(label) : null,
                [
                    m(nav),
                    m(showPost, { 'status': 3 })
                ])
            }
        },
        '/posts/edit/:id': {
            view: function(vnode) {
                return m('span',
                window.message || window.message != null ?
                m(label) : null,
                [
                    m(nav),
                    m(editPost, { 'id': vnode.attrs.id })
                ])
            }
        },
        '/posts/active': { view: function() {
            return m('span',
                window.message || window.message != null ?
                m(label) : null,
                [
                    m(nav),
                    m(showPost, { 'status': 1 })
                ])
            }
        },
        '/posts/soon': { view: function() {
            return m('span',
                window.message || window.message != null ?
                m(label) : null,
                [
                    m(nav),
                    m(showPost, { 'status': 2 })
                ])
            }
        },
        '/posts/inactive': { view: function() {
            return m('span',
                window.message || window.message != null ?
                m(label) : null,
                [
                    m(nav),
                    m(showPost, { 'status': 0 })
                ])
            }
        },
        '/posts/entry': { view: function() {
            return m('span',
                window.message || window.message != null ?
                m(label) : null,
                [
                    m(nav),
                    m(createPost)
                ])
            }
        }
    })

    idleTimeout.setup();
}