<ul style="list-style: none;margin-left: 0">
    <?php
    if (!empty($data))
    {
        foreach ($data as $notes)
        {
            ?>
            <li>
                <div class="muted"><?= htmlspecialchars($notes->getDate()) ?> -   <?= htmlspecialchars($notes->getuserId()) ?></div>
                <?= htmlspecialchars($notes->getMessage()) ?>
                <hr />
            </li>
            <?php
        }
    }
    else
    {
        ?>

        <div class="alert alert-info">No notes available</div>

<?php } ?>
</ul>
