{% extends "base.html" %}
{% load staticfiles %}{% load i18n %}{% load cache %}
{% load email2img %}
{% load embed %}

{% block apple-touch-icon-precomposed %}
    <link rel="apple-touch-icon-precomposed" sizes="57x57" href="{% static 'apple-touch-icon-precomposed.png' %}" />
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="{% static 'apple-touch-icon-precomposed.png' %}" />
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="{% static 'apple-touch-icon-precomposed.png' %}" />
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="{% static 'apple-touch-icon-precomposed.png' %}" />
{% endblock %}

{% block css %}{% endblock %}
{% block js %}{% endblock %}

{% block google_analytics %} 
    {% if GOOGLE_ANALITYCS_CODE %}<!-- {% now "jS F Y H:i" %} -->
        {% include "includes/google_analytics.html" %}
    {% endif %}    
{% endblock %}

{% block flags %}
    <ul>
        {% for lang in LANGUAGES %}
        <li><a href="/{{ lang.0 }}/{{ slug }}.html"><img class="pure-img" src="{% static 'images/flags/'|add:lang.0|add:'.png' %}" width="24" height="24" alt="{{ lang.1 }}"></a></li>
        {% endfor %} 
    </ul>
{% endblock %}

{% block main_nav %}
    <ul>
    {% for item in main_menu %}
        {% if item.page__slug == slug %}
            <li class="active"><a href="/{{ lang }}/{{ item.page__slug }}.html">{{ item.menu }}</a></li>
        {% else %}
            <li><a href="/{{ lang }}/{{ item.page__slug }}.html">{{ item.menu }}</a></li>
        {% endif %}
    {% endfor %}
    </ul>
{% endblock %}

{% block additional_nav %}
<ul>
{% for links, menu in inav %}
  {% if links == slug %}
    <li class="active"><a href="/{{ lang }}/{{ links }}.html">{{ menu }}</a></li>
  {% else %}
    <li><a href="/{{ lang }}/{{ links }}.html">{{ menu }}</a></li>
  {% endif %}
{% endfor %}
</ul>
{% endblock %}

{% block contact %} <!-- {% now "jS F Y H:i" %} -->
<ul>
{% if EMAIL %}
    <li><img class="pure-img" src="{% static 'images/email.png' %}" height="16" width="16" alt="email" />
        {% autoescape off %} {{ EMAIL|email2img }} {% endautoescape %}
    </li>
{% endif %}
{% if PHONE %}
    <li>    
        <img class="pure-img" src="{% static 'images/phone.png' %}" height="16" width="16" alt="phone" />
        {{ PHONE }}
    </li>
{% endif %}
{% if SKYPE %}
    <li>    
        <img class="pure-img" src="{% static 'images/skype.png' %}" height="16" width="16" alt="skype" />
        {{ SKYPE }}
    </li>
{% endif %}
</ul>
{% endblock %}

{% block col_right %}
                {% if page__photo %}
                    <figure>
                        <img class="pure-img" src="{{ MEDIA_URL }}{{ page__photo }}" width="333" alt="{{ photo_alt }}" />
                        {% if photo_description %}<figcaption>{{ photo_description }}</figcaption>{% endif %}
                    </figure>
                {% endif %}
                {% if youtube %}
<iframe style="box-shadow: 0 15px 15px -13px #333; -moz-box-shadow: 0 15px 15px -13px #333; -webkit-box-shadow: 0 15px 15px -13px #333; width:330px; height:250px;margin:2px;" 
src="{{ youtube|embed }}" frameborder="0" allowfullscreen></iframe>
                {% endif %}
                <div class="col_right_text">
                    {{ col_right|safe }}
                </div>

{% endblock %}

{% block col_central %}
<h1><a href="#">{{ name }}</a></h1>
{{ col_central|safe }}
{% endblock %} 


{% block advertisement %}
<div id="advertisement" class="pure-g">
    <div id="banner" class="pure-u-md-18-24"><a href="https://hosting4django.net/aff.php?aff=009"><img class="pure-img" 
    src="{% static 'images/logohosting.png' %}" alt="A best Django hosting!" 
    title="A best Django hosting!" width="237" height="41" /></a>
    </div> 
    
    <div id="version" class="pure-u-md-6-24"><span>powered by <a href="http://mysmile.com.ua">MySmile</a></span>
    </div>
</div>
{% endblock %}