<!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>
<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="all" />
<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" media="all" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,300,700" rel="stylesheet" type="text/css" media="all" />
<link href="catalog/view/theme/default/stylesheet/stylesheet.css" rel="stylesheet" media="all">
{% for style in styles %}
<link href="{{ style.href }}" type="text/css" rel="{{ style.rel }}" media="all" />
{% endfor %}
{% for script in scripts %}
<script src="{{ script }}" type="text/javascript"></script>
{% endfor %}
<script src="catalog/view/javascript/common.js" type="text/javascript"></script>
{% for link in links %}
<link href="{{ link.href }}" rel="{{ link.rel }}" />
{% endfor %}
{% for analytic in analytics %}
{{ analytic }}
{% endfor %}

<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/custom.css?v={{ random() }}" media="all" />

{% if logged %}
  {% if customer_distid %}
  {% else %}
    <script type="text/javascript">
      if (!window.location.href.indexOf("register") > -1) {
        //window.location = "https://vivalife.com.my/estore/index.php?route=account/register&distid={{ customer_distid }}";
      }
    </script>
  {% endif %}
{% endif %}
</head>



<body class="{{ v_route }}{% if logged %}logged-in{% endif %} distid-{{ customer_distid }}">
  <!-- <div style="display:flex !important;justify-content:center;">
    <h1>We are busy upgrading the store for you and will be back shortly.</h1>
  </div> -->
  <div class="" style="display:none;">
    <button type="button" name="button">distid</button>
  </div>
<nav id="top">
  <div class="container">{{ currency }}
    <div class="nav pull-left pull-login">
      <ul class="list-inline">
        <li><a href="{{ home }}"><i class="fa fa-home"></i><span class="">{{ text_home }}</span></a></li>
        <li><a href="https://vivalife.com.my/estore/index.php?route=information/information&information_id=4"><i class="fa fa-address-card"></i><span class="">{{ text_about }}</span></a></li>
        <li><i class="fa fa-language"></i><span class="">{{ language }}</span></li>
      </ul>
    </div>
    <div id="top-links" class="nav pull-right">
      <ul class="list-inline">

        <li class="dropdown"><a href="{{ account }}" title="{{ text_account }}" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i>
          <span class="user-name">
          {% if logged %}
            {% if customer_firstname  %}
              {{ customer_firstname }}
            {% else %}
              {{ text_login }}
            {% endif %}
          {% else %}
            {{ text_login }}
          {% endif %}

          </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 class="header-cart {% if logged %}{{ text_login_cart }}{% else %}{{ text_unlogin_cart }}{% endif %}">
        {{ cart }}
          {# <a href="{{ shopping_cart }}" title="{{ text_shopping_cart }}"><i class="fa fa-shopping-cart"></i> <span class="">{{ text_shopping_cart }}</span></a> #}
        </li>
        <li style="display:none;"><a href="{{ checkout }}" title="{{ text_checkout }}"><i class="fa fa-share"></i> <span class="">{{ 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-8">
        <div class="row header-contact-row">
          <div class="col-md-4">
            <div class="contact-wrap">
              <div class="phone">
                <img src="https://vivalife.com.my/estore/image/catalog/phone.png" alt="">
              </div>
              <div class="">
                <span>CONTACT US</span>
                <div class="">
                  {{ telephone_hp }}
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="contact-wrap">
              <div class="email">

              </div>
              <div class="">
                <span>EMAIL AT</span>
                <div class="">
                  {{ config_email }}
                </div>
              </div>
            </div>
          </div>
          <div class="col-md-4">
            <div class="contact-wrap">
              <div class="phone">
                <img src="https://vivalife.com.my/estore/image/catalog/lock.png" alt="">
              </div>
              <div class="">
                <span>ONLINE PAYMENT</span>
                <div class="">
                  {{ config_custom_contact }}
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="row header-row">
          <div class="col-sm-7">{{ search }}</div>
          {# <div class="col-sm-5 header-cart-col">{{ cart }}</div> #}
        </div>
      </div>

    </div>
  </div>
</header>
{{ menu }}
