{% macro icon(icon) %}
<i class="{{ icon|icon(icon) }}"></i>
{% endmacro %}

{%- macro page_actions(tools) -%}
    {% import _self as macro %}
    <div class="breadcrumb">
        <div class="box-tools">
            {{ macro.button_group(tools) }}
        </div>
    </div>
{%- endmacro -%}

{% macro page_header(title) %}
    <h2 class="page-header">{{ title|trans }}</h2>
{% endmacro %}

{% macro label_visible(visible) %}
    {% import _self as macro %}
    {% if visible %}
        {{ macro.label('yes', 'success') }}
    {% else %}
        {{ macro.label('no', 'default') }}
    {% endif %}
{% endmacro %}

{% macro label_role(role) %}
    {% import _self as macro %}
    {% if role == 'ROLE_SUPER_ADMIN' %}
        {{ macro.label(role, 'danger') }}
    {% else %}
        {{ macro.label(role, 'primary') }}
    {% endif %}
{% endmacro %}

{% macro username(user) %}
    {{ user.alias|default(user.username) }}
{% endmacro %}

{% macro label_user(user) %}
    {% import _self as macro %}
    {{ macro.label(macro.username(user), 'primary') }}
{% endmacro %}

{% macro label_activity(activity, url) %}
    {% import _self as macro %}
    {% set isVisible = activity.visible %}
    {% set color = activity.color %}
    {% if color is empty and activity.project is not null %}
        {% set color = activity.project.color ?? activity.project.customer.color %}
    {% endif %}
    {% if isVisible and not activity.project is null %}
        {% set isVisible = activity.project.visible %}
        {% if isVisible and not activity.project.customer is null %}
            {% set isVisible = activity.project.customer.visible %}
        {% endif %}
    {% endif %}
    {{ macro.label_color_dot('activity', isVisible, activity.name, url, color) }}
{% endmacro %}

{% macro label_project(project, url) %}
    {% import _self as macro %}
    {% set isVisible = false %}
    {% if project.visible and project.customer.visible %}
        {% set isVisible = true %}
    {% endif %}
    {{ macro.label_color_dot('project', isVisible, project.name, url, (project.color ?? project.customer.color)) }}
{% endmacro %}

{% macro label_customer(customer, url) %}
    {% import _self as macro %}
    {% set isVisible = customer.visible %}
    {{ macro.label_color_dot('customer', isVisible, customer.name, url, customer.color) }}
{% endmacro %}

{% macro label_color_dot(type, isVisible, name, url, color) %}
    <span class="label-{{ type }}{{ isVisible ? '' : ' label-invisible' }}">
        <span class="dot"{% if color is not empty %} style="background-color:{{ color }}"{% endif %}></span>
        <span class="name">
            {% if url is not empty %}
                <a href="{{ url }}">{{ name }}</a>
            {% else %}
                {{ name }}
            {% endif %}
        </span>
    </span>
{% endmacro %}

{% macro badge_counter(count, url) %}
    {% if url %}
        <a href="{{ url }}"><span class="badge bg-blue">{{ count }}</span></a>
    {% else %}
        <span class="badge bg-blue">{{ count }}</span>
    {% endif %}
{% endmacro %}

