<script src="https://code.jquery.com/jquery-3.6.1.js" integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@10.16.6/dist/sweetalert2.min.css">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@10.16.6/dist/sweetalert2.min.js"></script>

<?php 
$stmt = $db_con->prepare("SELECT * FROM users WHERE id=:user_id");
$stmt->execute(array(":user_id"=>$_SESSION['user']));
$userRow = $stmt->fetch(PDO::FETCH_ASSOC);
$alert = $userRow['message_on'];
if ($alert == 'on') {
?>
<script>
  Swal.fire({
    title: '<?php echo $userRow['message_heading'] ?>',
  position: 'center',
  icon: 'warning',
   html: '<?php echo $userRow['message_billing'] ?>',
  showConfirmButton: true,
  timer: 15000
})

</script>
<?php
}else{
 if ($alert == NULL || $alert == FALSE || $alert == 0 || $alert == 'disabled') {

}
}

?>
<div class="iq-top-navbar header" style="margin-top:40px; background-color:transparent; width:1000px; heigth:400px;">
    <div class="iq-navbar-custom" style="width:1000px;">
        <nav class="navbar navbar-expand-lg navbar-light p-0" style="width:1000px;">
            <div class="" style="margin-top:-80px; margin-right:-150px; background-color:#ffffff; width:1000px;">
                <div>
                    <a href="bar" style="margin-left:0px;"><img src="../img/menu (3).png" alt="menu" width="50px" style="margin-top:15px;"></a> <img src="../img/Transparrant-alert-nation.png" alt="logo" style="padding-bottom:0px; width:100px; margin-top:-65px; margin-left:80px;"> <!--<a href="#"><img src="../img/speech-bubble (1).png" alt="chat" width="10px" style="margin-left:200px;"></a> <a href="#"><img src="../img/notification (2).png" alt="notification" width="10px" style="margin-left:50px;"></a>-->
                </div>
            </div>
        </nav>
    </div>
</div>