/*
 $header = '
<script>
document.addEventListener("DOMContentLoaded", function() {
    document.querySelectorAll(".navbar-nav .dropdown").forEach(function(dropdown) {
        dropdown.addEventListener("mouseenter", function() {
            this.classList.add("show");
            var menu = this.querySelector(".dropdown-menu");
            if (menu) {
                menu.classList.add("show");
            }
        });
        dropdown.addEventListener("mouseleave", function() {
            this.classList.remove("show");
            var menu = this.querySelector(".dropdown-menu");
            if (menu) {
                menu.classList.remove("show");
            }
        });
    });
});
</script>

 <style>
	 .logo-dark {
 	   	display: block !important;
    	max-width: 100%;
    	height: auto;
	}

	.navbar-nav .dropdown:hover .dropdown-menu {
    	display: block;
	}
</style>

<nav class="navbar navbar-expand-lg center-nav navbar-dark navbar-bg-dark" style="background-color: #003bc2; background-color: rgba(0, 123, 255, 1.8);">	
    
    <!--<div class="container flex-lg-row flex-nowrap align-items-center w100">-->
    <div class="container w100" style=" background-color: rgba(0, 123, 255, 1.8); /* Blue with 80% opacity */">
    
    	
    	<div class="row w-100 align-items-center">

      		<!-- Left Column: Logo -->
      		<div class="col-lg-3 d-flex align-items-center py-2">
        		<a href="/" class="navbar-brand navbar-custom">
          			<img class="logo-dark" src="/assets/img/simeya-logo-100.png" height="100" />
        		</a>
      		</div>
      		<!-- Left Column Ends -->


      		<!-- Right Column: Topbar and Main Menu -->
      		<div class="col-lg-9">
        		
        		<!-- Topbar -->
        		<div class="d-flex justify-content-center align-items-center gap-3 text-white small flex-wrap text-start pb-2" style="color: #FFD700;">';

					if (isset($SIMinfo['user_code']) && !empty($SIMinfo['user_code'])) {
  						$header .= '<div>SLR: ' . $SIMinfo['user_code'] . '</div>';
					}

					$header .= '
          			<div><i class="fa-solid fa-phone"></i> ' . TOLLFREE . '</div>
          			<div><a href="/contact-us" class="text-white"><i class="fa-solid fa-envelope"></i> ' . EMAIL_ADDRESS . '</a></div>
          			<div><i class="fa-solid fa-gift"></i> Gift To My Network</div>
          			<div><a class="nav-link" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info"><i class="uil uil-info-circle"></i></a></div>
                
          			<div class="dropdown">
            			<a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">USD</a>
                  		<ul class="dropdown-menu navbar-custom">
                    		<li class="nav-item"><a class="dropdown-item" href="?vurrency=usd""><i class="fas fa-forward"></i> USD</a></li>
                    		<li class="nav-item"><a class="dropdown-item" href="?vurrency=inr"><i class="fas fa-forward"></i> INR</a></li>
                    		<li class="nav-item"><a class="dropdown-item" href="?vurrency=aud"><i class="fas fa-forward"></i> AUD</a></li>
                  		</ul>
          			</div>

          			<div class="dropdown">
           			 	<a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">En</a>
                  		<ul class="dropdown-menu navbar-custom">
                    		<li id="en" class="nav-item language-optio"><a class="dropdown-item" href="?language=en"><i class="fas fa-forward"></i> En</a></li>
                    		<li id="de" class="nav-item language-optio"><a class="dropdown-item" href="?language=de"><i class="fas fa-forward"></i> De</a></li>
                    		<li id="es" class="nav-item language-optio"><a class="dropdown-item" href="?language=es"><i class="fas fa-forward"></i> Es</a></li>
                  		</ul>
         			</div>';

					if (!empty($SIMinfo)) {
						$header .= '
          				<div class="dropdown">
							<a class="text-white dropdown-toggle" data-bs-toggle="dropdown"><i class="uil uil-user"></i></a>

                   	 		<ul class="dropdown-menu navbar-custom">
                   	 			<li class="nav-item"><a class="dropdown-item" href="/logout"><i class="fas fa-forward"></i> Log Out</a></li>
                    			<li class="nav-item"><a class="dropdown-item" href="/dashboard"><i class="fas fa-forward"></i> Dashboard</a></li>
                    			<li class="nav-item"><a class="dropdown-item" href="/profile"><i class="fas fa-forward"></i> Profile</a></li>
                    			<li class="nav-item"><a class="dropdown-item" href="/accounts"><i class="fas fa-forward"></i> Accounts</a></li>
                    			<li class="nav-item"><a class="dropdown-item" href="/all-campaigns"><i class="fas fa-forward"></i> Marketing</a></li>
                    			<li class="nav-item"><a class="dropdown-item" href="/e-commerce"><i class="fas fa-forward"></i>E-Commerce</a></li>
                    			<li class="nav-item"><a class="dropdown-item" href="/all-media-channels"><i class="fas fa-forward"></i>Media (Videos & Audios)</a></li>
                    			<li class="nav-item"><a class="dropdown-item" href="/atwork"><i class="fas fa-forward"></i>Messaging</a></li>
                    			<li class="nav-item"><a class="dropdown-item" href="/atwork"><i class="fas fa-forward"></i>Social Media</a></li>
                    			<li class="nav-item"><a class="dropdown-item" href="/slrcard"><i class="fas fa-forward"></i> Print SLR Card</a></li>
                    			<li class="dropdown dropdown-submenu dropend">
                    				<a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown"><i class="fas fa-forward"></i> Others</a>
                					<ul class="dropdown-menu navbar-custom" style="width: 300px; margin-left: 50px">
                						<li class="nav-item"><a class="dropdown-item" href="/charity-profile"><i class="fas fa-forward"></i>Charity Profile</a></li>
                    					<li class="nav-item"><a class="dropdown-item" href="/show-scholarship"><i class="fas fa-forward"></i> Show Scholarship Applications</a></li>';
                    		
                    					if($SIMinfo['user_type'] == 'A') {
                    						$header .= '
                    						<li class="nav-item"><a class="dropdown-item" href="/bootstrap-colors"><i class="fas fa-forward"></i>Bootstrap</a></li>
                    						<li class="nav-item"><a class="dropdown-item" href="/user-logs?report=1"><i class="fas fa-forward"></i>User Logs</a></li>
                    						<li class="nav-item"><a class="dropdown-item" href="/all-newsletters"><i class="fas fa-forward"></i>Newsletter Signups</a></li>
                    						<li class="nav-item"><a class="dropdown-item" href="/upload-files"><i class="fas fa-forward"></i>Upload Files</a></li>';
                    					}
                    					$header .= '
                    				</ul>
                    			</li>
                    		</ul>
                		</div>

         				<div class="dropdown">
            				<a class="nav-link dropdown-item dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa-solid fa-money-bill"></i></a>
                  			<ul class="dropdown-menu navbar-custom">
                    			<li class="nav-item"><a class="dropdown-item" href="/slr-wallet""><i class="uil uil-credit-card-search"></i> Wallet</a></li>
                    			<li class="nav-item"><a class="dropdown-item" href="/slr-wallet"><i class="fa-solid fa-cart-shopping"></i> Shopping Cart</a></li>
                  			</ul>
          				</div>
         			
                    	<div><a class="nav-link" href="/slr-wallet"> <i class="fa-regular fa-bell"></i></a></div>
                    	<div><a class="nav-link" href="#"> <i class="uil uil-heart"></i></a></div>'; 
                	}
                	else {
                		$header .= '
                		<div>"><a href="#" class="btn btn-sm btn-primary rounded-pill" data-bs-toggle="modal" data-bs-target="#modal-signin">Login</a></div>
              			<div><a href="/join" class="btn btn-sm btn-primary rounded-pill">Join</a></div>';
              		}
              		$header .= '
                	
                	<div class="d-lg-none">
  						<button class="hamburger offcanvas-nav-btn" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvas-info" aria-label="Toggle navigation">
    						<span></span>
  						</button>
					</div>

				</div>
				<!-- Topbar Ends -->

        		<!-- Bottom Nav Main Menu -->
        		<div class="d-flex justify-content-center text-center">
          			<ul class="navbar-nav navbar-custom flex-row gap-4 text-white">';
						include($_SERVER['DOCUMENT_ROOT'] . "/includes/menu-win.inc");
						$header .= $menu;
						$header .= '
          			</ul>
          			
        		</div>
        		<!-- Bottom Nav Main Menu Ends -->
        		
      		</div> <!-- End Right Column -->

		</div> <!-- End Row -->
		
        <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
            <div class="offcanvas-header d-lg-none">
              	<h3 class="text-white fs-30 mb-0">Simeya</h3>
              	<button type="button" class="btn-close btn-close-white" data-bs-dismiss="offcanvas" aria-label="Close"></button>
            </div>

            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">
            
             	<div class="offcanvas-footer d-lg-none">
    				<div>
    					<a href="mailto:first.last@email.com" class="link-inverse">info@email.com</a>
        				<br /> 00 (123) 456 78 90 <br />
        				<nav class="nav social social-white mt-4">
            				<a href="#"><i class="uil uil-twitter"></i></a>
            				<a href="#"><i class="uil uil-facebook-f"></i></a>
            				<a href="#"><i class="uil uil-dribbble"></i></a>
            				<a href="#"><i class="uil uil-instagram"></i></a>
            				<a href="#"><i class="uil uil-youtube"></i></a>
        				</nav>
        				<!-- /.social -->
   				 	</div>
				</div>
				<!-- /.offcanvas-footer -->
        	</div>
        	<!-- /.offcanvas-body -->

    	</div>
    	<!-- /.navbar-collapse -->
    	
    </div>
    <!-- /.container -->
