<%! from django.utils.translation import ugettext as _ %>
<%! from django.template.defaultfilters import escapejs %>
<%! from microsite_configuration import page_title_breadcrumbs %>
<%! from edxnotes.helpers import is_feature_enabled as is_edxnotes_enabled %>
<%inherit file="/main.html" />
<%namespace name='static' file='/static_content.html'/>

<%block name="bodyclass">in-course view-teams</%block>
<%block name="title"><title>
Teams | Course name
</title></%block>


<%block name="header_extras">
<header class="global slim" aria-label="Main" role="banner">
  <div class="wrapper-header nav-container">
    <h1 class="logo" itemscope="" itemtype="http://schema.org/Organization">
      <a href="/" title="Home page" itemprop="url">

            <img src="/static/images/edx-theme/edx-logo-77x36.png" alt="Your Platform Name Here" title="Your Platform Name Here" itemprop="url" />
            <span class="sr">Home Page</span>

      </a>
    </h1>

    <h2><span class="provider">PlantsX:</span> GAR_123 Wild Life</h2>


    <ul class="user">
      <li class="primary">
        <a href="/dashboard" class="user-link">
          <i class="icon fa fa-home" aria-hidden="true"></i>
          <span class="sr">Dashboard for:</span>
          <div>frances</div>
        </a>
      </li>
      <li class="primary">
        <a href="#" class="dropdown" aria-haspopup="true" aria-expanded="false"><span class="sr">More options dropdown</span> &#9662;</a>
        <ul class="dropdown-menu" aria-label="More Options" role="menu">

            <li><a href="/account/settings">Account Settings</a></li>
            <li><a href="/u/frances">My Profile</a></li>

          <li><a href="/logout" role="menuitem">Sign Out</a></li>
        </ul>
      </li>
    </ul>
  </div>
</header>

<nav aria-label="Course Material" class="courseware wrapper-course-material">
  <div class="course-material">
    <ol class="course-tabs">

          <li>
             <a class="active" href="/courses/PlantsX/GAR_123/2014_T3/courseware">
                 Courseware
                   <span class="sr">, current location</span>
             </a>
          </li>

          <li>
             <a class="" href="/courses/PlantsX/GAR_123/2014_T3/info">
                 Course Info
             </a>
          </li>

          <li>
             <a class="" href="/courses/PlantsX/GAR_123/2014_T3/discussion/forum">
                 Discussion
             </a>
          </li>

          <li>
             <a class="" href="/courses/PlantsX/GAR_123/2014_T3/course_wiki">
                 Wiki
             </a>
          </li>

          <li>
             <a class="" href="/courses/PlantsX/GAR_123/2014_T3/progress">
                 Progress
             </a>
          </li>

          <li>
             <a class="" href="/courses/PlantsX/GAR_123/2014_T3/instructor">
                 Instructor
             </a>
          </li>

    </ol>
  </div>
</nav>
</%block>

<%block name="headextra">
<%static:css group='style-course-vendor'/>
<%static:css group='style-course'/>
<%block name="nav_skip">${"#seq_content" if section_title else "#course-content"}</%block>
</%block>

<%block name="js_extra">

  <script type="text/javascript">
    $(function(){
        $(".ui-accordion-header a, .ui-accordion-content .subtitle").each(function() {
          var elemText = $(this).text().replace(/^\s+|\s+$/g,''); // Strip leading and trailing whitespace
          var wordArray = elemText.split(" ");
          var finalTitle = "";
          if (wordArray.length > 0) {
            for (i=0;i<=wordArray.length-1;i++) {
              finalTitle += wordArray[i];
              if (i == (wordArray.length-2)) {
                finalTitle += "&nbsp;";
              } else if (i == (wordArray.length-1)) {
                // Do nothing
              } else {
                finalTitle += " ";
              }
            }
          }
          $(this).html(finalTitle);
        });
      });
  </script>

</%block>

<div class="container">
  <div class="course-wrapper">
    <section class="course-content" id="course-content">

    <header class="page-header has-secondary">
      <div class="page-header-main">
        <nav class="breadcrumbs">
          <a class="nav-item" href="">Sustainable Energy</a> <span class="icon fa-angle-right" aria-hidden="true"></span>
          <a  class="nav-item" href="">Sample double nest</a> <span class="icon fa-angle-right" aria-hidden="true"></span>
        </nav>
        <h1 class="page-title">Solar Power</h1>
        <p class="page-description">Teams working on projects related to Week 3 - 10 group activities</p>
      </div>

      <div class="page-header-secondary">
        <div class="page-header-search wrapper-search-teams">
        <form>
            <label for="search-teams" class="search-label">Search teams</label>
            <input id="search-teams" class="search-field" placeholder="Search teams" />
            <button class="action action-search"><span class="icon fa-search" aria-hidden="true"></span><span class="sr">Search</span></button>
          </form>
        </div>
      </div>
    </header>

    <div class="page-content">
      <nav class="page-content-nav">
        <a href="" class="nav-item is-active">My Teams</a>
        <a href="" class="nav-item">Browse All Teams</a>
      </nav>

      <div class="page-content-main">
        <p>Blah blah blah. Go Team!</p>
      </div>

    </div>

    </section>
  </div>
</div>
