{% extends 'base_index.html' %}
{% block head %}
    <link rel="stylesheet" href="/static/css/aside.css" type="text/css" />
{% endblock %}
 {% block asside %}
  <aside id="aside" class="app-aside hidden-xs bg-dark" style="background: #3a3f51;">
          <div class="aside-wrap">
        <div class="navi-wrap">
          <!-- user -->
          <div class="clearfix hidden-xs text-center" id="aside-user">
            <div class="dropdown wrapper">
              <a href="/teacher/profile/">
                <span class="thumb-lg w-auto-folded avatar m-t-sm">
                  <img src="{{ request.user.get_image_url }}" class="img-full" style="width: 100%;" reloader_name="avatar">
                </span>
              </a>
              <a href="#">
                <span class="clear">
                  <span class="block m-t-sm">
                    <strong class="font-bold text-lt">{{ request.user.get_short_name }}</strong>
                  </span>
                  <span class="text-muted text-xs block">{{ request.user.get_role_display }}</span>
                </span>
              </a>
            </div>
          </div>
          <!-- / user -->
            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
            {% for i in courses %}
              <div class="panel panel-default" style="border-radius: 0; border: 0; margin-bottom: 20px;">
                <div class="panel-heading" role="tab" id="heading{{ i.id }}" style="padding: 15px;border-radius: 0;
    background: #333;    border-bottom: 3px solid #000;    text-align: center;">
                  <span class="panel-title" style="    font-size: 16px;
    font-weight: bold;
    color: #fff;">

                        <a role="button" data-toggle="collapse" data-parent="#accordion"
                           href="#collapseOne_{{ i.id }}" aria-expanded="true" style="color: #fff;"
                           aria-controls="collapseOne">
                          {{ i.title }}
                        </a>

                  </span>
                </div>
                    <div id="collapseOne_{{ i.id }}" class="panel-collapse collapse {% if course.id == i.id %}in{% endif %}" role="tabpanel" aria-labelledby="heading{{ i.id }}">
                  <div class="panel-body" style="padding: 0;border: 0;">
                     <ul class="nav" style="background: #3a3f51;">
                      <li {% if i.id == course.id and T == 'H' %}class="active"{% endif %}>
                        <a href="/teacher/homeworks/{{ i.id }}" class="auto prepod_nav_item">
                            <i class=" fa fa-check-square-o text-warning-dk pull-left"></i><b class="label bg-warning c-gray" style="margin-left: 5px;">{{ i.get_students_on_homework_length }}</b><Br>
                                Домашние задания
                        </a>
                      </li>
                      <li {% if i.id == course.id and T == 'E' %}class="active"{% endif %}>
                        <a href="/teacher/exams/{{ i.id }}" class="auto prepod_nav_item">
                            <i class=" fa fa-check-square-o text-warning-dk pull-left"></i>
                            <b class="label bg-warning c-gray" style="margin-left: 5px;">{{ i.get_active_exam_students_length }}</b><Br>
                                Сдача экзаменов
                        </a>
                      </li>
                         <!--
                      <li>
                        <a href="/teacher/comments/{{ i.id }}" class="auto prepod_nav_item">
                            <i class=" fa fa-comments-o text-warning-dk pull-left"></i><b class="label bg-warning c-gray" style="margin-left: 5px;">{{ i.get_no_saw_lessons_length }}</b><Br>
                                Комментарии к видео
                        </a>
                      </li>-->
                      <li  {% if i.id == course.id and T == 'M' %}class="active"{% endif %}>
                        <a href="/teacher/materials/{{ i.id }}" class="prepod_nav_item">
                            <i class="icon-grid icon text-warning-dk pull-left"></i><Br>
                                Материалы курсы
                        </a>
                      </li>

                    </ul>
                  </div>
                </div>
                {% endfor %}

              </div>
            </div>
          <!-- nav -->
        </div>
      </div>
  </aside>
{% endblock %}
  <!-- content -->
 {% block content %}
     <div class="col w-lg lter b-r">
                <ul class="p-l-none">
                    {% for i in course.get_themes %}
                 <a type="button" onclick="show_theme_materials({{ i.id }})">
                     <li class="b-a list-group-item" name="theme_materials_button" id="{{ i.id }}" style="border-radius: 0px;">
                   <span>Тема №{{ i.sort }} <b class="label bg-warning c-gray">{{ i.get_type_display }}</b>
                       </span>
                         <p>{{ i.title }}</p>
                    </li>
                 </a>
                    {% endfor %}
                {% for i in course.get_pred_exam_themes %}
                 <a type="button" onclick="show_theme_materials({{ i.id }})">
                     <li class="b-a list-group-item" name="theme_materials_button" id="{{ i.id }}" style="border-radius: 0px;">
                   <span>
                       <b class="label bg-warning c-gray">{{ i.get_type_display }}</b>
                   </span>
                         <p>{{ i.title }}</p>
                    </li>
                 </a>
                {% endfor %}
                {% for i in course.get_addition_themes %}
                 <a type="button" onclick="show_theme_materials({{ i.id }})">
                     <li class="b-a list-group-item" name="theme_materials_button" id="{{ i.id }}" style="border-radius: 0px;">
                   <span><b class="label bg-warning c-gray">{{ i.get_type_display }}</b>
                       </span>
                         <p>{{ i.title }}</p>
                    </li>
                 </a>
                {% endfor %}
                {% for i in course.get_premium_themes %}
                 <a type="button" onclick="show_theme_materials({{ i.id }})">
                     <li class="b-a list-group-item" name="theme_materials_button" id="{{ i.id }}" style="border-radius: 0px;">
                   <span>
                       <b class="label bg-warning c-gray">{{ i.get_type_display }}</b>
                   </span>
                         <p>{{ i.title }}</p>
                    </li>
                 </a>
                {% endfor %}
                </ul>
