{% load i18n %}
    <header class="main-header">
        <div class="container-fluid">
            <!-- ROW -->
            <div class="row">
                {% if course_intro_admin %}
                <div class="col-md-8">
                    <div class="help-text"><i class="fa fa-caret-down" aria-hidden="true"></i> Edite abaixo o nome e o link do curso</div>
                    <div class="editable-title"><input type="text" ng-model="course.name" placeholder="Nome do curso"></div>
                    <div class="course-slug clearfix">
                      <label>http://{{ site.domain }}/course/</label>
                      {% verbatim %}
                      <div class="editable-slug"><input type="text" ng-model="course.slug" placeholder="{{course.name|slugify}}"></div>
                      {% endverbatim %}
                    </div>
                </div>
                {% else %}
                <div class="col-md-8">
                    <h2 class="course-name">{{ course.name }}</h2>
                    {% include "_course-details-inline.html" with course=course %}
                    <div class="editable-title"><input type="text" ng-model="lesson.name" placeholder="Nome da aula"></div>
                    <div class="editable-secondary-title"><input type="text" ng-model="lesson.desc" placeholder="Descrição da aula"></div>

                    

                    <nav class="chapters" ng-show="lesson.name">
                        <div class="btn-group">
                            <button type="button" class="btn btn-sm"><span ng-bind="lesson.name"></span>&nbsp;</button>
                            <button type="button" class="btn btn-sm dropdown-toggle" data-toggle="dropdown">
                                <i class="fa fa-chevron-down"></i>
                            </button>
                            <ul class="dropdown-menu">
                                <li ng-repeat="l in lessons">
                                    <a href="" ng-bind="l.name" ng-click="setLesson(l)"></a>
                                </li>
                            </ul>
                        </div>
                    </nav>
                </div>
                {% endif %}
                <div class="col-xs-12 col-md-4">
                    <!-- COURSE-SECTION-NAV -->
                    <nav class="course-sections">
                        <a ng-href="{% url 'courses_legacy:administration.edit_course' course.id %}"
                           class="intro{% if course_intro_admin %} active{% endif %}">{% trans 'Home' %}</a>
                        <a ng-href="{% url 'courses_legacy:administration.course_material' course.id %}"
                           class="materials{% if '/material/' in request.path %} active{% endif %}">Materiais<br> adicionais</a>
                        {# <a ng-href="{% url 'courses_legacy:administration.forum' course.id %}" #}
                        {#   class="forum{% if '/forum/' in request.path %} active{% endif %}">{% trans 'Forum' %}</a> #}
                        <div class="dropdown">
                            <a class="tools course-tools dropdown-toggle{% if '/messages/' in request.path or '/message/' in request.path or '/reports/' in request.path or '/permissions/' in request.path %} active{% endif %}"
                               data-original-title="{% trans 'Tools' %}"
                               id="course-tools" data-toggle="dropdown" aria-expanded="true">Opções</a>
                            <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="course-tools">
                                <li role="presentation">
                                    <a role="menuitem" tabindex="-1" ng-href="{% url 'courses_legacy:administration.messages' course.id %}">Mensagens</a>
                                </li>
                                <li role="presentation">
                                    <a role="menuitem" tabindex="-1"  ng-href="{% url 'courses_legacy:administration.reports' course.id %}">Relatórios</a>
                                </li>
                                <li role="presentation">
                                    <a role="menuitem" tabindex="-1" ng-href="{% url 'courses_legacy:course.permissions' course.id %}">Permissões</a>
                                </li>
                                <li role="presentation">
                                    <a role="menuitem" tabindex="-1" ng-href="{% url 'courses_legacy:course.certificate-settings' course.id %}">Certificado</a>
                                </li>
                                <li role="presentation">
                                    <a role="menuitem" tabindex="-1" href="{% url 'courses_legacy:classes' course.slug %}">Turmas</a>
                                </li>
                            </ul>
                        </div>
                    </nav>
                    <!-- END COURSE-SECTION-NAV -->
                </div>
            </div>
            <!-- END ROW -->
        </div>

    </header>
    <!-- MAIN-HEADER -->

    {% if not course_intro_admin %}
    <!-- UNITS NAVIGATION FOR TABLET AND DESKTOP -->
    <div class="lesson-units-nav hidden-xs">
        <div class="line"></div>
        <div class="container-fluid" ng-show="lesson.name">
            <div class="progress">
                <div class="progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width: 100%;"></div>
            </div>
            <div class="units">
                <span class="units-title">Unidades</span>
                {% verbatim %}
                <a href="" class="unit" ng-repeat="u in lesson.units"
                   title="{{u.title}}"
                   ng-click="$parent.selectUnit(u);"
                   ng-class="{current: $parent.currentUnit == u}">
                   <span ng-bind="$index + 1"></span>
               </a>
                {% endverbatim %}
                <a href="" class="add-unit unit" ng-click="addUnit()"><i class="fa fa-plus"></i></a>
            </div>
        </div>
    </div>
    {% endif %}