<!DOCTYPE html>
<!--[if IE]><![endif]-->
<!--[if IE 8 ]><html dir="{{ direction }}" lang="{{ lang }}" class="ie8"><![endif]-->
<!--[if IE 9 ]><html dir="{{ direction }}" lang="{{ lang }}" class="ie9"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html dir="{{ direction }}" lang="{{ lang }}">
<!--<![endif]-->
<head prefix="og:http://ogp.me/ns# fb:http://ogp.me/ns/fb# product:http://ogp.me/ns/product#">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{{ title }}</title>
<base href="{{ base }}" />
{% if description %}
<meta name="description" content="{{ description }}" />
{% endif %}
{% if keywords %}
<meta name="keywords" content="{{ keywords }}" />
{% endif %}
<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="//fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" />
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet">
{% for style in styles %}
<link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="{{ style.media }}" />
{% endfor %}
{% for script in scripts %}
<script src="{{ script }}" type="text/javascript"></script>
{% endfor %}
<script src="catalog/view/javascript/common.js" type="text/javascript"></script>

        {{mlseo_meta}}
      
{% for link in links %}
<link href="{{ link.href }}" rel="{{ link.rel }}" />
{% endfor %}
{% for analytic in analytics %}
{{ analytic }}
{% endfor %}
<!--BOF Product Series-->
			<style>	
				.pds a, .pds a:hover, .pds a:visited
				{
					text-decoration: none;
				}
			
				.pds a.preview
				{
					display: inline-block;
				}
				
				.pds a.preview.pds-current, .pds a.pds-current
				{
					border-bottom: 3px solid orange;
				}
				
				#preview{
					position: absolute;
					border: 1px solid #DBDEE1;
					background: #F8F8F8;
					padding: 5px;
					display: none;
					color: #333;
					z-index: 1000000;
				}
			</style>
			<script type="text/javascript" src="catalog/view/javascript/imagepreview/imagepreview.js"></script>
			<script type="text/javascript">
				$(document).ready(function(){
					pdsListRollover();
				});
				
				function pdsListRollover()
				{
					$('.pds a.pds-thumb-rollover').hover(function(){
						//on hover
						$this = $(this);
						var hoverImage = $this.attr('rel');
						$this.parents('.product-thumb').find('.image a img').attr('src', hoverImage);
					}, function(){
						//on unhover
						$this = $(this);
						var masterImage = $this.attr('master-image');
						$this.parents('.product-thumb').find('.image a img').attr('src', masterImage);
					});
				}
			</script>
			<!--EOF Product Series-->

				<script type="text/javascript">
					function increment(obj){
						/*UpdateQty(quantity.find('.input-number'),!0);*/
						UpdateQty(obj.find('.input-number'), obj,!0);
					}
					function descrement(obj){
						/*UpdateQty(quantity.find('.input-number'),!1);*/
						UpdateQty(obj.find('.input-number'), obj,!1);
					}
					function UpdateQty(t,c,u){
						var min_quantity = c.find('.minus').attr('min');
						var max_quantity = c.find('.plus').attr('max');
						var quantity = getQuantity(t, min_quantity); //parseInt(t.val());
							{% if idquantity.min_quantity %}
								quantity += 1*((u?min_quantity: (quantity>min_quantity)?-min_quantity : 0));
							{% else %}
								quantity += 1*((u?1:-1));
							{% endif %}
						t.attr("value",quantity.toString()).val(quantity.toString());
					}
					function getQuantity(t, min_quantity) {
						var n = parseInt(t.val()); 
						return ("NaN" == typeof n || min_quantity > n) && (n = min_quantity), n
					}
					
					/*function UpdateQty(t,n){var i=getQuantity(t);i+=1*(n?1:-1),1>i&&(i=1),t.attr("value",i.toString()).val(i.toString())}
					function getQuantity(t){var n=parseInt(t.val());return("NaN"==typeof n||1>n)&&(n=1),n}
					function quantity_inc(t){UpdateQty(t.find(".product-quantity"),!0)}
					function quantity_dec(t){UpdateQty(t.find(".product-quantity"),!1)}*/
				</script>
			

			<style type="text/css">
			.popup .inova{display:none;}
