{% macro collapsible_card(title, header_color='has-background-primary-light', icon=none) %}
    <div class="card collapsible-card">
        <div class="card-header collapsible-header {{ header_color }}">
            <p class="card-header-title">
                {% if icon %}
                    <span class="icon is-small mr-2">
                        <i class="fas fa-{{ icon }}"></i>
                    </span>
                {% endif %}
                {{ title }}
                <span class="icon is-small ml-2 collapsible-icon">
                    <i class="fas fa-chevron-down"></i>
                </span>
            </p>
        </div>
        <div class="collapsible-content">
            <div class="card-content">
                <div class="content">
                    {{ caller() }}
                </div>
            </div>
        </div>
    </div>
{% endmacro %}