<%! from django.utils.translation import ugettext as _ %>
<%! from django.core.urlresolvers import reverse %>
<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 Help")}</h2>
      </header>

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

        <div class="copy">
           <p>${_("Need help with Studio? Creating a course is complex, so we're here to help. Take advantage of our documentation, help center, as well as our edX101 introduction course for course authors.")}</p>
        </div>

      <ul class="list-actions">
        <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://groups.google.com/d/forum/openedx-studio" 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 Studio to build your course")}</span>
        </li>
      </ul>
      </div>
    </section>
  </div>
</div>
