<?php
//In your view
// Get flash data
$flashMessage = flashdata();
$hasFlashMessage = !empty($flashMessage);

if ($hasFlashMessage):
?>

<button onclick="dismissFlash()" style="position: absolute; right: 10px; top: 10px; background: none; border: none; font-size: 20px; cursor: pointer; color: var(--paper-muted, #9aa7b2); transition: color 0.2s ease; padding: 4px 8px; line-height: 1;">&times;</button>
<div style="padding-right: 24px;">
<?= $flashMessage ?>
</div>
<?php endif; ?>

function dismissFlash() {
var element = document.getElementById("flash-message");
if (element) {
element.style.opacity = "0";
element.style.transform = "translateY(20px)";
setTimeout(function() {
element.style.display = "none";
}, 500);
}
}

// Auto-dismiss after 5 seconds
setTimeout(dismissFlash, 5000);

// In your Controller
set_flashdata('Message Sent');