{% macro text_runs(runs) %}
    {%- if runs[0] is mapping -%}
        {%- for text_run in runs -%}
            {%- if text_run.get("bold", false) -%}
                <b>{{ text_run["text"] }}</b>
            {%- elif text_run.get('italics', false) -%}
                <i>{{ text_run["text"] }}</i>
            {%- else -%}
                {{ text_run["text"] }}
            {%- endif -%}
        {%- endfor -%}
    {%- else -%}
        {{ runs }}
    {%- endif -%}
{% endmacro %}

{% macro item(info, description=false, horizontal=true, include_author=true) %}
    <div class="item-box {{ info['type'] + '-item-box' }} {{'horizontal-item-box' if horizontal else 'vertical-item-box'}} {{'has-description' if description else 'no-description'}}">
        <div class="item {{ info['type'] + '-item' }}">
            <a class="thumbnail-box" href="{{ info['url'] }}" title="{{ info['title'] }}">
                <img class="thumbnail-img" src="{{ info['thumbnail'] }}">
                {% if info['type'] != 'channel' %}
                    <div class="thumbnail-info">
                        <span>{{ info['size'] if info['type'] == 'playlist' else info['duration'] }}</span>
                    </div>
                {% endif %}
            </a>

            <a class="title" href="{{ info['url'] }}" title="{{ info['title'] }}">{{ info['title'] }}</a>

            <ul class="stats {{'vertical-stats' if horizontal and not description and include_author else 'horizontal-stats'}}">
                {% if info['type'] == 'channel' %}
                    <li><span>{{ info['subscriber_count'] }} subscribers</span></li>
                    <li><span>{{ info['size'] }} videos</span></li>
                {% else %}
                    {% if include_author %}
                        {% if 'author_url' is in(info) %}
                            <li><address>By <a href="{{ info['author_url'] }}">{{ info['author'] }}</a></address></li>
                        {% else %}
                            <li><address><b>{{ info['author'] }}</b></address></li>
                        {% endif %}
                    {% endif %}
                    {% if 'views' is in(info) %}
                        <li><span class="views">{{ info['views'] }}</span></li>
                    {% endif %}
                    {% if 'published' is in(info) %}
                        <li><time>{{ info['published'] }}</time></li>
                    {% endif %}
                {% endif %}
            </ul>

            {% if description %}
                <span class="description">{{ text_runs(info.get('description', '')) }}</span>
            {% endif %}
            <span class="badges">{{ info['badges']|join(' | ') }}</span>
        </div>
        {% if info['type'] == 'video' %}
            <input class="item-checkbox" type="checkbox" name="video_info_list" value="{{ info['video_info'] }}" form="playlist-edit">
        {% endif %}
    </div>

{% endmacro %}

{% macro page_buttons(estimated_pages, url, parameters_dictionary) %}
    {% set current_page = parameters_dictionary.get('page', 1)|int %}
    {% set parameters_dictionary = parameters_dictionary.to_dict() %}
    {% if current_page is le(5) %}
        {% set page_start = 1 %}
        {% set page_end = [9, estimated_pages]|min %}
    {% else %}
        {% set page_start = current_page - 4 %}
        {% set page_end = [current_page + 4, estimated_pages]|min %}
    {% endif %}

    {% for page in range(page_start, page_end+1) %}
        {% if page == current_page %}
            <div class="page-button">{{ page }}</div>
        {% else %}
            {# IMPORTANT: Jinja SUCKS #}
            {# https://stackoverflow.com/questions/36886650/how-to-add-a-new-entry-into-a-dictionary-object-while-using-jinja2 #}
            {% set _ = parameters_dictionary.__setitem__('page', page) %}
            <a class="page-button" href="{{ url + '?' + parameters_dictionary|urlencode }}">{{ page }}</a>
        {% endif %}
    {% endfor %}

{% endmacro %}