{% load i18n %}
{% load staticfiles %}
<!DOCTYPE html>
<!--[if lt IE 7]>      <html lang="{{ LANGUAGE_CODE|default:"en-us" }}" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html lang="{{ LANGUAGE_CODE|default:"en-us" }}" class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html lang="{{ LANGUAGE_CODE|default:"en-us" }}" class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html lang="{{ LANGUAGE_CODE|default:"en-us" }}" class="no-js"> <!--<![endif]-->
  <head>
    <title>{% if display_version %}[{% trans "Build" %} {{ version }}] {% endif %}{% block title %}{{ shop_name }} -
      {{ shop_tagline }}{% endblock %}</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <meta name="created" content="{% now "jS M Y h:i" %}"/>
    <meta name="description" content="{% block description %}{% endblock %}"/>
    <meta name="viewport" content="{% block viewport %}width=device-width{% endblock %}"/>
    <meta name="robots" content="NOARCHIVE,NOCACHE"/>

    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
        <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->

    {% block favicon %}
      <link rel="shortcut icon" href="{% static "oscar/favicon.ico" %}"/>
    {% endblock %}

    {# Block where global CSS will go. #}
    {% block styles %}{% endblock %}

    {# Additional CSS - specific to certain pages #}
    {% block extrastyles %}{% endblock %}

    {% if optimizely_snippet_src %}
      <script src="{{ optimizely_snippet_src }}"></script>
    {% endif %}

    {% block extrahead %}{% endblock %}

    {% block tracking %}
      {# Default to using Google analytics #}
      {% include "partials/google_analytics.html" %}
    {% endblock %}
  </head>

  <body id="{% block body_id %}default{% endblock %}" class="{% block body_class %}default{% endblock %}">
    {# Main content goes in this 'layout' block #}
    {% block layout %}{% endblock %}

    {# Scripts loaded from a CDN. #}
    {% block cdn_scripts %}
      <!-- jQuery: NOTE (CCB) - Use the same version everywhere. -->
      <script src="{% static 'bower_components/jquery/dist/jquery.js' %}"></script>
    {% endblock %}

    {# Local scripts #}
    {% block scripts %}
    {% endblock %}

    {# Additional JS scripts #}
    {% block extrascripts %}{% endblock %}

    {# Block for body onload functions #}
    <script type="text/javascript">
      $(function () {
        {% block onbodyload %}{% endblock %}
      });
    </script>

    {# Page meta-data - this is populated by the 'metadata' template context processor #}
    <!-- {% trans "Version:" %} {{ version }} -->
  </body>
</html>
