{% extends 'IcapLessonBundle:Lesson:layout.html.twig' %}
{% block lesson_content %}
    <a id='top'></a>
    <h3 class="lesson_title">{{ _resource.getResourceNode().getName() }}</h3>

    <div class="chapter_btn">
        {% if is_granted('EDIT', node) and chapter is defined and chapter != null %}
            <div class='lesson_tooltip menu_lesson_button' data-original-title='{{ 'create_root'|trans({}, 'icap_lesson') }}'>
                <a data-chapter = '{{ chapter.id }}'
                    href="{{ path('icap_lesson_new_chapter', { 'resourceId': _resource.id, 'parentChapterId': tree.id })}}"
                   class='btn-primary icon_link createchapter btn'>
                    <span class="fa fa-plus"></span>
                    <span class='chapter_menu_labels'>{{ 'new_chapter'|trans({}, 'icap_lesson') }}</span>
                </a>
            </div>
        {% endif %}

        {% render controller('IcapNotificationBundle:FollowerResource:renderForm', {'resourceId': _resource.resourceNode.id, 'resourceClass': _resource.resourceNode.class}) %}
    </div>

    {{ macros.flashBox() }}
    <div class="row">
        {% if chapter is defined and chapter != null %}
            <div class="col-md-3" id='lesson_left_column'>
                {% include 'IcapLessonBundle:Lesson:viewChild.html.twig' %}
            </div>
            <div class="col-md-9">
               <div class='panel panel-default' id='chapter_content'>
                   <div class='panel-heading chapter_title'><h4>{{ chapter.title }}</h4></div>
                   {% if is_granted('EDIT', node) %}
                       <div class="navbar navbar-default navbar-static-top">
                           <ul class='nav navbar-nav pull-right'>
                               
                               <li><a rel="tooltip" data-original-title='{{ 'create_subchapter_button'|trans({}, 'icap_lesson') }}' data-chapter = '{{ chapter.id }}' class="createchapter btn lesson_tooltip btn-primary" href="{{ path('icap_lesson_new_chapter', { 'resourceId': _resource.id, 'parentChapterId': parent.id })}}" ><span class="fa fa-plus"></span><span class='chapter_menu_labels'> {{ 'new_subchapter'|trans({}, 'icap_lesson') }}</span></a></li>

                               <li><a rel="tooltip" data-original-title='{{ 'edit_chapter_button'|trans({}, 'icap_lesson') }}' data-chapter = '{{ chapter.id }}' class="editchapter btn lesson_tooltip" href="{{ path('icap_lesson_edit_chapter', { 'resourceId': _resource.id, 'chapterId': chapter.id })}}" ><span class="fa fa-edit"></span><span class='chapter_menu_labels'>{{ 'edit'|trans({}, 'icap_lesson') }}</span></a></li>

                               <li><a rel="tooltip" data-original-title='{{ 'move_chapter_button'|trans({}, 'icap_lesson') }}' data-chapter = '{{ chapter.id }}' class="movechapter btn lesson_tooltip" href="{{ path('icap_lesson_choice_move_chapter', { 'resourceId': _resource.id, 'chapterId': chapter.id })}}" ><span class="fa fa-arrows"></span></a></li>
                               
                               <li><a rel="tooltip" data-original-title='{{ 'duplicate_chapter_button'|trans({}, 'icap_lesson') }}' data-chapter = '{{ chapter.id }}' class="duplicatechapter btn lesson_tooltip" href="{{ path('icap_lesson_duplicate_form_chapter', { 'resourceId': _resource.id, 'chapterId': chapter.id })}}" ><span class="fa fa-copy"></span></a></li>
                               
                               <li><a rel="tooltip" data-original-title='{{ 'delete_chapter_button'|trans({}, 'icap_lesson') }}' data-chapter = '{{ chapter.id }}' class="deletechapter btn lesson_tooltip" href="{{ path('icap_lesson_confirm_delete_chapter', { 'resourceId': _resource.id, 'chapterId': chapter.id })}}" ><span class="fa fa-trash-o"></span></a></li>

                           </ul>
                       </div>
                   {%  endif  %}
                   <div class='chapter_content_text'>
                       {{ chapter.text | raw }}
                   </div>
                   <div class='lesson_footer row'>

                       <div class='col-md-1 align_left'>
                           {% if previous != null %}
                                <a class='btn-primary lesson_tooltip' rel="tooltip" data-original-title='{{ 'previous'|trans({}, 'icap_lesson') }}' href='{{ path('icap_lesson_chapter', { 'resourceId': _resource.id, 'chapterId': previous }) }}'><i class='fa fa-arrow-left lesson_footer_icon'></i></a>
                           {% else %}
                              <i rel="tooltip" data-original-title='{{ 'previous'|trans({}, 'icap_lesson') }}' class='lesson_tooltip fa fa-arrow-left lesson_footer_icon'></i>
                           {% endif %}
                       </div>

                       <div class='col-md-10'>

                          <a class="lesson_tooltip btn_up btn-primary" href='#wrap' rel="tooltip" data-original-title='{{ 'back_top'|trans({}, 'icap_lesson') }}'>
                          <i class='fa fa-arrow-up lesson_footer_icon'></i>
                          </a>
                          <!--<a href='#wrap'>{{ 'back_top'|trans({}, 'icap_lesson') }}</a>-->

                       </div>

                       <div class='col-md-1 align_right'>
                           {% if next != null %}
                               <a class=' btn-primary lesson_tooltip' rel="tooltip" data-original-title='{{ 'next'|trans({}, 'icap_lesson') }}' href='{{ path('icap_lesson_chapter', { 'resourceId': _resource.id, 'chapterId': next }) }}'>
                               <i class='fa fa-arrow-right lesson_footer_icon'></i>
                               </a>
                           {% else %}
                               <i rel="tooltip" data-original-title='{{ 'next'|trans({}, 'icap_lesson') }}' class='lesson_tooltip fa fa-arrow-right lesson_footer_icon'></i>
                           {% endif %}
                       </div>

                   </div>
               </div>
            </div>
        {% else %}
            <div class="col-md-12">
                <div class='panel panel-default' id='chapter_content'>
                    <div class='chapter_content_text'>
                        <div class='welcome'>
                            <div>{{ 'lesson_welcome'|trans({}, 'icap_lesson') }}</div>
                            {% if is_granted('EDIT', node) %}
                                <div><a class="createchapter" href='{{ path('icap_lesson_new_chapter', { 'resourceId': _resource.id, 'parentChapterId': parent.id })}}'>{{ 'lesson_welcome_create'|trans({}, 'icap_lesson') }}</a></div>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script type="text/javascript" src='{{ asset('bundles/frontend/jquery/plugin/sortable/js/jquery-sortable.js') }}'></script>
    <script type="text/javascript" src='{{ asset('bundles/icaplesson//js/ajaxifyLesson.js') }}'></script>
    <script type="text/javascript" src='{{ asset('bundles/icaplesson//js/lesson.js') }}'></script>
    <script type="text/javascript">
        init();
    </script>
    {% if is_granted('EDIT', node) %}
        <script type="text/javascript">
            initSortable();
        </script>
    {% endif %}

{% endblock %}