{# Generate a truly unique ID for each collapse element #}
{% set idcard = idcard|default('collapse_' ~ random(100000) ~ '_' ~ random(100000)) %}
{% set collapse = collapse is defined ? collapse : 'collapse' %}
{% set titlecolor = titlecolor|default('') %}
<div class="blockcollapse card mb-3">
	<div class="card-header {{ titlecolor }}" 
		onmouseover="$(this).addClass('border-primary');" 
		onmouseout="$(this).removeClass('border-primary');" 
		data-bs-toggle="{% block blocktoggle %}collapse{% endblock blocktoggle %}" 
		data-bs-target="#{{idcard}}" 
		data-toggle="{{ block('blocktoggle') }}" 
		data-target="#{{idcard}}" 
		aria-expanded="false" 
		aria-controls="{{idcard}}" 
		style="word-wrap: break-word;">
		{% block blocktitle %}{% endblock blocktitle %}
	</div>
	<div class="card-body {{collapse}}" id="{{idcard}}">
		{% block blocksubtitle %}<h4 class="card-title"></h4>{% endblock blocksubtitle %}
		<div class="card-text">
			{% block blockcontent %}
			{% endblock blockcontent %}
		</div>
	</div>
</div>