<?php 
global $redux_demo; 
$navStyle = $redux_demo['nav-style'];
$navSticky = $redux_demo['nav-sticky'];
$loginURL = $redux_demo['login'];
$new_post = $redux_demo['new_post'];
$registerURL = $redux_demo['register'];
$profile = $redux_demo['profile'];
if($navStyle == 1){
?>
<!-- Top Bar Start-->
	<div class="topBar">
		<div class="row">
			<div class="large-6 medium-6 columns">
				<ul class="social left">
					<?php 
						$facebookLink = $redux_demo['facebook-link'];
						$twitterLink = $redux_demo['twitter-link'];
						$googleLink = $redux_demo['google-plus-link'];
						$pinLink = $redux_demo['pinterest-link'];
						$linkedinLink = $redux_demo['linkedin-link'];
						$instagramLink = $redux_demo['instagram-link'];
						$youtube_link = $redux_demo['youtube-link'];						
						$vimeo_link = $redux_demo['vimeo-link'];
						
					?>
					<?php if(!empty($facebookLink)){ ?>
					<li><a href="<?php echo $facebookLink;  ?>" target="_blank"><i class="fa fa-facebook"></i></a></li>
					<?php }?>
					
					<?php if(!empty($twitterLink)){ ?>
					<li><a href="<?php echo $twitterLink;  ?>" target="_blank"><i class="fa fa-twitter"></i></a></li>
					<?php }?>
					
					<?php if(!empty($googleLink)){ ?>
					<li><a href="<?php echo $googleLink;  ?>" target="_blank"><i class="fa fa-google-plus"></i></a></li>
					<?php }?>
					
					<?php if(!empty($pinLink)){ ?>
					<li><a href="<?php echo $pinLink;  ?>" target="_blank"><i class="fa fa-pinterest-p"></i></a></li>
					<?php }?>
					
					<?php if(!empty($linkedinLink)){ ?>
					<li><a href="<?php echo $linkedinLink;  ?>" target="_blank"><i class="fa fa-linkedin"></i></a></li>
					<?php }?>
					
					<?php if(!empty($instagramLink)){ ?>
					<li><a href="<?php echo $instagramLink;  ?>" target="_blank"><i class="fa fa-instagram"></i></a></li>
					<?php }?>
					
					<?php if(!empty($youtube_link)) { ?>
					<li><a href="<?php echo $youtube_link; ?>" target="_blank"><i class="fa fa-youtube"></i></a></li>
					<?php } ?>
					
					<?php if(!empty($vimeo_link)) { ?>
					<li><a href="<?php echo $vimeo_link; ?>" target="_blank"><i class="fa fa-vimeo-square"></i></a></li>
					<?php } ?>
					
				</ul>
			</div>
			<div class="large-6 medium-6 columns">
				<?php 
				
				if ( is_user_logged_in() ) {
				?>
					<!-- If User Login Then Show -->
					<ul class="topRight right">
						<li class="topBtn">
							<a href="<?php echo $profile; ?>">
								<i class="fa fa-pencil-square"></i>
								<span><?php esc_html_e( 'My Account', 'classiera' ); ?></span>
							</a>
						</li>
						<li class="topBtn">
							<a href="<?php echo wp_logout_url(get_option('siteurl')); ?>">
								<i class="fa fa-sign-in"></i>
								<span><?php esc_html_e( 'Log out', 'classiera' ); ?></span>
							</a>
						</li>
					</ul>
					<!-- If User Login Then Show -->
				<?php }else{ ?>
					<ul class="topRight right">
						<li class="topBtn">
							<a href="<?php echo $registerURL; ?>">
								<i class="fa fa-pencil-square"></i>
								<span><?php esc_html_e( 'Get Registered', 'classiera' ); ?></span>
							</a>
						</li>
						<li class="topBtn">
							<a href="<?php echo $loginURL; ?>">
								<i class="fa fa-sign-in"></i>
								<span><?php esc_html_e( 'Login', 'classiera' ); ?></span>
							</a>
						</li>
					</ul>
				<?php }?>
			</div>
		</div><!-- End ROW -->
	</div><!-- Top Bar End -->
	
		<!-- Section NAV BAr Start -->
	<section id="navBar">
		<div class="contain-to-grid clearfix <?php if($navSticky == 1){echo "sticky"; } ?>">
			<nav class="top-bar" data-topbar role="navigation" data-options="sticky_on: large">						
				<ul class="title-area">
					<li class="name">
						<a href="<?php echo home_url(); ?>">
							<?php global $redux_demo; 
								$logo = $redux_demo['logo']['url'];
								if (!empty($logo)) {
							?>
							<img src="<?php echo $logo; ?>" alt="<?php bloginfo( 'name' ); ?>">
								<?php }else{?>
							<img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="<?php bloginfo( 'name' ); ?>" />
								<?php } ?>	
						</a><!--End Logo -->
					</li>
					<li class="toggle-topbar menu-icon"><a href="#"><span><?php esc_html_e( 'Menu', 'classiera' ); ?></span></a></li>
				</ul>						
				<section class="top-bar-section">
					<ul class="newAd right">
						<li><a href="<?php echo $new_post; ?>" ><i class="fa fa-pencil-square-o"></i><?php esc_html_e( 'Submit Ad', 'classiera' ); ?></a></li>
					</ul>
					<!--Auto Nav Start -->
					<?php  foundationpress_top_bar_l();  ?>
					<?php foundationpress_top_bar_r(); ?>								
					<!--Auto Nav End -->						
				</section><!--End Top Bar Section -->
			</nav>
		</div><!-- NAV ROW END -->
	</section><!-- Section NAV BAr END -->
<?php
}
if($navStyle == 2){			
?>
	<section id="navBar">
		<div class="contain-to-grid clearfix <?php if($navSticky == 1){echo "sticky"; } ?>">
			<nav class="top-bar" data-topbar role="navigation" data-options="sticky_on: large">
				<ul class="title-area">
					<li class="name">
						<a href="<?php echo home_url(); ?>">
							<?php global $redux_demo; 
								$logo = $redux_demo['logo']['url'];
								if (!empty($logo)) {
							?>
							<img src="<?php echo $logo; ?>" alt="<?php bloginfo( 'name' ); ?>">
								<?php }else{?>
							<img src="<?php echo get_template_directory_uri(); ?>/images/logo.png" alt="<?php bloginfo( 'name' ); ?>" />
								<?php } ?>	
						</a><!--End Logo -->
					</li>
					<li class="toggle-topbar menu-icon"><a href="#"><span><?php esc_html_e( 'Menu', 'classiera' ); ?></span></a></li>
				</ul>
				<section class="top-bar-section top-bar-section-v1">
					<ul class="login right">
						<li class="has-dropdown">
						<?php if ( is_user_logged_in() ) { ?>
							<a href="#" data-dropdown="hover1" data-options="is_hover:true; hover_timeout:100"><?php esc_html_e( 'My Account', 'classiera' ); ?></a>
							<ul class="sub-menu dropdown">
							  <li class="dAccount"><a href="<?php echo $profile; ?>"><i class="fa fa-user"></i><?php esc_html_e( 'User Profile', 'classiera' ); ?></a></li>
							  <li class="dAccount"><a href="<?php echo wp_logout_url(get_option('siteurl')); ?>"><i class="fa fa-sign-out"></i><?php esc_html_e( 'Log out', 'classiera' ); ?></a></li>
							</ul>
							
						<?php }else{?>
							<a href="<?php echo $loginURL; ?>">
								<i class="fa fa-sign-in"></i>
								<?php esc_html_e( 'Login', 'classiera' ); ?>
							</a>
						<?php }?>
						</li>
					</ul>
					<ul class="newAdv1 right">
						<li><a href="<?php echo $new_post; ?>" ><i class="fa fa-pencil-square-o"></i><?php esc_html_e( 'Submit Ad', 'classiera' ); ?></a></li>
					</ul>
					<!--Auto Nav Start -->
					<?php  foundationpress_top_bar_l();  ?>
					<?php foundationpress_top_bar_r(); ?>								
					<!--Auto Nav End -->
				</section>
			</nav>
		</div>
	</section>
<?php } ?>