		</div> <!-- container-fluid -->
	</div> <!-- content -->
</div> <!-- main-panel -->
</div> <!-- wrapper -->

<script src="../assets/website/js/core/jquery.3.2.1.min.js"></script>
<script src="../assets/website/js/core/popper.min.js"></script>
<script src="../assets/website/js/core/bootstrap.min.js"></script>
<script src="../assets/website/js/plugin/chartist/chartist.min.js"></script>
<script src="../assets/website/js/plugin/bootstrap-notify/bootstrap-notify.min.js"></script>
<script src="../assets/website/js/ready.min.js"></script>


<script>
    // Auto dismiss alerts after 3 seconds
    setTimeout(function() {
        let alerts = document.querySelectorAll('.alert');
        alerts.forEach(function(alert) {
            alert.style.transition = "opacity 0.5s ease";
            alert.style.opacity = "0";
            setTimeout(() => alert.remove(), 500); // remove from DOM after fade
        });
    }, 3000);
</script>

</body>
</html>
