<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
<!--<![endif]-->
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title><?php echo $title; ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content= "<?php echo $keywords; ?>" />
<?php } ?>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<script src="catalog/view/javascript/jquery/jquery-2.1.1.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="catalog/view/javascript/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<link href="catalog/view/javascript/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">
<?php foreach ($styles as $style) { ?>
<link href="<?php echo $style['href']; ?>" type="text/css" rel="<?php echo $style['rel']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script src="catalog/view/javascript/common.js" type="text/javascript"></script>
<?php foreach ($scripts as $script) { ?>
<script src="<?php echo $script; ?>" type="text/javascript"></script>
<?php } ?>
<?php echo $google_analytics; ?>

				<?php if( ! empty( $smp_canonical_url ) ) { ?>
					<link href="<?php echo $smp_canonical_url; ?>" rel="canonical" />
				<?php } ?>
				
				<?php foreach( $documentGetMeta as $val ) { ?>
					<meta<?php foreach( $val as $k => $v ) { ?> <?php echo $k; ?>="<?php echo $v; ?>"<?php } ?> />
				<?php } ?>
				
				<script type="text/javascript">
					function getURLVar(key) {
						var value 	= [],
							url		= String(document.location),
							query;
						
						if( url.indexOf( '?' ) > -1 ) {
							query = url.split('?');
						} else {
							query = url.split('/');
							query.shift();
							query.shift();
							query.shift();
							query = query.join('/');
							
							query = query.indexOf( '&' ) > -1 ? [ query.substring( 0, query.indexOf('&') ), query.substring( query.indexOf('&')+1 ) ] : [ query, '' ];
							
							value['route'] = query[0];
						}
						
						if (typeof query[1] != 'undefined') {
							var part = query[1].split('&');

							for (i = 0; i < part.length; i++) {
								var data = part[i].split('=');
								
								if (data[0] && data[1]) {
									value[data[0]] = data[1];
								}
							}
							
							if (value[key]) {
								return value[key];
							} else {
								return '';
							}
						}
					}
				</script>
			

				<?php if( ! empty( $smp_meta ) ) { ?>
					<?php foreach( $smp_meta as $k => $v ) { ?>
						<?php if( ! empty( $v ) ) { ?>
							<meta name="<?php echo $k; ?>" content="<?php echo $v; ?>" />
						<?php } ?>
					<?php } ?>
				<?php } ?>
				
				<?php if( ! empty( $smp_extras['facebook_widget']['enabled'] ) ) { ?>
					<script type="text/javascript">
						$().ready(function(){
							$('body').prepend('<div id="fb-root"></div>');
						
							(function(d, s, id) {
							var js, fjs = d.getElementsByTagName(s)[0];
							if (d.getElementById(id)) return;
							js = d.createElement(s); js.id = id;
							js.src = "//connect.facebook.net/<?php echo $smp_config_language . '_' . strtoupper( $smp_config_language ); ?>/all.js#xfbml=1&appId=201239803377033";
							fjs.parentNode.insertBefore(js, fjs);
							}(document, 'script', 'facebook-jssdk'));
						});
					</script>
					<script type="text/javascript">
						$().ready(function(){
							var html = 
								'<div ' +
									'id="smp-fb-widget" ' +
									'style="background: #<?php echo $smp_extras['facebook_widget']['colorscheme'] == 'dark' ? '000' : 'fff'; ?>; z-index: 999; position: fixed; display: block; top:<?php echo $smp_extras['facebook_widget']['margin_top']; ?>px; <?php echo $smp_extras['facebook_widget']['position'] == 'left' ? 'left' : 'right'; ?>:-<?php echo $smp_extras['facebook_widget']['width']; ?>px;"' +
								'>' +
									'<img ' +
										'style="position: absolute; cursor: pointer;" ' +
										'src="<?php echo ! empty( $smp_extras['facebook_widget']['image'] ) ? 'image/' . $smp_extras['facebook_widget']['image'] : ( 'catalog/view/theme/default/smp/img/fb-' . $smp_extras['facebook_widget']['position'] . '.png' ); ?>" ' +
									'/>' +
									'<div ' +
										'class="fb-like-box" ' +
										'data-href="<?php echo $smp_extras['facebook_widget']['url']; ?>" ' +
										'data-width="<?php echo $smp_extras['facebook_widget']['width']; ?>" ' +
										'data-height="<?php echo $smp_extras['facebook_widget']['height']; ?>" ' +
										'data-colorscheme="<?php echo $smp_extras['facebook_widget']['colorscheme']; ?>" ' +
										'data-show-faces="<?php echo $smp_extras['facebook_widget']['show_faces'] ? 'true' : 'false'; ?>" ' +
										'data-header="<?php echo ! empty( $smp_extras['facebook_widget']['header'] ) ? 'true' : 'false'; ?>" ' +
										'data-stream="false" ' +
										'data-show-border="true"></div>' +
									'</div>';
							
							$('body').prepend( html );
						});
					</script>
					
					<script type="text/javascript">
						$().ready(function(){
							$('#smp-fb-widget').each(function(){
								var self	= $(this),
									img		= self.find('> img:first'),
									box		= self.find('.fb-like-box:first'),
									pos		= '<?php echo $smp_extras['facebook_widget']['position']; ?>',
									width	= <?php echo (int) $smp_extras['facebook_widget']['width']; ?>,
									loader	= setInterval(function(){
										if( ! img.width() || ! img.height() ) 
											return;
											
										clearInterval( loader );
											
										img.css('margin-left', pos == 'left' ? width : - img.width());
										img.click(function(){
											var opt = {};
											opt[pos] = 0;
												
											self.animate(opt, 500).unbind('mouseleave').bind('mouseleave', function(){
												var opt = {};
												opt[pos] = - width;
												self.animate(opt,500);
											});
										});
									},100);									
							});
						});
					</script>
				<?php } ?>
				
				<?php if( ! empty( $smp_extras ) && ! empty( $smp_extras['g_plus_widget']['enabled'] ) ) { ?>
					<script type="text/javascript">
						$().ready(function(){
							window.___gcfg = {lang: '<?php echo $smp_config_language; ?>'};

							(function() {
								var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
								po.src = 'https://apis.google.com/js/platform.js';
								var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
							})();
						});
					</script>
					<script type="text/javascript">
						$().ready(function(){
							var html = 
								'<div ' +
									'id="smp-gplus-widget" ' +
									'style="background: #<?php echo $smp_extras['g_plus_widget']['colorscheme'] == 'dark' ? '000' : 'fff'; ?>; z-index: 999; position: fixed; display: block; top:<?php echo $smp_extras['g_plus_widget']['margin_top']; ?>px; <?php echo $smp_extras['g_plus_widget']['position'] == 'left' ? 'left' : 'right'; ?>:<?php echo - $smp_extras['g_plus_widget']['width']; ?>px;"' +
								'>' +
									'<img ' +
										'style="position: absolute; cursor: pointer;" ' +
										'src="<?php echo ! empty( $smp_extras['g_plus_widget']['image'] ) ? 'image/' . $smp_extras['g_plus_widget']['image'] : ( 'catalog/view/theme/default/smp/img/g_plus-' . $smp_extras['g_plus_widget']['position'] . '.png' ); ?>" ' +
									'/>' +
									'<div ' +
										'class="g-<?php echo empty( $smp_extras['g_plus_widget']['type_account'] ) ? 'person' : $smp_extras['g_plus_widget']['type_account']; ?>" ' +
										'data-width="<?php echo $smp_extras['g_plus_widget']['width']; ?>" ' +
										'data-height="<?php echo $smp_extras['g_plus_widget']['height']; ?>" ' +
										'data-href="<?php echo $smp_extras['g_plus_widget']['url']; ?>" ' +
										'data-theme="<?php echo $smp_extras['g_plus_widget']['colorscheme']; ?>" ' +
										( '<?php echo $smp_extras['g_plus_widget']['layout']; ?>' == 'portrait' ? '' : 'data-layout="<?php echo $smp_extras['g_plus_widget']['layout']; ?>" ' ) +
										'data-rel="author">' +
									'</div>' +
								'</div>';
								
							$('body').prepend( html );
						});
					</script>
					
					<script type="text/javascript">
						$().ready(function(){
							$('#smp-gplus-widget').each(function(){
								var self	= $(this),
									img		= self.find('> img:first'),
									box		= self.find('.g-<?php echo empty( $smp_extras['g_plus_widget']['type_account'] ) ? 'person' : $smp_extras['g_plus_widget']['type_account']; ?>:first'),
									pos		= '<?php echo $smp_extras['g_plus_widget']['position']; ?>',
									width	= <?php echo (int) $smp_extras['g_plus_widget']['width']; ?>,
									loader	= setInterval(function(){
										if( ! img.width() || ! img.height() ) 
											return;
											
										clearInterval( loader );
											
										img.css('margin-left', pos == 'left' ? width : - img.width());
										img.click(function(){
											var opt = {};
											opt[pos] = 0;
												
											self.animate(opt, 500).unbind('mouseleave').bind('mouseleave', function(){
												var opt = {};
												opt[pos] = - width;
												self.animate(opt,500);
											});
										});
									},100);									
							});
						});
					</script>
				<?php } ?>
				
				<?php echo (string) $__SMP_HREFLANG; ?>
				
				</head>
			
			
<body class=" <?php echo $class; ?> ">
<header class="header-nfc">


  <div class="container">
    <div class="row">
    
      <div class="col-sm-2">
        <div id="logo">
          <?php if ($logo) { ?>
          <a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" class="img-responsive" /></a>
          <?php } else { ?>
          <h1><a href="<?php echo $home; ?>"><?php echo $name; ?></a></h1>
          <?php } ?>
        </div>
      </div>
      <div class="col-md-10">
      <div class="col-md-12">
      <nav id="top">
  <div class="">
   <!-- <?php echo $currency; ?>
    <?php echo $language; ?>-->
    <div id="top-links" class="nav pull-right">
      <ul class="list-inline">
      <li>Secure payments</li>
      <li><a href=""><img  src="<?php echo HTTP_SERVER."image/catalog/demo/pay_01.png" ; ?>" ></a></li>
       <li><a href=""><img  src="<?php echo HTTP_SERVER."image/catalog/demo/pay_02.png" ; ?>"></a></li>
        <li><a href=""><img  src="<?php echo HTTP_SERVER."image/catalog/demo/pay_03.png" ; ?>"></a></li>
         <li><a href=""><img  src="<?php echo HTTP_SERVER."image/catalog/demo/pay_04.png" ; ?>"></a></li>
        <li><a href="<?php echo $contact; ?>"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md"><?php echo $telephone; ?></span></li>
     <li class="dropdown myresp"><a href="<?php echo $account; ?>" title="<?php echo $text_account; ?>" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_account; ?></span> <span class="caret"></span></a>
          <ul class="dropdown-menu dropdown-menu-right">
            <?php if ($logged) { ?>
            <li><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a></li>
            <li><a href="<?php echo $order; ?>"><?php echo $text_order; ?></a></li>
            <li><a href="<?php echo $transaction; ?>"><?php echo $text_transaction; ?></a></li>
            <li><a href="<?php echo $download; ?>"><?php echo $text_download; ?></a></li>
            <li><a href="<?php echo $logout; ?>"><?php echo $text_logout; ?></a></li>
            <?php } else { ?>
            <li><a href="<?php echo $register; ?>"><?php echo $text_register; ?></a></li>
            <li><a href="<?php echo $login; ?>"><?php echo $text_login; ?></a></li>
            <?php } ?>
          </ul>
        </li>
       <!-- <li class="myresp"><a href="<?php echo $wishlist; ?>" id="wishlist-total" title="<?php echo $text_wishlist; ?>"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_wishlist; ?></span></a></li>-->
        <li class="myresp"><a href="<?php echo $shopping_cart; ?>" title="<?php echo $text_shopping_cart; ?>"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_shopping_cart; ?></span></a></li>
        <li><a href="<?php echo $checkout; ?>" title="<?php echo $text_checkout; ?>"><i class="fa fa-share"></i> <span class="hidden-xs hidden-sm hidden-md"><?php echo $text_checkout; ?></span></a></li>
      </ul>
    </div>
  </div>
</nav></div>
          
<div class="col-md-12"><div class="col-sm-9">
<!--    <?php //if($informations){ ?>-->
<div class="">
<nav id="menu" class="navbar">
     <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>
          <div class="collapse navbar-collapse navbar-ex1-collapse">
                 <ul class="nav navbar-nav">
                      <li><a href="<?php echo $home; ?>">HOME</a></li>
                      <li><a href="<?php echo HTTP_SERVER."index.php?route=information/information&information_id=4"; ?>">ABOUT NFC</a></li>
                      <li><a href="<?php echo HTTP_SERVER."index.php?route=product/category&path=20"; ?>">NFC PRODUCTS</a></li>
                      <li><a href="<?php echo HTTP_SERVER."index.php?route=information/information&information_id=7"; ?>">SMART POSTERS</a></li>
                      <li><a href="<?php echo HTTP_SERVER."index.php?route=product/category&path=57"; ?>">NFC APPS</a></li>
                      
<?php                                    

/*foreach ($informations as $k=>$v){
                        if($v['id'] == '4' || $v['id'] == '7')
                        {
                             $title_value=strtoupper($v['title']);
                             echo '<li><a href="'.$v['href'].'">'.$title_value.'</a></li>';                            
                        }
                      }                       
                      foreach ($categories as $category) {
                        if ($category['children']) { 
  */    
?>
      
            <!--
        <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo strtoupper($category['name']); ?></a>
          <div class="dropdown-menu">
            <div class="dropdown-inner">
              <?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?>
              <ul class="list-unstyled">
                <?php foreach ($children as $child) { ?>
                <li><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li>
                <?php } ?>
              </ul>
              <?php } ?>
            </div>
            <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a> </div>
        </li> -->
        <?php // } else { ?>
        <!-- <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li> -->
        <?php // } ?>
        <?php // } ?>
