extends /templates/base-flat

block page_nav
  include ./teacher-dashboard-nav.jade

block content
  if !me.isTeacher() && view.ownedClassrooms.size()
    .alert.alert-danger.text-center
      .container
        // DNT: Temporary
        h3 ATTENTION: Please upgrade your account to a Teacher Account.
        p
          | We are transitioning to a new improved classroom management system for instructors.
          | Please convert your account to ensure you retain access to your classrooms. 
        a.btn.btn-primary.btn-lg(href="/teachers/update-account") Upgrade to teacher account
    
  .container
    h1(data-i18n="courses.title")
    h2(data-i18n="courses.subtitle")
  
  .courses.container
    - var courses = view.courses.models;
    - var courseIndex = 0;
    while courseIndex < courses.length
      - var course = courses[courseIndex];
      - courseIndex++;
      .course.row
        .col-sm-9
          +course-info(course)
        .col-sm-3
          .play-level-form(data-course-id=course.id)
            .form-group
              label.control-label
                span(data-i18n="courses.select_language")
                | :
                select.language-select.form-control
                  // TODO: Automate this list @scott
                  option(value="python")
                    | Python
                  option(value="javascript")
                    | JavaScript
                  //- option(value="coffeescript")
                  //-   | CoffeeScript (Experimental)
                  //- option(value="clojure")
                  //-   | Clojure (Experimental)
                  //- option(value="lua")
                  //-   | Lua
                  //- option(value="java")
                  //-   | Java
            .form-group
              label.control-label
                span(data-i18n="courses.select_level")
                | :
                select.level-select.form-control
                  if view.campaigns.loaded
                    each level, levelIndex in view.campaigns.get(course.get('campaignID')).getLevels().models
                      option(value=level.get('slug'))
                        span
                          = levelIndex + 1
                        span
                          | . 
                        span
                          = level.get('name')
            a.play-level-button.btn.btn-lg.btn-primary
              span(data-i18n="courses.play_level")
          .clearfix       
            
mixin course-info(course)
  .course-info
    .text-h4.semibold
      = course.get('name')
    p= course.get('description')
    p.concepts.semibold
      span(data-i18n="courses.concepts_covered")
      | : 
      each concept in course.get('concepts')
        span(data-i18n="concepts." + concept)
        if course.get('concepts').indexOf(concept) !== course.get('concepts').length - 1
          span.spr ,
        
    if me.isTeacher() || view.ownedClassrooms.size()
      if view.guideLinks[course.id]
        //- a.btn.btn-primary(href=view.guideLinks[course.id] class=(me.isAnonymous() ? 'disabled' : ''))
        //-   span(data-i18n="courses.print_guide")
        a.btn.btn-primary(href=view.guideLinks[course.id].python class=(me.isAnonymous() ? 'disabled' : ''))
          span(data-i18n="courses.view_guide_online")
          |  &mdash; Python
        a.btn.btn-primary(href=view.guideLinks[course.id].javascript class=(me.isAnonymous() ? 'disabled' : ''))
          span(data-i18n="courses.view_guide_online")
          |  &mdash; JavaScript
      else
        i.small
          | (
          span(data-i18n='teacher.guides_coming_soon')
          | )