{% if show_dummy_data == true %}
    {% set tip_title = "Sample Tooltip Title" %}
    {% set tip_content = "This is sample tooltip content that demonstrates how tooltips display helpful information to users." %}
    {% set tip_side = "bottom" %}
{% endif %}

{% if tip_side is empty %}
    {% set tip_side = 'bottom' %}
{% endif %}

{% set tip_side = tip_side|lower|capitalize %}

{% if tip_title is not empty or tip_content is not empty %}
    <span class="toolTip tooltip{{ tip_side }}">
        <i class="fa fa-info-circle"></i>
        <div class="tip">
            {% if tip_title is not empty %}
                <h4>{{ tip_title }}</h4>
            {% endif %}
            {% if tip_content is not empty %}
                <p>{{ tip_content }}</p>
            {% endif %}
        </div>
    </span>
{% endif %}
