{% extends "templates/lilcity/layer.html" %}

{% load static %}
{% load setting from settings %}
{% load compress %}

{% block layer_head %}
    <script src="https://js.pusher.com/4.1/pusher.min.js"></script>
    <script>
      LIL_SERVER_TIME = "{% now 'U' %}";
      LIL_SERVER_TIME_DIFF = Math.floor((new Date().getTime()) / 1000) - parseInt(LIL_SERVER_TIME);
      USER_ID = "{{ request.user.id }}";
      COURSE_ID = "{{ course.id }}";
      MIXPANEL_CUSTOM_LIB_URL = "/static/mixpanel-2-latest.js";
    </script>
    <!-- Start of LiveChat (www.livechatinc.com) code -->
    <script type="text/javascript">
    window.__lc = window.__lc || {};
    window.__lc.license = 9917240;
    {% if request.user.is_authenticated %}
    window.__lc.visitor = { name: '{{ request.user.get_full_name }}', email: '{{ request.user.email }}' };
    {% endif %}
    (function() {
      var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true;
      lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + 'cdn.livechatinc.com/tracking.js';
      var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s);
    })();
    </script>
    <!-- End of LiveChat code -->
    {% block head %}{% endblock head %}
{% endblock layer_head %}

{% block layer_body %}
    {% include "templates/blocks/social.html" %}
    {% include "templates/blocks/baner.html" %}
    <div class="outer js-outer">
      {% include "templates/blocks/header.html" %}
      <div id="lilcity-vue-app" class="container">
        {% block content %}{% endblock content %}
      </div>
      {% include "templates/blocks/footer.html" %}
      {% include "templates/blocks/popup_auth.html" %}
      {% include "templates/blocks/popup_school_buy.html" %}
      {% if is_gift_certificate_url %}
      {% include "templates/blocks/popup_gift_certificate.html" %}
      {% endif %}
      {% include "templates/blocks/popup_enter_gift_code.html" %}
      {% include "templates/blocks/popup_course_lock.html" %}
      {% include "templates/blocks/popup_subscribe.html" %}
      {% include "templates/blocks/popup_capture_email.html" %}
    </div>
    {% include 'templates/blocks/lil_store_js.html' %}
    {% block pre_app_js %}{% endblock pre_app_js %}
    <script type="text/javascript" src="{% static "app.js" %}"></script>
    <script>
      var schoolDiscount = parseFloat({{ config.SERVICE_DISCOUNT }});
      var schoolAmountForDiscount = parseFloat({{ config.SERVICE_DISCOUNT_MIN_AMOUNT }});
    </script>
    {% comment %} ROISTAT {% endcomment %}
    <script>
      (function(w, d, s, h, id) { w.roistatProjectId = id; w.roistatHost = h; var p = d.location.protocol == "https:" ? "https://" : "http://"; var u = /^.*roistat_visit=[^;]+(.*)?$/.test(d.cookie) ? "/dist/module.js" : "/api/site/1.0/"+id+"/init"; var js = d.createElement(s); js.charset="UTF-8"; js.async = 1; js.src = p+h+u; var js2 = d.getElementsByTagName(s)[0]; js2.parentNode.insertBefore(js, js2);})(window, document, 'script', 'cloud.roistat.com', '{% setting "ROISTAT_COUNTER_ID" %}');
    </script>
    {% block foot %}{% endblock foot %}
    {% block foot_js %}{% endblock foot_js %}
{% endblock layer_body %}