<? 	

session_start(); 






$productActive = '';
$newsActive = '';
$resourcesActive = '';


if($pageId == 'resources'){
	$resourcesActive = 'active';
} else if($pageId == 'news'){
	$newsActive = 'active';
} else if($pageId == 'other' || $pageId == 'home'){
  //do nothing
} else if($pageId == 'products'){
	$productActive = 'active';
} else {
  $productActive = 'active';
}


	$xpage = $_SERVER['REQUEST_URI'];
  $ucode = $_SESSION['user'];


?>

<!-- leaderboard banner -->
<section class="tool_page full_width">

  <? include '../includes/la-common-leaderboard-banner.inc'; ?>
  
</section>



        <!-- PRELOADER -->
<!--        <div id="loader"></div>-->

        <div class="body">
          
            <!-- HEADER -->
            <header>
                <nav class="navbar navbar-default">
                    <div class="container mob-nopad">
                        <div class="row mob-nopad">
							<div class="col-md-12 col-sm-12 col-xs-12 mob-nopad">
								
	                            <div class="navbar-header">
	                                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
	                                    <span class="sr-only">Toggle navigation</span>
	                                    <span class="icon-bar bar1"></span>
	                                    <span class="icon-bar bar2"></span>
	                                    <span class="icon-bar bar3"></span>
	                                </button>
	                                <!-- Logo -->
	                                <a class="navbar-brand" href="/"><img src="/images/basic/logo.jpg" class="img-responsive" alt=""/></a>
									<!-- Search -->
									<button type="button" id="mob-search-btn" class="mob-search">
	                                    <span class="sr-only">Search</span>
	                                    <i class="fa fa-search"  aria-hidden="true"></i>
	                                </button>
	                            </div>
	                            <!-- Cart & Search -->
	                            <div class="header-xtra pull-right">
															
	                             <form action="/search-results-site.php" method="post">
	                              <input class="search__input" type="text" name="keywordSE4" placeholder="What are you looking for?">
															</form>	
								   
	                            </div>
	                            <!-- Navmenu -->
	                            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
	                                <ul class="nav navbar-nav navbar-left">
	                                    <li class="dropdown">
	                                        <li class="dropdown mmenu">
	                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Products</a>
	                                        <ul class="mega-menu dropdown-menu" role="menu">
	                                            <li style="border-right: 2px solid rgba(0, 0, 0, 0.22); width: 20%;  margin-right: 5%;">
	                                                <div>
																										<div class="menuLogoContainers">
																											<img class="menuLogo-LA hidden-xs" src="/images/menu-logo.JPG" style="width:100%;" />
<!--
																											<div class="menuLogoHover menuLogoHover-LA">
																												<p class="menuLogoHover-title">LADetails</p>
																												<p class="menuLogoHover-text">This is text about LADetails and what it is. Enjoy reading about LADetails. You should really try it out sometime or now!</p>
																											</div>
-->
																											</div>
																										
																										<div class="menuLogoContainers">
																											<img class="menuLogo-TE hidden-xs" src="/images/menu-logo-tools.jpg" style="width:100%; margin-top:30px;" />
<!--
																											<div class="menuLogoHover menuLogoHover-TE">
																												<p class="menuLogoHover-title">Tools &amp; Equipment</p>
																												<p class="menuLogoHover-text">This is text about LADetails and what it is. Enjoy reading about LADetails. You should really try it out sometime or now!</p>
																											</div>
-->
																										</div>
																												
																										<div class="menuLogoContainers">
																											<img class="menuLogo-LOPSE hidden-xs" src="/images/menu-logo-lopse.jpg" style="width:100%; margin-top:30px;" />
<!--
																											<div class="menuLogoHover menuLogoHover-LOPSE">
																												<p class="menuLogoHover-title">Local Wholesale &amp; Plant Materials</p>
																												<p class="menuLogoHover-text">This is text about LADetails and what it is. Enjoy reading about LADetails. You should really try it out sometime or now!</p>
																											</div>
