{% extends 'layout/layout_1_col.tpl'|get_template %}
{% block content %}


{% if 'translate_html'|api_get_configuration_value %}
<script>
    $(document).ready(function () {
        // default
        $('.category-forum ').hide();
        $('.{{ default_user_language }}').show();
        $('#extra_language').attr('data-width', '200px');
        $('#extra_language option[value=""]').text('{{ 'Any' | get_lang | escape('js') }}');
        $('#extra_language').on('change', function() {
            var selectedLanguageArray = $(this).val();
            $('.category-forum ').hide();
            $.each(selectedLanguageArray, function(index, selectedLanguage) {
                if (selectedLanguage == '') {
                    $('.category-forum ').show();
                } else {
                    $('.'+ selectedLanguage).show();
                }
            });
        });
    });
</script>
{% endif %}

{{ form_content }}
{{ search_filter }}

{% if data is not empty %}
    {% for item in data %}
        {% set category_language_array = [] %}
        {% set category_language = '' %}
        {% for extra_field in item.extra_fields %}
            {% if extra_field.variable == 'language' %}
                {% set category_language_array = extra_field.value | split(';')  %}
                {% set category_language = extra_field.value | replace({';': ' ' })  %}
            {% endif %}
        {% endfor %}

        <div class="category-forum {{ category_language }}" id="category_{{ item.id }}">
            <div class="pull-right">
                {{ item.tools }}
            </div>
            <h3>
                {{ 'forum_blue.png'|img(32) }}
                <a href="{{ item.url }}" title="{{ item.title }}">{{ item.title }}{{ item.icon_session }}</a>
                {% for category_language_item in category_language_array %}
                    <span class="flag-icon flag-icon-{{ languages[category_language_item | lower] }}"></span>
                {% endfor %}
            </h3>
            <div class="forum-description">
                {{ item.description }}
            </div>
            {% for subitem in item.forums %}
                <div class="forum_display">
                    <div class="panel panel-default forum">
                        <div class="panel-body">
                            <div class="row">
                                <div class="col-md-12">
                                    <div class="pull-right">
                                        <div class="toolbar">
                                            {{ subitem.tools }}
                                        </div>
                                    </div>
                                    <h3 class="title">
                                    {{ 'forum_yellow.png'|img(32) }}
                                    <a href="{{ subitem.url }}" title="{{ subitem.title }}" class="{{ subitem.visibility != '1' ? 'text-muted': '' }}">{{ subitem.title }}</a>
                                    {% if subitem.forum_of_group != 0 %}
                                        <a class="forum-goto" href="../group/group_space.php?{{ _p.web_cid_query }}&gidReq={{ subitem.forum_of_group }}">
                                            {{ "forum.png"|img(22) }} {{ "GoTo"|get_lang }} {{ subitem.forum_group_title }}
                                        </a>
                                    {% endif %}
                                    {{ subitem.icon_session }}
                                    </h3>
                                    {% if subitem.last_poster_id is not empty %}
                                        <div class="forum-date">
                                            <i class="fa fa-comments" aria-hidden="true"></i>
                                            {{ subitem.last_poster_date }}
                                            « {{ subitem.last_post_title }} »
                                            {{ "By"|get_lang }}
                                            {{ subitem.last_poster_user }}
                                        </div>
                                    {% endif %}
                                    <div class="description">
                                        {{ subitem.description }}
                                    </div>

                                    {{ subitem.last_post_text }}

                                    {{ subitem.alert }}
                                    {% if subitem.moderation is not empty %}
                                        <span class="label label-warning">
                                            {{ "PostsPendingModeration"|get_lang }}: {{ subitem.moderation }}
                                        </span>
                                    {% endif %}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            {% endfor %}
        </div>
    {% endfor %}
    {% else %}
        <div class="alert alert-warning">
            {{ 'NoForumInThisCategory'|get_lang }}
        </div>
    {% endif %}
{% endblock %}