(function() {
'use strict';

var topNavBar = {};
window.topNavBar = topNavBar;

topNavBar._urlMapping = {
    acceuil: 'Acceuil',
    calendrier: 'Calendrier',
    reglement: 'Règlement',
    photos: 'Photos',
    membre: 'Membre',
    contact: 'Nous Joindre'
};

var facebookLink = function(){
    return m('a[href="https://www.facebook.com/LigueDeBalleLesPhenix"]',
               m('i.fa.fa-facebook-square')
           );
};

topNavBar.controller = function(){
    return {id: m.route.param("page")};
};

topNavBar._getUrlForId = function(id_){
    return  '#/' + id_;
};

topNavBar._isActive = function(id_){
    return id_ == m.route.param("page");
};

topNavBar._getItem = function(name, id){
    var class_ = topNavBar._isActive(id) ? 'uk-active' : 'uk-parent';
    var url = topNavBar._getUrlForId(id);
    return m("li", {class: class_}, [m("a",{href: url},  name)]);
};

topNavBar.view = function(controller){
    return m("nav.uk-navbar",
              [m("div.uk-navbar-content.uk-navbar-center", [
                  m("ul.uk-navbar-nav",
                     m('li.uk-parent', facebookLink()),
                    _.map(topNavBar._urlMapping, topNavBar._getItem)
                    )
    ])]);
};

var footer = {};
window.footer = footer;

footer.view = function(){
    return m('footer.uk-grid.ph-footer', {style: {padding: '80px'}},
        m('div.uk-container.uk-container-center.uk-text-center', [
            m('div.uk-panel', 'Ligue de balle les Phénix... pour le plaisir de jouer!'),
            m('ul.uk-subnav.uk-subnav-line.uk-flex-center',
                m('li', m('a[href="mailto:info@ballephenix.com"]', 'info@ballephenix.com'))),
            m('h1', facebookLink())
        ])
    );
};


}).call(this);