{#
/**
 * @file
 * Template for user provisioning cards.
 *
 * Available variables:
 * - cards: An array of provisioning card options.
 *   - id: The unique identifier for the card.
 *   - title: The title of the card.
 *   - description: Description text for the card.
 *   - url: URL to navigate to when clicking the card.
 *   - selected: Whether this card is currently selected.
 */
#}
<div class="provisioning-options-container">
    {% for card in cards %}
        <a href="{{ card.url }}" class="provisioning-card-link">
            <div class="provisioning-card" id="{{ card.id }}-provisioning-card">
                <h3>{{ card.title }}</h3>
                <p>{{ card.description }}</p>
            </div>
        </a>
    {% endfor %}
</div>