-->
																										</div>
	                                                </div>
	                                            </li>
	                                            <li class="padding25">
	                                                <div>
	                                                    <p class="" style="font-size:14px; color:#2e2e2e; font-weight: 800; text-transform: capitalize;">All Categories</p>
	                                                    <a href="https://landscapearchitect.com/business-services-and-software">Business Services &amp; Software</a>
	                                                    <a href="https://landscapearchitect.com/landscape-erosion-control-products">Erosion Control</a>
	                                                    <a href="https://landscapearchitect.com/commercial-wholesale-fencing">Fencing</a>
	                                                    <a href="https://landscapearchitect.com/landscape-irrigation">Irrigation</a>
	                                                    <a href="https://landscapearchitect.com/commercial-exterior-lighting-electrical">Lighting / Electrical</a>
	                                                    <a href="https://landscapearchitect.com/outdoor-living-residential-landscape">Outdoor Living</a>
	                                                    <a href="https://landscapearchitect.com/parks-playground-products">Park &amp; Recreation</a>
	                                                    <a href="https://landscapearchitect.com/commercial-pavers-masonry-blocks-rocks">Paver, Masonry, Blocks, Rocks</a>
	                                                </div>
	                                            </li>
	                                            <li class="padding25">
	                                                <div> 
																										<p class=" hidden-xs" style="font-size:14px; color:#2e2e2e; font-weight: 800; text-transform: capitalize;"></p>
																											<br class="hidden-xs" />
	                                                    <a href="https://landscapearchitect.com/wildlife-commercial-landscape-pest-control">Pest / Wildlife</a>
	                                                    <a href="https://landscapearchitect.com/wholesale-plant-accessories-and-soil-amendments">Plant Accessories &amp; Amenments</a>
	                                                    <a href="https://landscapearchitect.com/pool-and-spa">Pool &amp; Spa</a>
	                                                    <a href="https://landscapearchitect.com/landscape-art-sculpture-metal-stone-garden-ornaments">Scupture / Art / Garden Ornaments</a>
	                                                    <a href="https://landscapearchitect.com/commercial-site-amenities">Site Amenities</a>
	                                                    <a href="https://landscapearchitect.com/site-furnishings-receptacles">Site Furnishings &amp; Receptables</a>
	                                                    <a href="https://landscapearchitect.com/water-features-fountains-ponds-equipment">Water Features</a>
	                                                    <a href="https://landscapearchitect.com/landscape-water-management">Water Management</a>
	
	                                                </div>
	                                            </li>
	                                            <li class="padding25">
	                                                <div>
	                                                    <p class="" style="font-size:14px; color:#2e2e2e; font-weight: 800; text-transform: capitalize;">Tools &amp; Equipment</p>
	                                                    <a href="https://landscapearchitect.com/landscape-installation-equipment">Installation Equipment</a>
	                                                    <a href="https://landscapearchitect.com/landscape-maintenance-equipment">Maintenance Equipment</a>
	                                                    <a href="https://landscapearchitect.com/tools-tires-and-replacement-parts">Tools &amp; Parts</a>
	                                                </div>
	                                                <div class="padding20">
	                                                    <p class="padding20" style="font-size:14px; color:#2e2e2e; font-weight: 800; text-transform: capitalize;">Local Wholesale &amp; Plant Materials</p>
																											
																											<form action="/LandscapeProducts/local_wholesale.php" method="post" name="zipformHeader" id="zipFormHeader">
																												<label>Search By Zip: <input type="text" name="zipcode" size="6" maxlength="5" autocomplete="off" /></label>
																												<input type="hidden" name="distance" value="100"></input>
																												<button type="submit" name="submit"><i class="fas fa-search-location"></i></button>
																											</form>		
																											
<!--	                                                    <a href="/LandscapeProducts/local_wholsale.php">Search by Zip </a>-->
	                                                </div>
	                                            </li>
																							<div style="background:#1b8047; text-align:center; width:100%; padding:5px; position:absolute; bottom:0px; left: 0px;">
																								<h5 style="color:white; text-transform:initial; font-size:18px; font-family: 'Nunito Sans', sans-serif;">Know what you’re looking for? <a href="#" style="color:white;"><strong>Request Product Details</strong></a></h5>
																							</div>
												
	                                        </ul>
	                                    </li>
	                                   <li class="dropdown mmenu" style="position: relative;">
	                                        <a href="/research/news_landing.php" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">News</a>
																					<ul class="dropdown-menu non-mega-menu" role="menu">
	                                          <li><a href="/research/news_landing.php">Trending</a></li>
																						<li><a href="/research/news_landing.php?news=association">Association</a></li>
																						<li><a href="/research/news_landing.php?news=legislation">Legislation</a></li>
																						<li><a href="/research/news_landing.php?news=education">Education</a></li>
																						<li><a href="/research/news_landing.php?news=economic">Economic</a></li>
																						<li><a href="/research/news_landing.php?news=industry">Industry</a></li>		
																						<li><a href="/research/news_landing.php?news=projects">Projects</a></li>		
	                                        </ul>
	                                    </li>
	                                    <li class="dropdown mmenu" style="position: relative;">
	                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Resources</a>
	                                        <ul class="dropdown-menu non-mega-menu" role="menu">
	                                          <li><a href="/LandscapeProducts/magazine.php">Digital Magazines</a></li>	
                                            <li><a href="/research/editorial/editorial-submissions.php">Submit Editorial</a></li>	
	                                        </ul>
	                                    </li>
	                                   <li class="dropdown mmenu" style="position: relative;">
	                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Events</a>
																					 <ul class="dropdown-menu non-mega-menu" role="menu">
	                                          <li><a href="https://thelandscapeexpo.com" target="_blank">The Landscape Expo</a></li>
																						<li><a onClick="alert('Coming Soon')">More Coming Soon</a></li>			
	                                        </ul>
	                                    </li>
																			<li class="dropdown mmenu" style="position: relative;">
	                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Login</a>
	                                        <ul class="dropdown-menu non-mega-menu" role="menu">
                                            <li><a class="logInModalPopUpBtn">User Login</a></li>
	                                          <li><a id="menuSubscribeBtn">New Subscription Request</a></li>
                                            <li><hr></li>
																						<li><a href="/member/login2.php?t=v">Vendor Login</a></li>
																						<li><a href="/member/login2.php?t=v">Create New Vendor Account</a></li>
                                             <li><hr></li>
                                            <li><a href="logout.php">Log Out</a></li>
