{% extends 'IcapLessonBundle:Lesson:layout.html.twig' %}
{% block lesson_content %}
    <a id='top'></a>
    <h3 class="lesson_title">{{ _resource.getResourceNode().getName() }}</h3>
    {{ 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" 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='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-backward lesson_footer_icon'></i></a>
                           {% else %}
                              <i rel="tooltip" data-original-title='{{ 'previous'|trans({}, 'icap_lesson') }}' class='lesson_tooltip fa fa-backward lesson_footer_icon'></i>
                           {% endif %}
                       </div>
                       <div class='col-md-10'>
                           <a href='#wrap'>{{ 'back_top'|trans({}, 'icap_lesson') }}</a>
                       </div>
                       <div class='col-md-1 align_right'>
                           {% if next != null %}
                               <a class='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-forward lesson_footer_icon'></i></a>
                           {% else %}
                               <i rel="tooltip" data-original-title='{{ 'next'|trans({}, 'icap_lesson') }}' class='lesson_tooltip fa fa-forward 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 %}