EVOLUTION-NINJA

Edit File: Header.php

<?php 
$name = session()->get('name');
$email = session()->get('email');
$gamer_id = session()->get('gamer_id');
$patient_name = session()->get('pa_name');
$role_id = session()->get('role_id');
$suscription_till = session()->get('suscription_till');
?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>MediuPlues</title>

<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'); ?>" />

<scrip  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>

<link rel="stylesheet" type="text/css" href=" <?php echo base_url('public/assets/GameCss/header.css');?>"/>

<input class="searchInput1 input-with-bg" type="text" id='question'  autocomplete="off">
            <button type="button" class="searchButton button-search" onclick='senquestion1()'>
                Ask
            </button>
        </div>
    </div>
        </div>
        <div class="col-sm-5 pt-3 list-logo">
          <ul>
            <a href="<?php echo base_url('Gas'); ?>"><li><img src="<?php echo base_url('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" target='_blank'><li><img src="<?php echo base_url('public/assets/home_images/Help.png'); ?>" title="User Guide" alt="Help"  /></li></a>
            <a href="<?php echo base_url('dashboard'); ?>"><li><img src="<?php echo base_url('public/assets/home_images/Dashboard.png'); ?>"  title="Dashboard" alt="Dashboard"  /></li></a>
            <a href="<?php echo base_url('Notification'); ?>"><li><img src="<?php echo base_url('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>

}
  #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;
    }
    @media only screen and (max-width: 600px){
      .searchBox {
        max-width: 337px !important;
    }
    }
   
    .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 src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
            
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css">

<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script>
<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>
<script>
  var questionInput = document.getElementById('question');

questionInput.addEventListener('input', function() {
  // alert('hbhb')
    questionInput.style.backgroundImage = 'none';
    questionInput.classList.remove('input-with-bg');
});
  </script>
    
    <script type="text/javascript" src="<?php echo base_url('public/assets/js/jquery-3.6.0.min.js'); ?>"></script>

$.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>