<!DOCTYPE html>
<html <?php language_attributes();?> class="demo-1 no-js">
<head>
	<script>
        var template_directory = "<?php echo get_template_directory_uri(); ?>";
        var ajax_url = "<?php echo admin_url('admin-ajax.php'); ?>";    
    </script>
	
	
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri() ?>/assets/css/component.css" />
     <link href="<?php echo get_template_directory_uri() ?>/assets/css/prettyPhoto.css" rel="stylesheet">
		<link rel="stylesheet" type="text/css" href="<?php echo get_template_directory_uri() ?>/assets/css/set1.css" />
     
     
	<script src="<?php echo get_template_directory_uri() ?>/assets/js/snap.svg-min.js"></script>
   
		<!--[if IE]>
  		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
	<?php if(get_field("site_favicon","options")): ?>
        <link rel="icon" type="image/png" href="<?php the_field("site_favicon","options"); ?>" />
    <?php endif; ?>
    
    <title><?php bloginfo('name'); ?><?php wp_title(); ?></title>
 
 	<?php doBranding(); ?>
 	<?php if(get_field('custom_css','options')):?>
		<style>
			<?php the_field('custom_css','options'); ?>
		</style>
	<?php endif; ?>
	
	<?php if(get_field('custom_js','options')):?>
		<script>
			<?php the_field('custom_js','options'); ?>
		</script>
	<?php endif; ?>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">

 

    <?php wp_head(); ?>
  

</head>

<?php 
	$noFooter = "";
	if(get_field('disable_footer','options')){
		$noFooter = 'um_noFooter';	
	}
 ?>
<body <?php body_class($noFooter); ?>>
	<header id="siteHeader">
       
<!-- Menu -->      
	<section class="preHeader mainColor">
    <!--<div class="call">For Reservation call us : 9899311849</div>-->
	    <div class="container">
	        <div class="row">
	            <div class="col-md-12">	                   
					<?php get_template_part('content','upperMenu');  ?>
	            </div>
	    	</div>
		</div>
        
	</section>


<!-- Site Logo -->
    <section class="pageHeader mainBgColor">
		<div class="nav-container pageHeaderContainer">
            <div class="row" style="margin:0px;">
              <div class="logo_wrapper"><div class="um_flex-2 col-md-2 col-sm-3 col-xs-5" style="padding:0px !important;">
                    <section class="logo">
                        <div class="um_helper">
                            <div >
                            	<?php if(get_field('logo_type','options') == 'text' ): ?>
                              			 <h1 class="logo"><a href="<?php echo site_url(); ?>"><?php the_field('logo_text','options') ?></a></h1>
                                <?php elseif(get_field('logo_type','options') == 'image'): ?>
                                	<?php $logoImg = wp_get_attachment_image_src( get_field('logo_image' ,'option'), 'full'); ?>
									<?php $retinaLogo = 'um_noRetina';  ?>
									<?php if(get_field('retina_logo','options')){
						        				$logoW = $logoImg[1] / 2; 
						        				$logoH = $logoImg[2] / 2;
												$retinaLogo = 'um_retina'; 
						        			}
						        			else{
												$logoW = $logoImg[1]; 
						        				$logoH = $logoImg[2];
											}	
										?>
											<a href="<?php echo site_url(); ?>"><img width="<?php echo $logoW; ?>" height="<?php echo $logoH; ?>" src="<?php echo $logoImg[0]; ?>" class="logo imgLogo <?php echo $retinaLogo; ?>"></a>			        	
                        		<?php else: ?>
									<h1 class="logo"><a href="<?php echo site_url(); ?>"><?php bloginfo('name');?></a> </h1>
								<?php endif; ?>
                            </div>
                        </div>
                    </section>
                </div>
</div>
<!-- Main manu -->
             <div class="um_flex col-md-8 col-sm-6 col-xs-2">
                    <div class="um_helper">
                        <div class="um_middle">
                            <nav class="navbar navbar-default text-center" role="navigation">
                                <div class="navbar-header">
                                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main_navbar_collapse">
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                        <span class="icon-bar"></span>
                                    </button>
                                </div>

                               <div class="collapse navbar-collapse" id="main_navbar_collapse">
						             <?php
						                $defaults = array(
											'container' 	  => false,
						                    'menu_class'      => 'nav navbar-nav',
						                    'theme_location'   => 'main_menu'
						                );
						                wp_nav_menu( $defaults );
						            ?>
								</div>	
                            </nav>
                            
                      
                        </div>
                    </div>
                </div>



     <div id="flip">MAKE A RESERVATION</div>
<div id="booking">
<table width="100%" id="stylized" class="myform" height="80px" border="0" cellspacing="0" cellpadding="0" align="center">
<form action="http://hotels.eglobe-solutions.com/acaciagoa/booking/detail#bookingsteps" method="post" name="frmHotelDetails" id="frmHotelDetails" >
  <script type="text/javascript" src="http://www.eglobe-solutions.com/images/calendarDateInput2.js"></script>

  <tr>
    <td align="left" class="td2" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff; font-size:14px;">
   Check-In Date &nbsp; &nbsp;</td>
    </tr>
    
    <tr>
    <td align="left" class="td2" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff; font-size:14px;">
    <!--<script>DateInput('checkInDateParam', true, 'DD-MON-YYYY')</script>-->
    <input class="datepicker" data-date-format="mm/dd/yyyy" placeholder="mm/dd/yyyy" style=" width:96%;">
    </td>
    </tr>
  <tr>
    <td align="left" class="td2"  style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff; font-size:14px;">
    Nights
    </td>
    </tr>
    
     
  <tr>
    <td align="left" class="td2"  style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#fff; font-size:14px;">
    <select name="selStay2" id="selStay2" onChange="document.getElementById('numNightsParam').value=this.value;">
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
      </select></td>
    </tr>
  <tr>
    <td align="right" class="td2" style="font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; color:#353526; font-size:14px;"><input type="hidden" name="numNightsParam2" id="numNightsParam2" value="1"/>
      <!--<input type="image"  src="http://www.eglobe-solutions.com/mailer/IframeBookingEngine/RectButton.gif" style="width:90px; height:30px; border-radius:4px; border:none; "/>-->
       <input type="image" value="BOOK NOW" class="button1" /></td>
    </tr>
  
</form>
</table>
</div>


<!-- Social icons -->
				<?php $socialNetwork = get_field('social_icons','options'); ?>
				<?php if($socialNetwork): ?>
	                    <div class="social_mediawapper"><div class="col-md-12 col-sm-3 col-xs-5 fRight">
	                        <section class="socialLinks text-right">
	                            <div class="um_helper">
	                                <div class="um_middle">
	                                    <ul class="list-unstyled list-inline">
	                                    	<?php foreach($socialNetwork as $network): ?>
	                                    		<?php
	                                    			  $newTab = '';
													  if($network['new_tab']){
													  	$newTab = '_blank';
													  }
												 ?>
	                                        	<li class="text-center"><a target="<?php echo $newTab; ?>" class="brandColor" href="<?php echo $network['link']; ?>"><i class="fa <?php echo $network['network']; ?>"></i></a></li>
	                                    	<?php endforeach; ?>
	                                    </ul>
	                                </div>
	                            </div>
	                        </section>
	                    </div></div>
	           <?php endif; ?>
           </div>
       </div>                   
	</section>
</header>



<!--  Loading -->
	<?php 
		$loadingActive = "active";
		if(get_field('disable_loading','options')){
			$loadingActive = "";
		}
	?>
	<section class="um_shadow <?php echo $loadingActive; ?>">
		<div class="um_loading"></div>
	</section>

