<?php if (!isset($roles)) die('roles not passed'); ?>
<form method="post">

<div class="card shadow-sm">

<div class="card-body">

<h4>Select Conference & Role</h4>

<div class="d-grid gap-2">

<?php foreach ($roles as $i => $r): ?>

    <button
        name="idx"
        value="<?= $i ?>"
        class="btn btn-outline-primary text-start"
    >

        <strong>
            <?= htmlspecialchars($r['title']) ?>
        </strong>

        <br>

        <small class="text-muted">
            <?= htmlspecialchars($r['role']) ?>
        </small>

    </button>

<?php endforeach; ?>

</div>

</div>

</div>

</form>
