define(['m', '_', 'util', 'resultParser', 'views/topNavBar', 'views/footer'], function (m, _ , util, resultParser, topNavBar, footer) {

    var rulesPage = {};

    rulesPage.missionText = function(){
        return "La ligue de balle Les Phénix a été fondée en 2004 afin "+
               "d'offrir aux membres de la communauté gaie et lesbienne et à "+
               "leurs amis hétéros l'opportunité de s'amuser et de pratiquer "+
               "un sport dans une ambiance amicale et décontractée. "+
               "L'ouverture d'esprit, la camaraderie et le plaisir de "+
               "pratiquer un sport à l'extérieur caractérisent cette ligue.";
    };

    rulesPage.logo = function(){
        var style = 'height: 250px; width: 250px; background-size: 250px; background-image: url(images/logosansfond.JPG);';
        return m('div.uk-cover-background.uk-container-center', {style: style});
    };

    rulesPage.rules = function(){
        return  m('div.uk-panel.uk-panel-box.uk-panel-box-secondary', [
                    m('h2', 'Règlements 2016'),
                    m('ul',[
                        m('li', m('h3', 'Règlements généraux')),
                        m('li',  m('h3','Règles et procédures')),
                        m('li',  m('h3','Règlements de terrain')),
                    ])
                ]);
    };

    rulesPage.logoAndRules = function(){
        return  m('div.uk-grid.uk-margin',[
                    m('div.uk-width-large-1-3',
                        rulesPage.logo()),
                    m('div.uk-width-large-2-3',
                        rulesPage.rules()
                    )
                    ]
                );
    };

    rulesPage.mission = function(){
        return m('div.uk-panel.uk-panel-box.uk-panel-box-secondary', [
            m('h2', 'Mission'),
            m('p', rulesPage.missionText())
        ]);
    };

    rulesPage.view  = function(){
        return [
                m.component(topNavBar),

                m('div.uk-margin-top.uk-margin-bottom.uk-grid',
                m('div.uk-width-large-3-5.uk-container-center', [
                    rulesPage.logoAndRules(),
                    rulesPage.mission()
                ])),
                m.component(footer)
            ];
    };

    return rulesPage;
});