<!--
																						<li><a href="#" onClick="alert('Coming Soon')">Renew/Update Subscriber Info</a></li>
																						<li><a href="#" onClick="alert('Coming Soon')">New Vendor/Services Listing</a></li>
																						<li><a href="#" onClick="alert('Coming Soon')">Edit Your Association</a></li>					
-->
	                                        </ul>
	                                    </li>
                
                                    <? if($_SESSION['loggedIn'] == true){  ?>
                          
                                          <style>

                                            @media only screen and (min-width: 1441px){

                                              .search__input {
                                                  width: 190px !important;
                                              }

                                            }

                                          </style>

                                          <li class="dropdown mmenu" style="position: relative; width: 33px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" style="padding-left: 0px; padding-right: 0px; padding-top: 0px;">
                                              <img src="/images/la-user-icon.jpg" style="width: 33px; padding-bottom: 1px; position: relative; top: 9px;" >
                                            </a>
                                            <ul class="dropdown-menu non-mega-menu" role="menu" style="width: max-content;">
                                               <li><p style="font-size: 16px;">Welcome <? echo $_SESSION['name']; ?></p></li>
                                               <li><hr></li>
                                              <li><a href="/subscriptions/subscribe-renew.php?action=edit&id=<? echo $_SESSION['user'] ?>">Edit Profile</a></li>
                                              <li><a href="../logout.php">Log Out</a></li>
                                            </ul>
                                          </li>


                                        <? } ?>
                
                
                
	                                    
	                                </ul>
																	<div class="mobile-signup hidden-sm hidden-md hidden-lg" style="">
																		<p style="text-transform:initial;">Sign up for LAWeekly newsletter</p>
																		<form class="newsletter">
			                                <input type="text" style="background:white;" placeholder="Enter your email address">
			                                <button type="submit" class="btn btn-lg" style="">SIGN UP</button>
	                            			</form>	
																	</div>
									
	                            </div>
								
								<!-- Mobile Search Box -->
								<div id="mob-search-block" style="width: 100%; position: absolute; height: 100vh;left: 0px; top: 0px; background: white; padding: 20px 20px; text-align:center; display: none; z-index: 999999;" class="sclose">
									<form action="/search-results-site.php" method="post">
										<button id="mob-search-btn-c" style="background:none; border:none; position:absolute; right:15px; top:5px"><i style="font-size:15px;"class="fa fa-close"></i></button>
										<input class="search__input" name="keywordSE4" type="text" style="padding: 7px 25px 7px 25px; margin-top: 15px; color: #434343; background-position: 0% center;" placeholder="What are you looking for?" value="<?php echo $_POST['keywordSE4']; ?>">
									</form>	
								</div>
								
							</div>
                        </div>
                    </div>
                </nav>
            </header>
						
						
						 <script type="text/javascript">
//            jQuery(document).ready(function($){
//                $(".post").on("click",function(){
//                    $.ajax({
//                        url: "http://www.yourwebsite.com/page.php",
//                        type: "POST",
//                        data: { name: "John", location: "Boston" },
//                        success: function(response){
//                              //do action  
//                        },
//                        error: function(){
//                              // do action
//                        }
//                    });
//                });
//            });
        </script>






