<div class="alert alert-danger" id="stageUpdateError">
    <div class="d-flex align-items-center">
        <i class="fas fa-exclamation-triangle me-2"></i>
        <strong>Error:</strong>
        <span class="ms-2">{{ error }}</span>
    </div>
</div>

<script>
// Close modal after showing error
document.addEventListener('DOMContentLoaded', function() {
    setTimeout(() => {
        const modal = bootstrap.Modal.getInstance(document.getElementById('stageUpdateModal'));
        if (modal) {
            modal.hide();
        }
    }, 3000);
});
</script>