<!--                       <?php //foreach ($informations as $information) { ?>
                         <li><a href="<?php //echo $information['href']; ?>"><?php // echo $information['title']; ?></a></li>
                       <?php //} ?>-->
                        </ul>
              </div>
         </nav>
    </div>
</div>
<!--    <?php // } ?>-->


      <div class="col-sm-3">
          <ul class="list-inline myshop pull-right"><li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" title="Account" href="<?php echo HTTP_SERVER."index.php?route=account/account" ; ?>" aria-expanded="false"><i class="fa fa-user"></i> <span class="hidden-xs hidden-sm hidden-md">Account</span> <span class="caret"></span></a>
          <ul class="dropdown-menu dropdown-menu-right">
                        <li><a href="<?php echo HTTP_SERVER."index.php?route=account/register" ; ?>">Register</a></li>
            <li><a href="<?php echo HTTP_SERVER."index.php?route=account/login";?>">Login</a></li>
                      </ul>
        </li>
        <li class="dropdown"><a data-toggle="dropdown" class="dropdown-toggle" title="My Account" href="<?php echo HTTP_SERVER."index.php?route=account/account";?>" aria-expanded="false"></a>
<!--                <i class="fa fa-shopping-cart"></i> -->
              
<!--               <span class="space-span hidden-xs hidden-sm hidden-md">Cart</span> <span class="shping-count">1</span> </a>-->
          
    </li>
        <li class="dropdown">
         <?php echo $cart; ?></li></ul>
    </div></div>
      </div>