</nav>
<!-- /.navbar -->

<!-- offcanva -->';
include ( $_SERVER['DOCUMENT_ROOT'] . 	"/includes/offcanvas.inc");
$header .= $offcanvas;
$header .= '
<!-- offcanva -->';
  
if(empty($_COOKIE['popup'])) {
  	$popup 		= 1;
    $expiry 	= 3600;
    	
    // Set a cookie to store the language preference
    setcookie('popup', $popup, time() + $expiry, "/");
  	
  	$header .= '
    <div class="modal fade modal-popup" id="modal-02" tabindex="-1">
      	<div class="modal-dialog modal-dialog-centered modal-md">
        	<div class="modal-content text-center">
          		<div class="modal-body">
            		<button class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            		<div class="row">
              			<div class="col-md-10 offset-md-1">
                			<figure class="mb-6"><img src="/assets/img/illustrations/i7.png" srcset="./assets/img/illustrations/i7@2x.png 2x" alt="" /></figure>
              			</div>
              			<!-- /column -->
            		</div>
            		<!-- /.row -->
            		<h3>Join the Simeya Loyalty Rewards Network and earn Cashbacks & Reward Points.</h3>
            		<p class="mb-6">
            				Put your Social Media, Messaging, Email and Video applications to work,
           	 				inviting others to the network!
           	 		</p>
            		<h3>100 Reward Points in your wallet when you join!</h3>
            		<div class="newsletter-wrapper">
              				<div class="row">
                				<div class="col-md-10 offset-md-1">
                  					<!-- Begin Mailchimp Signup Form -->
                  					<div id="mc_embed_signup">
                    
                    				<form action="/join" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" novalidate>
                   
                      					<div id="mc_embed_signup_scroll">
                       					 	<div class="mc-field-group input-group form-floating">
                          						<input type="email" value="" name="EMAIL" class="required email form-control" placeholder="Email Address" id="mce-EMAIL">
                          						<label for="mce-EMAIL"><strong>Email Address *</strong></label>
                          						<input type="submit" value="Join" name="subscribe" id="mc-embedded-subscribe" class="btn btn-primary" required>
                          						<div class="valid-feedback"> Looks good! </div>
                    	  						<div class="invalid-feedback"> Please provide a valid email address. </div>
                        					</div>
                        					<div id="mce-responses" class="clear">
                          						<div class="response" id="mce-error-response" style="display:none"></div>
                          						<div class="response" id="mce-success-response" style="display:none"></div>
                        					</div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
                       					 	<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_ddc180777a163e0f9f66ee014_4b1bcfa0bc" tabindex="-1" value=""></div>
                        					<div class="clear"></div>
                      					</div>
                    				</form>
                    
                  				</div>
                 			 	<!--End mc_embed_signup-->
                			</div>
                			<!-- /.newsletter-wrapper -->
              			</div>
              			<!-- /column -->
            		</div>
            		<!-- /.row -->
          		</div>
          		<!--/.modal-body -->
        	</div>
        	<!--/.modal-content -->
   	 	</div>
    	<!--/.modal-dialog -->
	</div>
	<!--/.modal -->';
}

$header .= '
<!-- Add hover JS for smoother Bootstrap handling -->
<script>
document.addEventListener("DOMContentLoaded", function() {
    document.querySelectorAll(".navbar-nav .dropdown").forEach(function(dropdown) {
        dropdown.addEventListener("mouseenter", function() {
            var menu = this.querySelector(".dropdown-menu");
            menu.classList.add("show");
        });
        dropdown.addEventListener("mouseleave", function() {
            var menu = this.querySelector(".dropdown-menu");
            menu.classList.remove("show");
        });
    });
});
</script>';