<%! from django.core.urlresolvers import reverse %>

<div class="wrapper-header wrapper">
  <header class="primary" role="banner">

    <div class="wrapper wrapper-left ">
      <h1 class="branding"><a href="/">edX Studio</a></h1>
      
      % if context_course:
      <% ctx_loc = context_course.location %>
      <div class="info-course">
        <h2 class="sr">Current Course:</h2>
        <a href="${reverse('course_index', kwargs=dict(org=ctx_loc.org, course=ctx_loc.course, name=ctx_loc.name))}">
        <span class="course-org">${ctx_loc.org}</span><span class="course-number">${ctx_loc.course}</span>
        <span class="course-title" title="${context_course.display_name}">${context_course.display_name}</span>
        </a>
      </div>
      
      <nav class="nav-course primary nav-dropdown" role="navigation">
        <h2 class="sr">${context_course.display_name}'s Navigation:</h2>

        <ol>
          <li class="nav-item nav-course-courseware">
            <h3 class="title"><span class="label-prefix">Course </span>Content <i class="ss-icon ss-symbolicons-block icon-expand">&#x25BE;</i></h3>
            
            <div class="wrapper wrapper-nav-sub">
              <div class="nav-sub">
                <ul>
                  <li class="nav-item nav-course-courseware-outline"><a href="${reverse('course_index', kwargs=dict(org=ctx_loc.org, course=ctx_loc.course, name=ctx_loc.name))}">Outline</a></li>
                  <li class="nav-item nav-course-courseware-updates"><a href="${reverse('course_info', kwargs=dict(org=ctx_loc.org, course=ctx_loc.course, name=ctx_loc.name))}">Updates</a></li>
                  <li class="nav-item nav-course-courseware-pages"><a href="${reverse('edit_tabs', kwargs=dict(org=ctx_loc.org, course=ctx_loc.course, coursename=ctx_loc.name))}">Static Pages</a></li>
                  <li class="nav-item nav-course-courseware-uploads"><a href="${reverse('asset_index', kwargs=dict(org=ctx_loc.org, course=ctx_loc.course, name=ctx_loc.name))}">Files &amp; Uploads</a></li>
                </ul>
              </div>
            </div>            
          </li>

          <li class="nav-item nav-course-settings">
            <h3 class="title"><span class="label-prefix">Course </span>Settings <i class="ss-icon ss-symbolicons-block icon-expand">&#x25BE;</i></h3>
            
            <div class="wrapper wrapper-nav-sub">
              <div class="nav-sub">
                <ul>
                  <li class="nav-item nav-course-settings-schedule"><a href="${reverse('contentstore.views.get_course_settings', kwargs=dict(org=ctx_loc.org, course=ctx_loc.course, name=ctx_loc.name))}">Schedule &amp; Details</a></li>
                  <li class="nav-item nav-course-settings-grading"><a href="${reverse('contentstore.views.course_config_graders_page', kwargs={'org' : ctx_loc.org, 'course' : ctx_loc.course, 'name': ctx_loc.name})}">Grading</a></li>
                  <li class="nav-item nav-course-settings-team"><a href="${reverse('manage_users', kwargs=dict(location=ctx_loc))}">Course Team</a></li>
                  <!-- <li class="nav-item nav-course-settings-advanced"><a href="${reverse('course_settings', kwargs={'org' : ctx_loc.org, 'course' : ctx_loc.course, 'name': ctx_loc.name})}">Advanced Settings</a></li> -->
                </ul>
              </div>
            </div>            
          </li>

          <li class="nav-item nav-course-tools">
            <h3 class="title">Tools <i class="ss-icon ss-symbolicons-block icon-expand">&#x25BE;</i></h3>
            
            <div class="wrapper wrapper-nav-sub">
              <div class="nav-sub">
                <ul>
                  <li class="nav-item nav-course-tools-import"><a href="${reverse('import_course', kwargs=dict(org=ctx_loc.org, course=ctx_loc.course, name=ctx_loc.name))}">Import</a></li>
                  <li class="nav-item nav-course-tools-export"><a href="${reverse('export_course', kwargs=dict(org=ctx_loc.org, course=ctx_loc.course, name=ctx_loc.name))}">Export</a></li>
                </ul>
              </div>
            </div>
          </li>
        </ol>
      </nav>
      % endif
    </div>
    
    <div class="wrapper wrapper-right">
      % if user.is_authenticated():    
      <nav class="nav-account nav-is-signedin nav-dropdown">
        <h2 class="sr">Currently logged in as:</h2>
        <ol>
          <li class="nav-item nav-account-username">
            <a href="#" class="title">
              <span class="account-username">
                <i class="ss-icon ss-symbolicons-standard icon-user">&#x1F464;</i> 
                ${ user.username }
              </span>
              <i class="ss-icon ss-symbolicons-block icon-expand">&#x25BE;</i>
            </a>

            <div class="wrapper wrapper-nav-sub">
              <div class="nav-sub">
                <ul>
                  <li class="nav-item nav-account-dashboard"><a href="/">My Courses</a></li>
                  <li class="nav-item nav-account-help"><a href="http://help.edge.edx.org/" rel="external">Studio Help</a></li>
                  <li class="nav-item nav-account-signout"><a class="action action-signout" href="${reverse('logout')}">Sign Out</a></li>
                </ul>
              </div>
            </div>
          </li>
        </ol>
      </nav>
      % else:
      <nav class="nav-not-signedin">
        <h2 class="sr">You're not currently signed in</h2>
        <ol>
          <li class="nav-item nav-not-signedin-hiw">
            <a href="/">How Studio Works</a>
          </li>
          <li class="nav-item nav-not-signedin-help">
            <a href="http://help.edge.edx.org/" rel="external">Studio Help</a>
          </li>
          <li class="nav-item nav-not-signedin-signup">
            <a class="action action-signup" href="${reverse('signup')}">Sign Up</a>
          </li>
          <li class="nav-item nav-not-signedin-signin">
            <a class="action action-signin" href="${reverse('login')}">Sign In</a>
          </li>
        </ol>
      </nav>
      % endif      
    </div>
  </header>
</div>