extends ../layout
block content
    .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-8.col-md-offset-2
                h2.text-center
                    span.text-primary #{camperCount}  
                    | campers have joined our community
                    br
                    | since we launched  
                    span.text-primary #{daysRunning}  
                    | days ago.
                h2
                    span.fa.fa-flag
                    |   Waypoints (200 hours of lessons)

                .col-xs-12.no-right-padding
                    h3.negative-15
                        ol
                            for waypoint in waypoints
                                if completedCoursewareList.indexOf(waypoint._id) > -1
                                    .row
                                        .hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center
                                        .col-xs-12.col-sm-9.col-md-10
                                            li.faded
                                                a(href="/challenges/#{waypoint.name}")= waypoint.name

                                else
                                    .row
                                        .hidden-xs.col-sm-3.col-md-2
                                            span
                                        .col-xs-12.col-sm-9.col-md-10
                                            li
                                                a(href="/challenges/#{waypoint.name}")= waypoint.name
                h2
                    span.ion-bonfire
                    |   Bonfires (200 hours of JavaScript algorithm practice)
                .col-xs-12
                    h3.negative-15
                        ol
                            for bonfire in bonfires
                                if completedBonfireList.indexOf(bonfire._id) > -1
                                    .row
                                        .hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center
                                        .col-xs-12.col-sm-9.col-md-10
                                            li.faded
                                                a(href="/bonfires/#{bonfire.name}")= bonfire.name
                                else
                                    .row
                                        .hidden-xs.col-sm-3.col-md-2
                                            span
                                        .col-xs-12.col-sm-9.col-md-10
                                            li
                                                a(href="/bonfires/#{bonfire.name}")= bonfire.name
                h2
                    span.fa.fa-angle-double-right
                    |   Ziplines (200 hours of front end development)
                .col-xs-12
                    h3.negative-15
                        ol
                            for zipline in ziplines
                                if completedCoursewareList.indexOf(zipline._id) > -1
                                    .row
                                        .hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center
                                        .col-xs-12.col-sm-9.col-md-10
                                            li.faded
                                                a(href="/challenges/#{zipline.name}")= zipline.name
                                else
                                    .row
                                        .hidden-xs.col-sm-3.col-md-2
                                            span
                                        .col-xs-12.col-sm-9.col-md-10
                                            li
                                                a(href="/challenges/#{zipline.name}")= zipline.name
                h2
                    span.fa.fa-level-down
                    |   Basejumps (200 hours of full stack development)
                .col-xs-12
                    h3.negative-15
                        ol
                            for basejump in basejumps
                                if completedCoursewareList.indexOf(basejump._id) > -1
                                    .row
                                        .hidden-xs.col-sm-3.col-md-2.text-primary.ion-checkmark-circled.padded-ionic-icon.text-center
                                        .col-xs-12.col-sm-9.col-md-10
                                            li.faded
                                                a(href="/challenges/#{basejump.name}")= basejump.name
                                else
                                    .row
                                        .hidden-xs.col-sm-3.col-md-2
                                            span
                                        .col-xs-12.col-sm-9.col-md-10
                                            li
                                                a(href="/challenges/#{basejump.name}")= basejump.name
                h2
                    span.ion-ios-heart   Nonprofit Projects (800 hours of real-world experience)*
                    h3.negative-15
                        ul
                            .row
                                .hidden-xs.col-sm-3.col-md-2
                                    span
                                .col-xs-12.col-sm-9.col-md-10
                                    li
                                        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
            .modal-content
                .modal-header.challenge-list-header Join our Saturday Summit!
                    a.close.closing-x(href='#', data-dismiss='modal', aria-hidden='true') ×
                .modal-body
                    h3.text-left We'll live-stream our Saturday Summit on Saturday at Noon EST. Join us as our community celebrates turning 200 days old. We'll have brief announcements and demos of Nonprofit Projects from our campers!  
                        a(href='http://www.freecodecamp.com/twitch', target='_blank') Add it to your calendar here
                        | .
                    a.btn.btn-lg.btn-info.btn-block(name='_csrf', value=_csrf, aria-hidden='true', href='http://freecodecamp.com/twitch', target='_blank') Take me the broadcast calendar.
                    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.day200) {
                $('#announcementModal').modal('show');
                localStorage.day200 = "true";
            }
        });