define([
    '/api/config',
    '/common/hyperscript.js',
    '/customize/messages.js',
    '/customize/pages.js',
    '/common/common-feedback.js',
], function (Config, h, Msg, Pages, Feedback) {
    var urlArgs = Config.requireConf.urlArgs;

    var logoLink = function (alt, src, url, cls) {
        var img = h('img' + (cls || ''), {
            src: src + '?' + urlArgs,
            alt: alt,
        });
        if (!url) { return img; }
        return h('a', { href: url, }, img);
    };

    return function () {
        var xwiki_info = Pages.setHTML(h('span'), Msg.whatis_xwiki_info);
        Pages.externalLink(xwiki_info.querySelector('a'), "https://xwiki.com");

        return h('div#cp-main', [
            Pages.infopageTopbar(),
            h('div.container.cp-container', [
                h('div.row.cp-page-title',[
                    h('div.col-12.text-center', h('h1', Msg.whatis_title)),
                ]),
                h('div.row.cp-page-section', [
                    h('div.col-md-6', [
                        Pages.setHTML(h('h2'), Msg.whatis_collaboration),
                        Pages.setHTML(h('span'), Msg.whatis_collaboration_info),
                    ]),
                    h('div.col-md-6', [
                        h('img.cp-img-invert', {
                            src: '/customize/images/collaboration.png?' + urlArgs,
                            alt: '',
                            'aria-hidden': 'true'
                        }),
                    ]),
                ]),
                h('div.row.cp-page-section', [
                    h('div.col-md-6.order-md-2', [
                        Pages.setHTML(h('h2'), Msg.whatis_apps),
                        Pages.setHTML(h('span'), Msg.whatis_apps_info),
                    ]),
                    h('div.col-md-6.order-md-1', [
                        h('img', {
                            src: '/customize/images/apps-preview.png?' + urlArgs,
                            alt: '',
                            'aria-hidden': 'true'
                        }),
                    ]),
                ]),
                h('div.row.cp-page-section', [
                    h('div.col-md-6', [
                        Pages.setHTML(h('h2'), Msg.whatis_drive),
                        Pages.setHTML(h('span'), Msg.whatis_drive_info),
                    ]),
                    h('div.col-md-6', [
                        h('img.cp-shadow', {
                            src: '/customize/images/drive-grid.png?' + urlArgs,
                            alt: '',
                            'aria-hidden': 'true'
                        }),
                    ]),
                ]),
                h('div.row.cp-page-section', [
                    h('div.col-md-6.order-md-2', [
                        Pages.setHTML(h('h2'), Msg.whatis_model),
                        Pages.setHTML(h('span'), Msg.whatis_model_info),
                        Config.allowSubscriptions ?
                            Pages.subscribeButton(function () {
                                Feedback.send('WHATIS_SUBSCRIBE_CRYPTPAD');
                            }) : undefined,
                        Pages.crowdfundingButton(function () {
                            Feedback.send('WHATIS_SUPPORT_CRYPTPAD');
                        }),
                    ]),
                    h('div.col-md-6.order-md-1.small-logos', [
                        logoLink('NGI Award 2019', '/customize/images/logo_ngi.png',
                            'https://www.ngi.eu/', '.cp-img-invert'),
                        logoLink('NLnet Foundation logo', '/customize/images/logo_nlnet.svg',
                            'https://nlnet.nl', '.cp-img-invert'),

                        logoLink('BPI France logo', '/customize/images/logo_bpifrance.svg',
                            'https://bpifrance.com'),
                        logoLink('Mozilla Open Source Support logo', '/customize/images/logo_moss.jpg',
                            'https://www.mozilla.org/en-US/moss/'),
                        logoLink('NGI Trust logo', '/customize/images/logo_ngi_trust.png',
                            'https://www.ngi.eu/ngi-projects/ngi-trust/'),
                    ]),
                ]),
                h('div.row.cp-page-section', [
                    h('div.col-md-6', [
                        Pages.setHTML(h('h2'), Msg.whatis_xwiki),
                        xwiki_info,
                    ]),
                    h('div.col-md-6.small-logos', [
                        h('img', {
                            src: '/customize/images/logo_XWiki.svg?' + urlArgs,
                            alt: 'Logo XWiki'
                        }),
                    ]),
                ]),
            ]),
            Pages.infopageFooter(),
        ]);
    };
});