<%inherit file="../main.html" />
<%namespace name='static' file='../static_content.html'/>
<%!
from django.utils.translation import ugettext as _
from courseware.courses import get_course_info_section
%>

<%block name="pagetitle">${_("{course_number} Course Info").format(course_number=course.display_number_with_default)}</%block>

<%block name="headextra">
<%static:css group='style-course-vendor'/>
<%static:css group='style-course'/>
</%block>


% if show_enroll_banner:
  <div class="wrapper-msg urgency-low" id="failed-verification-banner">
    <div class="msg msg-reverify is-dismissable">
      <div class="msg-content">
        <h2 class="title">${_("You are not enrolled yet")}</h2>
        <div class="copy">
          <p class='enroll-message'>
            ${_(u"You are not currently enrolled in this course. {link_start}Sign up now!{link_end}").format(
            link_start=u"<a href={}>".format(url_to_enroll),
            link_end=u"</a>"
            )}
          </p>
        </div>
      </div>
    </div>
  </div>
% endif

<%include file="/courseware/course_navigation.html" args="active_page='info'" />

<%block name="js_extra">
  <script type="text/javascript" src="${static.url('js/jquery.treeview.js')}"></script>
  <script type="text/javascript" charset="utf-8">
$(document).ready(function(){
    $(".handouts").treeview({collapsed:true, unique:true/*, cookieId: "treeview-book-nav", persist: "cookie"*/});
    });
  </script>
</%block>

<%block name="bodyclass">view-in-course view-course-info ${course.css_class or ''}</%block>
<section class="container">
  <div class="info-wrapper">
    % if user.is_authenticated():
    <section class="updates">
      % if studio_url is not None and masquerade and masquerade.role == 'staff':
        <div class="wrap-instructor-info studio-view">
          <a class="instructor-info-action" href="${studio_url}">
            ${_("View Updates in Studio")}
          </a>
        </div>
      % endif

      <h1>${_("Course Updates &amp; News")}</h1>
      ${get_course_info_section(request, course, 'updates')}
    </section>
    <section aria-label="${_('Handout Navigation')}" class="handouts">
      <h1>${_(course.info_sidebar_name)}</h1>
      ${get_course_info_section(request, course, 'handouts')}
    </section>
    % else:
    <section class="updates">
      <h1>${_("Course Updates &amp; News")}</h1>
      ${get_course_info_section(request, course, 'guest_updates')}
    </section>
    <section aria-label="${_('Handout Navigation')}" class="handouts">
      <h1>${_("Course Handouts")}</h1>
      ${get_course_info_section(request, course, 'guest_handouts')}
    </section>
    % endif
  </div>
</section>
