{% extends 'admin.html.twig' %}

{% block content %}
    <div class="block-header">
        <h2></h2>
    </div>
    <div class="row clearfix">
        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
            <div class="card">
                <div class="header">
                    <h2>
                        Wiadomości
                        <a href="javascript:void(0)" onclick="createThread('{{path('nordmind_message_create')}}')"
                           class="pull-right">
                            <i class="material-icons">send</i>
                        </a>
                    </h2>
                </div>
                <div class="body" id="threads">
                    <ul class="list-group"> 
                        {% for thread in threads %}
                            <li class="list-group-item thread">
                                <a href="javascript:void(0)" onclick="loadThread('{{path('nordmind_message_thread', {id: thread.id})}}')">
                                    <div class="row clearfix">
                                        <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
                                            <span class="participants">
                                                {{ thread.getParticipantsString(app.user.id) }} 
                                            </span>
                                        </div>
                                        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                                            <span class="pull-right">{{thread.getLastMessageDate()|date("d F")}}</span>
                                            <span class="pull-right">&nbsp;{{thread.getLastMessageDate()|date("H:i")}}</span>
                                        </div>
                                    </div>
                                </a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
        <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
            <div class="card">
                <div class="body" id="thread-body">
                </div>
            </div>
        </div>
    </div>
{% endblock content %}
{% block javascript %}
    {{ parent() }}
    <script type="text/javascript">
        $(function () {
            var configs = $.AdminBSB.options.leftSideBar;
            var height = ($(window).height() - ($('.user-info').outerHeight() + $('.navbar').innerHeight()));
            $('#threads').slimscroll({
                height: height + "px",
                color: configs.scrollColor,
                size: configs.scrollWidth,
                alwaysVisible: configs.scrollAlwaysVisible,
                borderRadius: configs.scrollBorderRadius,
                railBorderRadius: configs.scrollRailBorderRadius
            });
            
        {%if create %}
            createThread('{{path('nordmind_message_create')}}', {{participantId}});
        {%else%}
            {% if threads is not empty %}
                loadThread("{{path('nordmind_message_thread', {id: threads|first.id})}}");
                {% endif %}
            {%endif%}
                });
            </script>
            {% endblock %}