<!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="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="catalog/view/theme/essence/slick/slick.css" rel="stylesheet">
			<link href="catalog/view/theme/essence/slick/slick-theme.css" rel="stylesheet">
            <link href="catalog/view/theme/essence/main.css" rel="stylesheet">
            {% for style in styles %} 
            <link href="{{ style['href'] }}" type="text/css" rel="{{ style['rel'] }}" media="{{ style['media'] }}" />
            {% endfor %} 
            <script src="catalog/view/theme/essence/slick/slick.min.js" type="text/javascript"></script>
            <script src="catalog/view/theme/essence/main.js" type="text/javascript"></script>
            {% for link in links %} 
            <link href="{{ link['href'] }}" rel="{{ link['rel'] }}" />
            {% endfor %} 
            {% for script in scripts %} 
            <script src="{{ script }}" type="text/javascript"></script>
            {% endfor %} 
            {% for analytic in analytics %} 
            {{ analytic }} 
            {% endfor %} 
         </head>
		    {% if admin_custom_css %}	
            <style type="text/css">
               {{ admin_custom_css }}
            </style>
            {% endif %}
         <body>
            <header>
               <nav class="top-header">
			     <div class="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 class="top-header-left">
                     <button type="button" class="hidden-lg hidden-md hidden-sm" id="mob-menu">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                           <line x1="3" y1="12" x2="21" y2="12"></line>
                           <line x1="3" y1="6" x2="21" y2="6"></line>
                           <line x1="3" y1="18" x2="21" y2="18"></line>
                        </svg>
                     </button>
                     <a href="{{ contact }}" class="header-phone">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="hidden-lg hidden-md">
                           <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"></path>
                        </svg>
                        <span class="hidden-xs hidden-sm">{{ telephone }}</span>
                     </a>
                     <button type="button" data-toggle="modal" data-target="#searchmodal" >
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" >
                           <circle cx="11" cy="11" r="8"></circle>
                           <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
                        </svg>
                     </button>
                  </div>
                  <div class="top-header-right">
                     {{ cart }}
                     <button type="button" data-toggle="modal" data-target="#accountmodal">
                        <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                           <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
                           <circle cx="12" cy="7" r="4"></circle>
                        </svg>
                     </button>
                     <div class="btn-group">
                        <button type="button"  class="more-btn dropdown-toggle" data-toggle="dropdown">
                           <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" >
                              <circle cx="12" cy="12" r="1"></circle>
                              <circle cx="12" cy="5" r="1"></circle>
                              <circle cx="12" cy="19" r="1"></circle>
                           </svg>
                        </button>
                        <ul class="dropdown-menu pull-right">
                           <li>
                              <a href="{{ wishlist }}" id="wishlist-total" title="{{ text_wishlist }}" class="text-center">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <path d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"></path>
                                 </svg>
                                 <span class="hidden-xs hidden-sm hidden-md">{{ text_wishlist }}</span>
                              </a>
                           </li>
                           <li>
                              <a href="{{ compare }}" id="compare-total" class="text-center">
                                 <svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                                    <line x1="18" y1="20" x2="18" y2="10"></line>
                                    <line x1="12" y1="20" x2="12" y2="4"></line>
                                    <line x1="6" y1="20" x2="6" y2="14"></line>
                                 </svg>
                                 <span class="hidden-xs hidden-sm hidden-md">{{ text_compare }}</span>
                              </a>
                           </li>
                           <li>{{ currency }}</li>
                           <li>{{ language }}</li>
                        </ul>
                     </div>
                  </div>
               </nav>
               {{ menu }}
               </div>
            </header>
            {{ search }}
            <div class="modal fade" id="accountmodal" tabindex="-1" role="dialog" aria-labelledby="accountmodalLabel">
               <div class="modal-dialog" role="document">
                  <div class="modal-content">
                     <div class="modal-header">
                        <button type="button" class="modal-close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="accountmodalLabel">{{ text_account }}</h4>
                     </div>
                     <div class="modal-body topbar-modal">
                        {% if logged %}
                        <div class="row text-center">
                           <a href="{{ account }}" class="btn btn-primary">{{ button_continue }}</a>
                        </div>
                        {% else %}
                        <div class="row">
                           <div class="col-sm-6">
                              <div class="well">
                                 <h2>{{ text_new_customer }}</h2>
                                 <p><strong>{{ text_register }}</strong></p>
                                 <p>{{ text_register_account }}</p>
                                 <a href="{{ register }}" class="btn btn-primary">{{ button_continue }}</a>
                              </div>
                           </div>
                           <div class="col-sm-6">
                              <div class="well">
                                 <h2>{{ text_returning_customer }}</h2>
                                 <p><strong>{{ text_i_am_returning_customer }}</strong></p>
                                 <form action="{{ action }}" method="post" enctype="multipart/form-data">
                                    <div class="form-group">
                                       <label class="control-label" for="input-email">{{ entry_email }}</label>
                                       <input type="text" name="email" value="{{ email }}" placeholder="{{ entry_email }}" id="input-email" class="form-control" />
                                    </div>
                                    <div class="form-group">
                                       <label class="control-label" for="input-password">{{ entry_password }}</label>
                                       <input type="password" name="password" value="{{ password }}" placeholder="{{ entry_password }}" id="input-password" class="form-control" />
                                       <a href="{{ forgotten }}">{{ text_forgotten }}</a>
                                    </div>
                                    <input type="submit" value="{{ button_login }}" class="btn btn-primary" />
                                    {% if redirect %}
                                    <input type="hidden" name="redirect" value="{{ redirect }}" />
                                    {% endif %}
                                 </form>
                              </div>
                           </div>
                        </div>
                        {% endif %}
                     </div>
                  </div>
               </div>
            </div>