{# Macros to generate repeated html code #}

{% macro collapse(name, title, content, list = false, expanded = 'true', title_right = '', title_icons = '') %}
    <div class="panel-group" id="{{ name }}" role="tablist" aria-multiselectable="true">
        <div class="panel panel-default" id="{{ name }}_block">
            <div class="panel-heading" role="tab">

                {% if title_icons %}
                    {{ title_icons }}
                {% endif %}

                <a role="button" data-toggle="collapse" data-parent="#{{ name }}" href="#{{ name }}Collapse"
                   aria-expanded="{{ expanded }}" aria-controls="{{ name }}Collapse">
                    {{ title }}
                </a>

                {% if title_right %}
                    <div class="pull-right">
                        {{ title_right }}
                    </div>
                {% endif %}
            </div>
            <div aria-expanded="{{ expanded }}" id="{{ name }}Collapse"
                 class="panel-collapse collapse {{  expanded == 'true' ? 'in' : '' }}" role="tabpanel">
                <div class="panel-body">
                    {% if list %}
                        <ul class="nav nav-pills nav-stacked">
                            {{ content }}
                        </ul>
                    {% else %}
                        {{ content }}
                    {% endif %}
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro collapseFor(name, title, array) %}
    <div class="panel-group" id="{{ name }}" role="tablist" aria-multiselectable="true">
        <div class="panel panel-default" id="{{ name }}_block">
            <div class="panel-heading" role="tab">
                <a role="button" data-toggle="collapse" data-parent="#{{ name }}" href="#{{ name }}Collapse"
                   aria-expanded="true" aria-controls="{{ name }}Collapse">
                    {{ title }}
                </a>
            </div>
            <div aria-expanded="true" id="{{ name }}Collapse" class="panel-collapse collapse in" role="tabpanel">
                <div class="panel-body">
                    <ul class="nav nav-pills nav-stacked">
                        {% for item in array %}
                        <li>
                            <a href="{{ item.link }}">{{ item.title }}</a>
                        </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro collapseMenu(name, title, array) %}
    <div class="panel-group" id="{{ name }}" role="tablist" aria-multiselectable="true">
        <div class="panel panel-default" id="{{ name }}_block">
            <div class="panel-heading" role="tab">
                <a role="button" data-toggle="collapse" data-parent="#{{ name }}" href="#{{ name }}Collapse"
                   aria-expanded="true" aria-controls="{{ name }}Collapse">
                    {{ title }}
                </a>
            </div>
            <div aria-expanded="true" id="{{ name }}Collapse" class="panel-collapse collapse in" role="tabpanel">
                <div class="panel-body">
                    <ul class="list-group">
                        {% for item in array %}
                            <li class="list-group-item {{ item.class }}">
                                <span class="item-icon">{{ item.icon }}</span>
                                <a href="{{ item.link }}">{{ item.title }}</a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro pluginSidebar(name, content) %}
    <div id="{{ name }}" class="plugin plugin_{{ name }}">
        {{ content }}
    </div>
{% endmacro %}

{% macro pluginPanel(name, content) %}
    <div id="{{ name }}" class="plugin plugin_{{ name }}">
        <div class="row">
            <div class="col-md-12">
                {{ content }}
            </div>
        </div>
    </div>
{% endmacro %}

{% macro panel(name, content, footer = '') %}
    <div class="panel panel-default">
        {% if name %}
            <div class="panel-heading"> {{ name }}</div>
        {% endif %}

        <div class="panel-body">
            {{ content }}
        </div>

        {% if footer %}
            <div class="panel-footer">{{ footer }}</div>
        {% endif %}
    </div>
{% endmacro %}

{% macro box_widget(name, content, icon) %}
    <div class="card box-widget">
        <div class="card-body">
            <div class="stat-widget-five">
                <i class="fa fa-{{ icon }}" aria-hidden="true"></i>
                {{ content }}
                <div class="box-name">
                    {{ name }}
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro card_widget(name, content, icon, extra) %}
    <div class="card card-first-date">
        <div class="card-body">
            <div class="stat-widget-five">
                <div class="stat-icon">
                    <i class="fa fa-{{ icon }}" aria-hidden="true"></i>
                    {% if extra %}
                        <span class="active-icon">{{ extra }}</span>
                    {% endif %}
                </div>
                <div class="stat-content">
                    <div class="text-left">
                        <div class="stat-text">
                            {{ content }}
                        </div>
                        <div class="stat-heading">
                            {{ name }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endmacro %}

{% macro reporting_user_details(user) %}
    <div class="parameters">
        <dl class="dl-horizontal">
            {% if user.status %}
                <dt>{{ 'Status'|get_lang }}</dt>
                <dd>{{ user.status }}</dd>
            {% endif %}

            <dt>{{ 'OfficialCode'|get_lang }}</dt>
            <dd>{{ user.code == '' ? 'NoOfficialCode'|get_lang : user.code }}</dd>
            <dt>{{ 'OnLine'|get_lang }}</dt>
            <dd>
                {{ user.user_is_online }}
                {{ user.online }}
            </dd>
            <dt>{{ 'Tel'|get_lang }}</dt>
            <dd>{{ user.phone == '' ? 'NoTel'|get_lang : user.phone }}</dd>

            {% if user.timezone %}
                <dt>{{ 'Timezone'|get_lang }}</dt>
                <dd>{{ user.timezone }}</dd>
            {% endif %}
        </dl>

        {% if user.created %}
            <div class="create">{{ user.created }}</div>
        {% endif %}

        {% if user.url_access or user.legal.url_send %}
            <div class="access">
                {{ user.url_access }}
                {{ user.legal.url_send }}
            </div>
        {% endif %}
    </div>
{% endmacro %}

{% macro reporting_user_box(user) %}
    {% import _self as display %}

    <div class="user">
        <div class="avatar">
            <img width="128px" src="{{ user.avatar }}" class="img-responsive">
        </div>
        <div class="name">
            <h3>
                {% if user.complete_name_link %}
                    {{ user.complete_name_link }}
                {% else %}
                    {{ user.complete_name }}
                {% endif %}
            </h3>
            <p class="email">{{ user.email }}</p>
        </div>

        {{ display.reporting_user_details(user) }}

    </div>
{% endmacro %}