<%! from django.utils.translation import ugettext as _ %>
<%! from django.core.urlresolvers import reverse %>
<%page args="online_help_token"/>
<div class="wrapper-sock wrapper">
  <ul class="list-actions list-cta">
    <li class="action-item">
      <a href="#sock" class="cta cta-show-sock"><i class="icon-question-sign"></i> <span class="copy">${_("Looking for help with Studio?")}</span></a>
    </li>
  </ul>

  <div class="wrapper-inner wrapper">
    <section class="sock" id="sock">
      <header>
        <h2 class="title sr">${_("edX Studio Documentation")}</h2>
      </header>

      <div class="support">
        <h3 class="title">${_("edX Studio Documentation")}</h3>

        <div class="copy">
           <p>${_("You can click Help in the upper right corner of any page to get more information about the page you're on. You can also use the links below to download the Building and Running an edX Course PDF file, to go to the edX Author Support site, or to enroll in edX101.")}</p>
        </div>

      <ul class="list-actions">
          <li class="action-item js-help-pdf">
            <a href="${get_online_help_info(online_help_token)['pdf_url']}" target="_blank" rel="external" class="action action-primary">${_("Building and Running an edX Course PDF")}</a>
          </li>

        <li class="action-item">
          <a href="http://edx.readthedocs.org/projects/ca/en/latest/" class="action action-primary">${_("Studio Documentation")}</a>
          <span class="tip">${_("How to use Studio to build your course")}</span>
        </li>
        <li class="action-item">
          <a href="https://stanfordonline.zendesk.com/hc" rel="external" class="action action-primary">${_("studio-users group")}</a>
          <span class="tip"><i class="ss-icon ss-symbolicons-block icon-help">&#xEE11;</i> ${_("studio-users group")}</span>
        </li>
        <li class="action-item">
          <a href="https://edge.edx.org/courses/edX/edX101/How_to_Create_an_edX_Course/about" rel="external" class="action action-primary">${_("Enroll in edX101")}</a>
          <span class="tip">${_("How to use edX Studio to build your course")}</span>
        </li>
      </ul>
      </div>
    </section>
  </div>
</div>
