{#{{ dump(card) }} #}
{#<a href="{{path('courseList',{'id':cat["catID"], 'idType':"catID"})}}"#}
<a
{% if card["card_btn_route_params"] is not null %}
href="{{path(card["card_btn_route"], card["card_btn_route_params"])}}"
{% else %}
href="{{path(card["card_btn_route"])}}"
{% endif %}
class="c-card"
style="background-color:{{card['css']["card_hex_background_color"]}};color:{{card['css']["card_hex_color"]}}"
>
<span class="c-card__header">
<span class="c-card__cat__icon">
{#{{ dump(card) }} #}
{% include 'parts/_img.html.twig' with {'imageName': card['image-path'], 'imageAlt':card['alt-text'], 'imagePath': ''} %}
</span>
<span class="c-card__title">{{ card["card_title"] }}</span>
<p>{{card["card_description"]}}</p>
</span>
{% if card["card_badge"] is defined and card["card_badge"] is not null %}
<span class="c-card__badges">
<span class="c-card__badge c-card__badge--bordered">{{ card["card_badge"] }}</span>
</span>
{% endif %}
{% if card["card_btn_route_type"]=='popup' %}
<span data-modal-open data-modal-id="#{{card["card_btn_route"]}}-modal"
class="m-card__btn btn btn--md btn--white"
style="background-color:{{card['css']["card_btn_hex_background_color"]}};color:{{card['css']["card_btn_hex_color"]}}">
<span>{{card["card_btn"]}}</span>
</span>
{% else %}
<span class="
{% if card["card_type"]=='row' %}p-card__btn {% else %} m-card__btn {%endif %}
btn btn--md"
style="background-color:{{card['css']["card_btn_hex_background_color"]}};color:{{card['css']["card_btn_hex_color"]}}"
>
<span>{{card["card_btn"]}}</span>
</span>
{% endif %}
</a>