.inova{margin-top:-15px;
position: fixed;  bottom: 50px; left: 5px;
z-index:99999;text-decoration:none;


}
.inova a{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.inova a.whatsapp:hover{background:#39599f !important;}
.inova .fa {
    width: 23px;
    height: 21px;
    text-align: center;
    margin: 0 2px;
    display: inline-block;
    font-size: 20px;
    color: #fff;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.inova .btn {
    font-size: 10px;
    color: rgba(255, 255, 255, 1);
    font-weight: 400;
    text-transform: uppercase;
    background: rgba(235, 88, 127, 1);
    border-width: 2px;
    padding: 9px;
    padding-right: 9px;
    padding-left: 5px;
}
.botao-wpp {
  text-decoration: none;
  color: #eee;
  display: inline-block;
  background-color: #25d366;
  font-weight: bold;
  padding: 1rem 2rem;
  border-radius: 3px;
}

.botao-wpp:hover {
  background-color: darken(#25d366, 5%);
}

.botao-wpp:focus {
  background-color: darken(#25d366, 15%);
}


</style>
  
</head>
<body>

        {% if out_of_stock_show %}
        <style type="text/css">
        .out_of_stock_label{
            color: #FFF;
            word-wrap: break-word;
            float: left;
            font-size: 12px;
            line-height: 22px;
            text-align: center;
            position: absolute;
            left: 24px;
            top: 10px;
            background: #ff9638;
            padding: 0px 7px;
            border-radius: 5px;
            z-index: 1;
        }
        [onclick^=notify_when_available]{
            background: #eee !important;
            color: #888 !important;
            border: 1px solid #ccc;
        }
        [onclick^=notify_when_available] i:before{
            content: "\f0e0" !important;
        }
        .not_available_product img {
          -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
        }
        </style>
        {% endif %}
        {% if out_of_stock_notify %}
        <script type="text/javascript">
        function notify_when_available(product_id){
            $('#notify_when_available').modal('show');
            $('#notify_product_id').val(product_id);
        }
        $(document).ready(function(e){
            $('#notify_submit').click(function(e){
                $.ajax({
                    url: 'index.php?route=extension/module/notify_when_available/add_notify_request',
                    type: 'post',
                    dataType: 'json',
                    data: $("#notify_when_available form").serialize(),
                    beforeSend: function() {
                        $('#notify_submit').button('loading');
                    },
                    complete: function() {
                        $('#notify_submit').button('reset');
                    },
                    success: function(json) {
                        $('.alert-dismissible').remove();

                        if (json['error']) {
                            $('#notify_when_available form').prepend('<div class="alert alert-danger alert-dismissible"><i class="fa fa-exclamation-circle"></i> ' + json['error'] + '</div>');
                        }

                        if (json['success']) {
                            $('#notify_when_available form').prepend('<div class="alert alert-success alert-dismissible"><i class="fa fa-check-circle"></i> ' + json['success'] + '</div>');
                            $('#notify_when_available input').val('');
                            $('#notify_when_available textarea').val('');
                            setTimeout(function(e){
                                $('#notify_when_available').modal('hide');
                            },1200);
                        }
                    }
                });
            });
        });
        </script>
        <div id="notify_when_available" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">{{notify_heading}}</h4>
                    </div>
                    <div class="modal-body">
                        <form id="notify_when_available" onclick="return false;">
                        <input type="hidden" name="notify_product_id" value="" id="notify_product_id">
                        <div class="form-group">
                            <label>{{entry_name_notify}}</label>
                            <input type="text" name="notify_name" class="butonlar" id="notify_name" class="form-control" value="{{notify_name}}">
                        </div>
                        <div class="form-group">
                            <label>{{entry_email_notify}}</label>
                            <input type="text" name="notify_email" class="butonlar" id="notify_email" class="form-control" value="{{notify_email}}">
                        </div>
                        <div class="form-group">
                            <label>{{entry_message_notify}}</label>
                            <textarea name="notify_message" id="notify_message" class="form-control"></textarea>
                        </div>
                        <div class="form-group">
                            <button type="button" id="notify_submit" data-loading-text="{{ text_loading }}" class="btn btn-primary">{{button_notify_send}}</button>
                        </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        {% endif %}
       
<nav id="top">
  <div class="container">{{ currency }}
    {{ language }}
    <div id="top-links" class="nav pull-right">
      <ul class="list-inline">
        <li><a href="{{ contact }}"><i class="fa fa-phone"></i></a> <span class="hidden-xs hidden-sm hidden-md">{{ telephone }}</span></li>
        <li class="dropdown"><a href="{{ account }}" title="{{ text_account }}" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_account }}</span> <span class="caret"></span></a>
          <ul class="dropdown-menu dropdown-menu-right">
            {% if logged %}
            <li><a href="{{ account }}">{{ text_account }}</a></li>
            <li><a href="{{ order }}">{{ text_order }}</a></li>
            <li><a href="{{ transaction }}">{{ text_transaction }}</a></li>
            <li><a href="{{ download }}">{{ text_download }}</a></li>
            <li><a href="{{ logout }}">{{ text_logout }}</a></li>
            {% else %}
            <li><a href="{{ register }}">{{ text_register }}</a></li>
            <li><a href="{{ login }}">{{ text_login }}</a></li>
            {% endif %}
          </ul>
        </li>
        <li><a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}"><i class="fa fa-heart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_wishlist }}</span></a></li>
        <li><a href="{{ shopping_cart }}" title="{{ text_shopping_cart }}"><i class="fa fa-shopping-cart"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_shopping_cart }}</span></a></li>
        <li><a href="{{ checkout }}" title="{{ text_checkout }}"><i class="fa fa-share"></i> <span class="hidden-xs hidden-sm hidden-md">{{ text_checkout }}</span></a></li>
      </ul>
    </div>
  </div>
</nav>
<header>
  <div class="container">
    <div class="row">
      <div class="col-sm-4">
        <div id="logo">{% if logo %}<a href="{{ home }}"><img src="{{ logo }}" title="{{ name }}" alt="{{ name }}" class="img-responsive" /></a>{% else %}
          <h1><a href="{{ home }}">{{ name }}</a></h1>
          {% endif %}</div>
      </div>
      <div class="col-sm-5">{{ search }}</div>
      <div class="col-sm-3">{{ cart }}</div>
    </div>
  </div>
</header>
{{ menu }}
