extends ../layout
block content
    script.
        var completedChallenges = !{JSON.stringify(completedChallengeList)};
    .panel.panel-info
        .panel-heading.text-center
            h1 Challenge Map
        .panel-body
            if (Math.random() > 0.99)
                img.img-responsive.img-center.border-radius-5(src='https://s3.amazonaws.com/freecodecamp/wide-social-banner-dino.png')
            else
                img.img-responsive.img-center.border-radius-5(src='https://s3.amazonaws.com/freecodecamp/wide-social-banner.png')
            .col-xs-12.col-md-10.col-md-offset-1
                h2.text-center
                    span.text-primary #{camperCount}  
                    | campers have joined our community
                    br
                    | since we launched  
                    span.text-primary #{daysRunning}  
                    | days ago.
                .spacer
                    for challengeBlock in challengeList
                        .row
                            .col-xs-12.col-sm-8.col-sm-offset-2
                                h3 #{challengeBlock.name}
                        .row
                            .col-xs-12
                                ol
                                    for challenge in challengeBlock.challenges
                                        if completedChallengeList.indexOf(challenge._id) > -1
                                            .row
                                                .hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center.large-p.negative-10
                                                .col-xs-12.col-sm-9.col-md-10
                                                    li.faded.large-p.negative-10
                                                        a(href="/challenges/#{challenge.name}")= challenge.name

                                        else
                                            .row
                                                .hidden-xs.col-sm-3.col-md-2
                                                    span.negative-10
                                                .col-xs-12.col-sm-9.col-md-10
                                                    li.large-p.negative-10
                                                        a(href="/challenges/#{challenge.name}")= challenge.name
                    h3.text-center Nonprofit Projects (800 hours of real-world experience)*
                    .row
                        .col-xs-12
                            ul
                                .row
                                    .hidden-xs.col-sm-3.col-md-2
                                        span.negative-10
                                    .col-xs-12.col-sm-9.col-md-10
                                        li.large-p.negative-10
                                            a(href="/nonprofits/directory") Browse our nonprofit projects
                                        p * Complete all Waypoints, Bonfires, Ziplines and Basejumps to be assigned your first nonprofit project

    #announcementModal.modal(tabindex='-1')
        .modal-dialog.animated.fadeInUp.fast-animation
            .modal-content
                .modal-header.challenge-list-header We're adding new languages!
                    a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') ×
                .modal-body
                    .spacer
                    h4.text-left 我們正在研究將Free Code Camp翻成中文!  
                        a(href='https://freecode.slack.com/messages/chinese')  請按這裡來參觀我們的中文聊天室
                        | .
                    h4.text-left Estamos trabajando a traducir Free Code Camp en español!  
                        a(href='https://freecode.slack.com/messages/espanol') Haz clic aquí para ir a nuestra sala de chat español
                        | .
                    h4.text-left Nós estamos trabalhando para traduzir o Free Code Camp para o Português!  
                        a(href='https://freecode.slack.com/messages/portugues') Clique aqui para visitar nossa sala de bate-papo em Português
                        | .
                    h4.text-left Nous travaillons pour traduire Free Code Camp en Français!  
                        a(href='https://freecode.slack.com/messages/francais') Cliquez ici pour visiter notre salle de chat Français
                        | .
                    h4.text-left Мы работаем над переводом Free Code Camp на русский язык!  
                        a(href='https://freecode.slack.com/messages/russian') Нажмите здесь, чтобы посетить русский чат
                        | .
                    a.btn.btn-lg.btn-primary.btn-block(href='#', data-dismiss='modal', aria-hidden='true') Thanks for the heads-up!
    script.
        $(document).ready(function () {
            if (!localStorage || !localStorage.multiLingual) {
                $('#announcementModal').modal('show');
                localStorage.multiLingual = "true";
            }
        });