{% extends "base.html" %}
{% load compress %}
{% load static %}
{% load i18n %}

{% block wrapper_classes %}
wrapper-course-lesson
{% endblock %}

{% block js %}
    {{block.super}}

    <script src="https://unpkg.com/tinymce@4.5.10/tinymce.min.js"></script>
    <script src="https://unpkg.com/angular-ui-tinymce@0.0.19/dist/tinymce.min.js"></script>
    <script src="{% static 'js/ui.tinymce.courses-legacy.config.js' %}"></script>

    <script src="https://unpkg.com/ng-file-upload@12.0.4/dist/ng-file-upload.min.js"></script>
    <script src="https://unpkg.com/angular-filter@0.5.17/dist/angular-filter.min.js"></script>
    <script src="https://unpkg.com/checklist-model@1.0.0/checklist-model.js"></script>

    {% compress js %}
    <script type="text/javascript" src="{% static 'js/messages/app.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/messages/controllers.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/messages/services.js' %}"></script>
    <script type="text/javascript" src="{% static 'js/factories/timtec-models.js' %}"></script>

    <script type="text/javascript" src="{% static 'js/discussion-services.js' %}"></script>
    
    {% endcompress %}

{% endblock %}

{% block body_attrs %}
  ng-app="messages"
{% endblock %}

{% block content %}

<div class="course messages messages-list message-single">

    <!-- COURSE-CONTENT -->
    <section class="page container-fluid" ng-controller="MessageController">
        <header class="page-header">
            <h2>Avisos</h2>
            {% verbatim %}
            <a class="btn btn-primary see-more" ng-href="/messages/">ver todos os avisos</a>
            {% endverbatim %}
        </header>
        {% block messages_content %}
        <div class="messages">
            {% verbatim %}
            <h1 class="bottom">{{ message.subject }}</h1>
            <p class="date">{{ message.date|date:"dd/MM/yy" }}</p>
            {% endverbatim %}
            <div class="body">
                <span ng-bind-html="get_as_safe_html(message.message)"> </span>
            </div>
            <!-- <div class="row">
                <div class="students col-lg-12">
                    <h2>Destinatários</h2>
                    <table class="table table-list">
                        <tr>
                            <th class="fullname">Nome completo</th>
                            <th class="email">Email</th>
                            <th class="username">Usuário</th>
                        </tr>
                        <tr ng-repeat="student in message.users_details">
                            {% verbatim %}
                            <td>{{student.name}}</td>
                            <td>{{student.email}}</td>
                            <td>{{student.username}}</td>
                            {% endverbatim %}
                        </tr>
                    </table>
                </div>
            </div> -->
        </div>
        {% endblock %}
    </section>
</div>
{% endblock %}