<div id="{$card.id}" class="col-sm-6 col-lg-4 col-xl-3">
    <div class="card admidio-card">
        <div class="card-body d-flex flex-column">
            <h5 class="card-title">{$card.title}</h5>
            <ul class="list-group list-group-flush">
                {if {array_key_exists array=$card key="actions"} && count($card.actions) > 0}
                    <li class="list-group-item">
                        {foreach $card.actions as $actionItem}
                            <a {if isset($actionItem.dataHref)} class="admidio-icon-link admidio-messagebox" href="javascript:void(0);"
                                data-buttons="yes-no" data-message="{$actionItem.dataMessage}" data-href="{$actionItem.dataHref}"
                                    {else} class="admidio-icon-link" href="{$actionItem.url}"{/if}>
                                <i class="{$actionItem.icon}" data-bs-toggle="tooltip" title="{$actionItem.tooltip}"></i></a>
                        {/foreach}
                    </li>
                {/if}

                {if {array_key_exists array=$card key="information"} && count($card.information) > 0}
                    {foreach $card.information as $informationItem}
                        <li class="list-group-item">{$informationItem}</li>
                    {/foreach}
                {/if}
            </ul>
            {if {array_key_exists array=$card key="buttons"} && count($card.buttons) > 0}
                {foreach $card.buttons as $buttonItem}
                    {if isset($buttonItem.csrfToken)}
                        <a class="btn btn-primary mt-auto admidio-send-csrf-token" data-url="{$buttonItem.url}" data-csrf-token="{$buttonItem.csrfToken}">{$buttonItem.name}</a>
                    {else}
                        <a class="btn btn-primary mt-auto" href="{$buttonItem.url}">{$buttonItem.name}</a>
                    {/if}
                {/foreach}
            {/if}
        </div>
    </div>
</div>
