<!DOCTYPE html>
{% load i18n %}
{% get_current_language as lang %}
<html lang="{{lang}}">
<head>
    <title>{% block title %}IK Cloud{% endblock %}</title>
    <link href="https://fonts.googleapis.com/css?family=Titillium+Web&amp;subset=latin,latin-ext" rel="stylesheet" type="text/css">
    <link rel="icon" type="image/png" href="/static/favicon.png" />
    <link rel="icon" type="image/png" href="one/static/favicon.png">
    <link rel="stylesheet/less" href="/static/style.less" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script src="/static/jquery.min.js"></script>
    <script type="text/javascript" src="{% url django.views.i18n.javascript_catalog %}"></script>
    <script type="text/javascript">
      less = {
        env: 'developement'
      };
    </script>
    <script src="/static/less.min.js"></script>
    <script src="/static/knockout.min.js"></script>
    <script type="text/javascript" src="/static/cloud.js"></script>

    {{ form.media }}
    {% block js %}{% endblock %}
</head>

<body>
    <div id="header">
        {% block login %}
            <div id="loginblock"><p>
               {% if user.is_authenticated %}
                   Bejelentkezve: {{ user.username }}.
                   <a href="/logout/">Kijelentkezés</a>.
                   {% if user.is_staff %}
                   <a href="/admin/">Admin</a>.
                   {% endif %}
               {% else %}
                   <a href="/login/">Bejelentkezés</a>.
               {% endif %}
               {% if lang == 'hu' %}
               <a href="/language/en/">In English</a>.
               {% else %}
               <a href="/language/hu/">Magyarul</a>.
               {% endif %}
               </p>
           </div>
        {% endblock %}
        {% block header %}
            {% block header_title %}
            <h1><a href="/">IK Cloud <span style="font-size: 21px">&beta;</span></a></h1>
            {% endblock %}
        {% endblock %}
    </div>

    {% block messages %}
        {% if messages %}
        <ul class="messagelist">{% for message in messages %}
          <li{% if message.tags %} class="{{ message.tags }}"{% endif %}>{{ message }}</li>
        {% endfor %}</ul>
        {% endif %}
    {% endblock messages %}

    <div id="content">
        {% block content %}{% endblock %}
        <div class="clear"></div>
    </div>
    <div id="modal" style="display: none">
        <div id="shadow"></div>
        <div id="modal-container">

        </div>
    </div>
</body>
</html>