

<div class="d-flex flex-column gap-2">
    <div>
        <span class="d-block">
            <?= Language::tt('cdis_token_priority_intro') ?>
        </span>
    </div>

    <div class="alert alert-info m-0">
        <span class="d-block fw-bold">
            <?= $lang['cdis_token_priority_info_alert_title'] ?>
        </span>
        <span>
            <?= $lang['cdis_token_priority_info_alert_text'] ?>
        </span>
    </div>

    <div>
        <span class="fs-5 d-block fw-bold">
            <?= Language::tt('cdis_token_priority_default_behavior_title') ?>
        </span>
        <span>
            <?= Language::tt('cdis_token_priority_default_behavior_description') ?>
        </span>
        <ul class="m-0">
            <li><?= Language::tt('cdis_token_priority_default_behavior_bullet_1') ?></li>
            <li><?= Language::tt('cdis_token_priority_default_behavior_bullet_2') ?></li>
            <li><?= Language::tt('cdis_token_priority_default_behavior_bullet_3') ?></li>
        </ul>
    </div>

    <div>
        <span class="fs-5 d-block fw-bold"><?= Language::tt('cdis_token_priority_context_title') ?></span>
        <span>
            <?= Language::tt('cdis_token_priority_context_description') ?>
        </span>
    </div>

    <div>
        <span class="fs-5 d-block fw-bold"><?= Language::tt('cdis_token_priority_how_rules_applied_title') ?></span>
        <span>
            <?= Language::tt('cdis_token_priority_how_rules_applied_description') ?>
        </span>
        <ul class="m-0">
            <li><?= Language::tt('cdis_token_priority_how_rules_applied_bullet_1') ?></li>
            <li><?= Language::tt('cdis_token_priority_how_rules_applied_bullet_2') ?></li>
            <li><?= Language::tt('cdis_token_priority_how_rules_applied_bullet_3') ?></li>
            <li><?= Language::tt('cdis_token_priority_how_rules_applied_bullet_4') ?></li>
        </ul>
    </div>
    
</div>