<!--      <div class="col-sm-7">
      <nav id="menu" class="navbar">
    <div class="navbar-header"><span id="category" class="visible-xs"><?php echo $text_category; ?></span>
      <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button>
    </div>
    <div class="collapse navbar-collapse navbar-ex1-collapse">
      <ul class="nav navbar-nav">
        <?php foreach ($categories as $category) { ?>
        <?php if ($category['children']) { ?>
        <li class="dropdown"><a href="<?php echo $category['href']; ?>" class="dropdown-toggle" data-toggle="dropdown"><?php echo $category['name']; ?></a>
          <div class="dropdown-menu">
            <div class="dropdown-inner">
              <?php foreach (array_chunk($category['children'], ceil(count($category['children']) / $category['column'])) as $children) { ?>
              <ul class="list-unstyled">
                <?php foreach ($children as $child) { ?>
                <li><a href="<?php echo $child['href']; ?>"><?php echo $child['name']; ?></a></li>
                <?php } ?>
              </ul>
              <?php } ?>
            </div>
            <a href="<?php echo $category['href']; ?>" class="see-all"><?php echo $text_all; ?> <?php echo $category['name']; ?></a> </div>
        </li>
        <?php } else { ?>
        <li><a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a></li>
        <?php } ?>
        <?php } ?>
      </ul>
    </div>
  </nav>
      <?php echo $search; ?>
      </div>-->


 
  </div>
      </div>
</header>
<?php if ($categories) { ?>
<?php echo $welcome_content; ?>
<?php } ?>