</div>
  <!-- /column -->
  <!-- column -->
     {% for i in course.get_themes %}
         <div name="theme_listing" style="display: none;" id="{{ i.id }}" class="col w-lg lter b-r">
                <ul class="p-l-none">
                    {% for n in i.get_lessons %}
                        <a type="button" onclick="show_lesson_materials({{ n.id }})"><li class="b-a list-group-item" name="lesson_materials_button" id="{{ n.id }}"><span class="pull-left thumb-xxs avatar m-r">Урок №{{ n.sort }}</span><br><p>{{ n.title }}</p></li></a>

                    {% endfor %}
         {% if i.homework_exist %}
            <a type="button" onclick="show_homework_materials({{ i.id }})"><li class="b-a list-group-item" name="lesson_materials_button" id="homework_{{ i.id }}"><span class="pull-left thumb-xxs avatar m-r">Домашнее задание</span><br><p></p></li></a>
         {% endif %}
                </ul>
         </div>
     {% endfor %}
          {% for i in course.get_pred_exam_themes %}
         <div name="theme_listing" style="display: none;" id="{{ i.id }}" class="col w-lg lter b-r">
                <ul class="p-l-none">
                    {% for n in i.get_lessons %}
                        <a type="button" onclick="show_lesson_materials({{ n.id }})"><li class="b-a list-group-item" name="lesson_materials_button" id="{{ n.id }}"><span class="pull-left thumb-xxs avatar m-r">Урок №{{ n.sort }}</span><br><p>{{ n.title }}</p></li></a>
                    {% endfor %}
                </ul>
</div>
     {% endfor %}
          {% for i in course.get_addition_themes %}
         <div name="theme_listing" style="display: none;" id="{{ i.id }}" class="col w-lg lter b-r">
                <ul class="p-l-none">
                    {% for n in i.get_lessons %}
                        <a type="button" onclick="show_lesson_materials({{ n.id }})"><li class="b-a list-group-item" name="lesson_materials_button" id="{{ n.id }}"><span class="pull-left thumb-xxs avatar m-r">Урок №{{ n.sort }}</span><br><p>{{ n.title }}</p></li></a>

                    {% endfor %}
                </ul>
</div>
     {% endfor %}

          {% for i in course.get_premium_themes %}
         <div name="theme_listing" style="display: none;" id="{{ i.id }}" class="col w-lg lter b-r">
                <ul class="p-l-none">
                    {% for n in i.get_lessons %}
                        <a type="button" onclick="show_lesson_materials({{ n.id }})"><li class="b-a list-group-item" name="lesson_materials_button" id="{{ n.id }}"><span class="pull-left thumb-xxs avatar m-r">Урок №{{ n.sort }}</span><br><p>{{ n.title }}</p></li></a>
                    {% endfor %}
                </ul>
</div>
     {% endfor %}
  <!-- /column -->

  <!-- column -->
     <div name="lesson_materials" style="padding: 10px;" class="col bg-white-only"></div>
{% endblock %}
{% block js %}
    <script src="/static/js/apis/teacher.js"></script>
{% endblock %}