extends ../layout
block content
    .col-xs-12.col-sm-12.col-md-12
        .panel.panel-info
            .panel-heading.text-center
                h1 Challenge Map
            .panel-body
                .row
                    .col-xs-12.col-sm-12.col-md-8.col-md-offset-2
                        h3 You must complete all of these challenges before you can start working on nonprofit projects.
                        h3 You should complete these in order from top to bottom.
                        h2
                            span.fa.fa-flag
                            |   Waypoints (web development lessons)

                        .col-xs-12
                            h3.negative-15
                                ol
                                    for waypoint in waypoints
                                        if completedCoursewareList.indexOf(waypoint._id) > -1
                                            li.strikethrough
                                                a(href="/challenges/#{waypoint.name}")= waypoint.name
                                        else
                                            li
                                                a(href="/challenges/#{waypoint.name}")= waypoint.name
                        h2
                            span.ion-bonfire
                            |   Bonfires (algorithm practice)
                        .col-xs-12
                            h3.negative-15
                                ol
                                    for bonfire in bonfires
                                        if completedBonfireList.indexOf(bonfire._id) > -1
                                            li.strikethrough
                                                a(href="/bonfires/#{bonfire.name}")= bonfire.name
                                        else
                                            li
                                                a(href="/bonfires/#{bonfire.name}")= bonfire.name
                        h2
                            span.fa.fa-angle-double-right
                            |   Ziplines (front end development practice)
                        .col-xs-12
                            h3.negative-15
                                ol
                                    for zipline in ziplines
                                        if completedCoursewareList.indexOf(zipline._id) > -1
                                            li.strikethrough
                                                a(href="/challenges/#{zipline.name}")= zipline.name
                                        else
                                            li
                                                a(href="/challenges/#{zipline.name}")= zipline.name
                        h2
                            span.fa.fa-level-down
                            |   Basejumps (full stack development practice)
                        .col-xs-12
                            h3.negative-15
                                ol
                                    for basejump in basejumps
                                        if completedCoursewareList.indexOf(basejump._id) > -1
                                            li.strikethrough
                                                a(href="/challenges/#{basejump.name}")= basejump.name
                                        else
                                            li
                                                a(href="/challenges/#{basejump.name}")= basejump.name
                        h2
                            span.ion-ios-heart
                            |   Nonprofit Projects
                            h3.negative-15
                                ul
                                    li
                                        a(href="/nonprofits/index") Browse our nonprofit projects