{% layout none %}
<!doctype html>
<!--[if IE 8]>
<html class="no-js lt-ie9 noFlex" lang="en">
  <![endif]-->
  <!--[if IE 9 ]>
  <html class="ie9 no-js noFlex">
    <![endif]-->
    <!--[if (gt IE 9)|!(IE)]><!--> 
     <head>
        <!-- Basic page needs ================================================== -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        {% if settings.favicon_enable %}
          <link rel="shortcut icon" href="{{ 'favicon.png' | asset_url }}" type="image/png" />
        {% endif %}
        <!-- Title and description ================================================== -->
        <title>
          {{ page_title }}{% if current_tags %}{% assign meta_tags = current_tags | join: ', ' %} &ndash; {{ 'general.meta.tags' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} &ndash; {{ 'general.meta.page' | t: page: current_page }}{% endif %}{% unless page_title contains shop.name %} &ndash; {{ shop.name }}{% endunless %}
        </title>
        {% if page_description %}
          <meta name="description" content="{{ page_description | escape }}">
        {% endif %}
        <!-- Mobile Specific Metas -->
        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
        <!-- Helpers ================================================== -->
        {% include 'social-meta' %}
        <link rel="canonical" href="{{ canonical_url }}">
        <meta name="viewport" content="width=device-width,initial-scale=1">
        <meta name="theme-color" content="{{ settings.color_primary }}">
        <!-- CSS ================================================== -->
        
        {{ 'theme.scss' | asset_url | stylesheet_tag }}
        {{ 'default.scss.css' | asset_url | stylesheet_tag}}
        {{ 'slick.scss.css' | asset_url | stylesheet_tag }}
        <!-- Header hook for plugins ================================================== -->
        <!-- font ================================================== -->

        {% if settings.type_logo_family contains 'Google' or settings.type_main_family contains 'Google' or settings.type_accent_family contains 'Google' or settings.type_meta_family contains 'Google' %}
          {% assign mainGoogleUrl = '' %}

          {% if settings.type_logo_family contains 'Google' %}
            {% assign type_logo_parts = settings.type_logo_family | split: '_' %}
            {% capture mainGoogleUrl %}{{ mainGoogleUrl }}|{{ type_logo_parts[1] }}:{{ type_logo_parts[2] }}{% endcapture %}
          {% endif %}

          {% if settings.type_main_family contains 'Google' %}
            {% assign type_main_parts = settings.type_main_family | split: '_' %}
            {% capture mainGoogleUrl %}{{ mainGoogleUrl }}|{{ type_main_parts[1] }}:{{ type_main_parts[2] }}{% endcapture %}
          {% endif %}

          {% if settings.type_accent_family contains 'Google' %}
            {% assign type_accent_parts = settings.type_accent_family | split: '_' %}
            {% capture mainGoogleUrl %}{{ mainGoogleUrl }}|{{ type_accent_parts[1] }}:{{ type_accent_parts[2] }}{% endcapture %}
          {% endif %}

          {% if settings.type_meta_family contains 'Google' %}
            {% assign type_meta_parts = settings.type_meta_family | split: '_' %}
            {% capture mainGoogleUrl %}{{ mainGoogleUrl }}|{{ type_meta_parts[1] }}:{{ type_meta_parts[2] }}{% endcapture %}
          {% endif %}

          {% assign mainGoogleUrl = mainGoogleUrl | remove_first: '|' %}

          {{ '//fonts.googleapis.com/css?family=' | append: mainGoogleUrl | stylesheet_tag }}
        {% endif %}
		    <link href="https://fonts.googleapis.com/css?family=Megrim" rel="stylesheet">
        <!-- icons ================================================== -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
        {{ content_for_header }}
        <script src="https://code.jquery.com/jquery-latest.min.js"></script>
        {{ 'modernizr.min.js' | asset_url | script_tag }}
        {% if template contains 'customers' %}
          {{ 'shopify_common.js' | shopify_asset_url | script_tag }}
        {% endif %}

        {% if settings.typekit != blank %}
          <script src="https://use.typekit.net/{{ settings.typekit }}.js"></script>
          <script>try{Typekit.load({ async: true });}catch(e){}</script>
        {% endif %}
        
        {% if template == 'page.nofollow' %}
        	<meta name="robots" content="nofollow,noindex ">
        {% endif %}
        
      </head>
      <body id="{{ page_title | handle }}" class="{% if customer %}customer-logged-in {% endif %}template-{{ template | replace: '.', ' ' | truncatewords: 2, '' | handle }}" >
        
        <div class="grid flexGrid gridJustify login centerColumns">
          <div id="passwordSignUp" class="half formWrap flexItem alignCenter">
            <h1>{{ 'general.password_page.opening_soon' | t }}</h1>
            <div class="rte">{{ shop.password_message }}</div>
            {% form 'customer' %}
            {{ form.errors | default_errors }}
            {% if form.posted_successfully? %}
            <label class="showLabel">{{ 'general.password_page.signup_form_success' | t }}</label>
            {% else %}
            <label class="showLabel">{{ 'general.password_page.signup_form_heading' | t }}</label>
            <input type="hidden" name="contact[tags]" value="prospect, password page">
            <input type="text" name="contact[email]" id="email" class="input-group-field" placeholder="{{ 'general.password_page.signup_form_email_placeholder' | t }}" autofocus required>
            <input type="submit" value="{{ 'general.password_page.signup_form_submit' | t }}" class="button">
            <a href="#" class="passwordPageToggle"> {{ 'general.password_page.password_link' | t }}</a>
            {%endif%}
            {% endform %}
          </div>
          <div id="passwordSignIn" style="display:none" class="half formWrap flexItem alignCenter">
            <p class="genHeading">{{ 'general.password_page.login_form_heading' | t }}</p>
            {% form 'storefront_password' %}
            {{ form.errors | default_errors }}
            <label for="password" class="hidden-label">{{ 'general.password_page.login_form_password_label' | t }}</label>
            <input type="password" name="password" id="password" class="input-group-field" placeholder="{{ 'general.password_page.login_form_password_placeholder' | t }}" autofocus required>
            <input type="submit" class="button" value="{{ 'general.password_page.login_form_submit' | t }}"/>
            <a href="/admin">Log in to admin</a>
            <a href="#" class="passwordPageToggle"> {{ 'general.password_page.cancel_password_link' | t }}</a>
            {% endform %}
          </div>
        </div>
       
        <script>
          $(function() {
           $('.passwordPageToggle').click(function(e) {
          e.preventDefault();
          $('#passwordSignUp').toggle();
          $('#passwordSignIn').toggle();
          });
            if ( $('.storefront-password-form .errors').size() ) {
                $('#passwordSignUp').toggle();
          $('#passwordSignIn').toggle();
            }
          });
        </script>
      </body>
    </html>