{% macro label(title, type, tooltip) %}
    {# success, warning, danger, primary #}
    <span {% if tooltip %}data-toggle="tooltip" data-placement="top" title="{{ tooltip }}" {% endif %}class="label label-{{ type|default('success') }}">{{ title|trans }}</span>
{% endmacro %}

{% macro badge(title, color) %}
    {# black, green, blue, yellow #}
    <span class="badge bg-{{ color|default('red') }}">{{ title|trans }}</span>
{% endmacro %}

{% macro alert(type, description, title, icon) %}
    <div class="alert alert-{{ type|default('danger') }} alert-dismissible">
        <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
        {% if title %}<h4><i class="icon {{ icon|icon(icon) }}"></i> {{ title|trans }}</h4>{% endif %}
        {{ description|trans }}
    </div>
{% endmacro %}

{% macro callout(type, description, title, icon) %}
    <div class="callout callout-{{ type|default('danger') }} lead">
        {% if title %}<h4>{% if icon %}<i class="{{ icon|icon(icon) }}">{% endif %}</i> {{ title|trans }}</h4>{% endif %}
        <p>{{ description|trans }}</p>
    </div>
{% endmacro %}

{% macro info_box_progress(title, description, amount, percentage, icon, color) %}
    <div class="info-box bg-{{ color|default(kimai_context.box_color) }}">
        <span class="info-box-icon"><i class="{{ icon|icon(icon) }}"></i></span>

        <div class="info-box-content">
            <span class="info-box-text">{{ title|trans }}</span>
            <span class="info-box-number">{{ amount }}</span>

            <div class="progress">
                <div class="progress-bar" style="width: {{ percentage }}%"></div>
            </div>
            <span class="progress-description">
                    {{ description }}
            </span>
        </div>
        <!-- /.info-box-content -->
    </div>
{% endmacro %}

{% macro button_group_dropdown(title, actions) %}
    <div class="btn-group">
        <button type="button" class="btn btn-default">{{ title|trans }}</button>
        <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
            <span class="caret"></span>
            <span class="sr-only">{{ 'label.toggle_dropdown'|trans }}</span>
        </button>
        <ul class="dropdown-menu" role="menu">
            {% for url, entry in actions %}
                <li><a href="{{ url }}">{{ entry|trans }}</a></li>
            {% endfor %}
        </ul>
    </div>
{% endmacro %}

{% macro table_actions(actions) %}
    {%- import _self as macro -%}
    {% if actions|length >= 1 %}
        <div class="btn-group">
            <button type="button" class="btn btn-default btn-sm dropdown-toggle" data-toggle="dropdown" aria-expanded="false">{{ 'label.actions'|trans }}
                <span class="fa fa-caret-down"></span></button>
            <ul class="dropdown-menu dropdown-menu-right">
                {%- filter spaceless -%}
                    {%- for icon,values in actions  %}
                        {% set class = '' %}
                        {% if icon == 'trash' %}
                            {% set class = 'delete' %}
                            <li class="divider"></li>
                        {% endif %}
                        <li class="{{ class }}">
                            {% if values is iterable %}
                                {{ macro.action_button(icon, values|merge({'title': icon|trans({}, 'actions')}), false) }}
                            {% else %}
                                {{ macro.action_button(icon, {'url': values, 'title': icon|trans({}, 'actions')}, false) }}
                            {% endif %}
                        </li>
                    {% endfor -%}
                {% endfilter %}
            </ul>
        </div>
    {% endif %}
{% endmacro %}

{% macro action_button(icon, values, type) %}
    {%- import _self as macro -%}
    {%- filter spaceless -%}
        {% set id = null %}
        {% set onclick = null %}
        {% set modal = null %}
        {% set toggle = null %}
        {% set url = null %}
        {% set target = null %}
        {% set title = null %}
        {% set disabled = false %}
        {% if type is same as (false) %}
            {% set class = "" %}
        {% elseif type is null %}
            {% set class = "btn btn-default btn-" ~ icon ~ " " %}
        {% else %}
            {% set class = "btn btn-" ~ type ~ " btn-" ~ icon ~ " " %}
        {% endif %}

        {% if not values is iterable %}
            {% set url = values %}
            {% if 'onclick:' in url %}
                {% set onclick = url|replace({'onclick:': ''}) %}
                {% set url = '#' %}
            {% endif %}
            {% if '#collapse' in url %}
                {% set toggle = 'collapse' %}
            {% endif %}
            {% if '#modal' in url %}
                {% set modal = url %}
                {% set url = '#' %}
            {% endif %}
        {% else %}
            {% set disabled = values.disabled ?? false %}
            {% set url = values.url ?? '#' %}
            {% set onclick = values.onclick ?? null %}
            {% set modal = values.modal ?? null %}
            {% set toggle = values.toggle ?? null %}
            {% set target = values.target ?? null %}
            {% set id = values.id ?? null %}
            {% set title = values.title ?? null %}
            {% set class = class ~ ( values.class | default("")) %}
        {% endif %}

        {% if disabled is same as (true) %}
            {% set class = class ~ " disabled"  %}
        {% endif %}

        <a class="{{ class | trim }}" href="{{ url }}"
                {%- if disabled is same as (true) -%}
                    disabled="disabled"
                {%- endif -%}
                {%- if id is not empty -%}
                    id="{{ id }}"
                {%- endif -%}
                {%- if toggle is not empty -%}
                    data-toggle="{{ toggle }}"
                {%- endif -%}
                {%- if modal is not empty -%}
                    data-toggle="modal" data-target="{{ modal }}"
                {%- endif -%}
                {%- if onclick is not empty -%}
                    onclick="{{ onclick }}"
                {%- endif -%}
                {%- if target is not empty -%}
                    target="{{ target }}"
                {%- endif -%}
        >{% if title is not null %}{{ title }}{% else %}{{ macro.icon(icon) }}{% endif %}</a>
    {% endfilter %}
{% endmacro %}

{% macro button_group(actions, type) %}
    {%- import _self as macro -%}
    <div class="btn-group">
        {%- filter spaceless -%}
        {%- for icon,values in actions  %}
            {{ macro.action_button(icon, values, type) }}
        {% endfor -%}
        {% endfilter %}
    </div>
{% endmacro %}

{% macro button_action(icon, url) %}
    <a href="{{ url }}" class="btn btn-default btn-{{ icon }}">
        {{ macro.icon(icon) }}
    </a>
{% endmacro %}