EVOLUTION-NINJA

Edit File: flow-header.php

<?php 
	$name = session()->get('name');
	$email = session()->get('email');
	$gamer_id = session()->get('gamer_id');
	$suscription_till = session()->get('suscription_till');

?>	
<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
	<title></title>
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/flow.css'); ?>">
	
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/bootstrap.min.css'); ?>" />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/font-awesome.min.css'); ?>" />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/intlTelInput.css'); ?>"/>
	<link rel="stylesheet" type="text/css"  href="<?php echo base_url('public/assets/css/countrySelect.css'); ?>"/>
	<link rel="stylesheet" type="text/css"  href="<?php echo base_url('public/assets/css/w3.css'); ?>"/>
	<link rel='shortcut icon' type='image/x-icon' href='<?php echo base_url('public/assets/images/fav_icon_new.jpg');?>' />
	<link rel="stylesheet" type="text/css" href="<?php echo base_url('public/assets/css/simpleMobileMenu-1.css'); ?>"/>
	<link rel="stylesheet" type="text/css" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
	
	<script type="text/javascript" src="<?php echo base_url('public/assets/js/jquery-3.6.0.min.js'); ?>"></script>
	<script type="text/javascript" src="<?php echo base_url('public/assets/js/bootstrap.min.js'); ?>"></script>
	<script src="<?php echo base_url('public/assets/toastr/toastr.min.js');?>"></script>
	<script src="<?php echo base_url('public/assets/sweet_alert/sweet-alert.js');?>"></script>
    <link rel="stylesheet" href="<?php echo base_url('public/assets/sweet_alert/sweet-alert.css');?>">
    <link rel="stylesheet" href="<?php echo base_url('public/assets/toastr/toastr.min.css');?>">

</head>
<body>
	
	<header>
    <div class="header">
      <div class="container-fluid">
      <div class="row">
        <div class="col-sm-3 head_logo">
          <img src="public/assets/home_images/Medusys Logo Final 1.png" />
        </div>
        
         
    <div class="col-sm-4 pt-2 water-mark">
    <div class="container askdiv">
        <div class="searchBox">

<div class="col-sm-5 pt-3 list-logo">
          <ul>
            <a href="<?php echo base_url('Gas'); ?>"><li><img src="public/assets/home_images/Home.png"  title="Home" alt="Home"  /></li></a>
            <a href="<?php echo base_url('add-ticket'); ?>"><li><img src="<?php echo base_url('public/assets/home_images/warning_new 1.png'); ?>" class="report-img" title="Report Problem" alt="Report Problem"/></li></a>

<a href="https://medusys.in/user-guide-new.html" target='_blank'><li><img src="public/assets/home_images/Help.png" title="User Guide" alt="Help"  /></li></a>
            <a href="<?php echo base_url('dashboard'); ?>"><li><img src="public/assets/home_images/Dashboard.png"  title="Dashboard" alt="Dashboard"  /></li></a>
            <a href="<?php echo base_url('Notification'); ?>"><li><img src="public/assets/home_images/Bell.png" title="Notification" class="notifi-img"  alt="Notification" ></li>
            <span class="notfi-number" id="num">&nbsp;&nbsp;</span></img>
            </a>
            
           
            <div class="w3-dropdown-hover">
     <li><a href="" class="w3-button "><img class="mt-3" src="<?php echo base_url('public/assets/images/user.png');  ?>"></a><span class="icon-text pt-3">&nbsp;<?php echo $name; ?></span>
     <div class="w3-dropdown-content w3-bar-block w3-border">
          <p><b><?php echo $gamer_id; ?></b></p>
          <p><?php echo $email; ?></p>
          <p><a href="<?php echo base_url('My-Account');?>">Manage my account</a></p>
          <p><?php
       $newDate = date("d-m-Y", strtotime($suscription_till));
       echo 'Subscription Till : '.$newDate;?>
         <a class="renewred" href="<?php echo base_url('Renewal-Subscription');?>">RENEW</a>
       </p>
          <p><a  href="<?php echo base_url('user-profile');?>">Profile</a></p>
          <p><a  href="<?php echo base_url('log-out');?>">Logout</a></p>
        
       </div>
      </div>
          </ul>
        </div>

</div>
      </div>
    </div>
    </header>

questionInput.addEventListener('input', function() {
  // alert('hbhb')
    questionInput.style.backgroundImage = 'none';
    questionInput.classList.remove('input-with-bg');
});
  </script>
    <style>
      
      
      .input-with-bg {
    background-image: url('images/MeduAi_Logo 2.png') !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain !important;

}
  #question{
    padding: 10px 15px !important;
    border: none !important;
    border-radius: 5px ;
    width: 300px !important; /* Adjust width as needed */
    height: 40px !important; /* Adjust height as needed */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    color: black !important;
    outline: none;
  }
    .askdiv{
        padding-left: 25px;
        margin-top: 20px;
    }
    .searchButton:focus{
        outline: none;
    }
    .searchBox {
      display: flex;
    max-width: 395px;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    color: black;
    background: #eff1f4;
    border-radius: 50px;
    position: relative;
    opacity: 0.5;
    border: 4px solid lightblue;
    }

.searchButton {
        color: white;
        position: absolute;
        right: 8px;
        width: 35px;
        height: 35px;
        border-radius: 50%;
        background: var(--gradient-2, linear-gradient(90deg, #2AF598 0%, #009EFD 100%));
        border: 0;
        display: inline-block;
        transition: all 300ms cubic-bezier(.23, 1, 0.32, 1);
    }

/*hover effect*/
    .button-search:hover {
        color: #fff;
        background-color: #1A1A1A;
        box-shadow: rgba(0, 0, 0, 0.5) 0 10px 20px;
        transform: translateY(-3px);
    }

/*button pressing effect*/
    .button-search:active {
        box-shadow: none;
        transform: translateY(0);
    }

.searchInput1 {
        border: none;
        background: none;
        outline: none;
        color: black !important;
    font-weight: 600;
        font-size: 15px;
        padding-left: 10px !important;
        /* padding: 12px 46px 10px 26px; */
        margin-bottom: 0px !important;
    }
</style>
<script>
function senquestion1(){
    var question=document.getElementById('question').value;
    if(question!=''){
        window.location.href="<?php echo base_url('aked-question');?>?question="+question;
    }else{
        toastr.warning('Please Enter Something..');
    }
}
</script>

jQuery(document).ready(function($) {

$.ajax({

type : 'GET',
            url : '<?php echo base_url("Notification-header") ?>',
            contentType: false,
            processData : false,

success:function(response){
                response = jQuery.parseJSON(response);
                // console.log(response);
                if(response.result == 1){
					var num = 0;
					(response.comments).forEach((data1) => {
						num++;
					});
					(response.comments1).forEach((data2) => {
						//console.log(data2['user_id_del'])
						if(data2['user_id_del']){
							
						}
						else{
							num++;
						}
					});

$('#num').html(num);

}
                else{
                        //toastr["error"]('response.message');

}
            }
        })
        }); 
</script>