{% spaceless %}
<!DOCTYPE html>
{% macro action(URL, image, title, message, actionID = '') %}
<a href="{{ URL }}" class="action_link">
	<div class="action">
		<div class="action_image">
			<img src="{{ image }}" />
		</div>
		<div class="action_content">
			<div class="action_title">{{ title }}</div>
			<div class="action_description">{{ message|raw }}</div>
		</div>
	</div>
</a>
{% endmacro %}

{% macro SemesterSwitcher(SemesterList) %}
	<a href="#" id="changeSemester" class="semesterChanger" title="Сменить семестр">
		{% set Semester = SemesterList[User.SemesterID] %}
		<span class="semesterChangerTitle">Семестр:</span>
		<span class="semesterChangerSelection">{{ Rus[Semester.Season] }} {{ Semester.Num == 1 ? Semester.Year : (Semester.Year + 1) }}</span>
		<i class="fa fa-angle-down"></i>
	</a>
	<div class="semesterSwitcherBtn">
		<div class="semesterSwitcher" id="semester_{{ User.SemesterID }}" style="display: none;">
			<ul>
				{% for sem in SemesterList %}
					<li><a href="#" id="S-{{ sem.ID }}" class="switchSemester">{{ Rus[sem.Season] }} {{ sem.Num == 1 ? sem.Year : (sem.Year + 1) }}</a></li>
				{% endfor %}
			</ul>
		</div>
	</div>
{% endmacro %}

{% macro RecordBookSwitcher(RecordBookList) %}
	<a href="#" id="changeRecordBook" class="recordBookChanger" title="Сменить зачетку">
		{% set RecordBook = RecordBookList[User.RecordBookID] %}
		<span class="recordBookChangerTitle">Зачетка:</span>
		<span class="recordBookChangerSelection">{{ RecordBook.ExternalID }}</span>
		<i class="fa fa-angle-down"></i>
	</a>
	<div class="recordBookSwitcherBtn">
		<div class="recordBookSwitcher" id="recordBook_{{ User.RecordBookID }}" style="display: none;">
			<ul>
				{% for i in RecordBookList %}
					<li><a href="#" id="R-{{ i.ID }}" class="switchRecordBook">{{ i.ExternalID }}</a></li>
				{% endfor %}
			</ul>
		</div>
	</div>
{% endmacro %}

{% import 'base' as base %}
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>{% block title %}{% endblock %} | {{ System.Title }}</title>
	<meta http-equiv="Cache-Control" content="no-cache">
	<link href='https://fonts.googleapis.com/css?family=PT+Sans&subset=cyrillic-ext,latin' rel='stylesheet' type='text/css'>

	{{ HTML.style('static/css/common.css')|raw }}
	{{ HTML.style('static/css/support/imgUpload.css')|raw }}
	{{ HTML.style('static/font-awesome/css/font-awesome.min.css')|raw }}
	{#
		HTML.style('static/css/messages.css')
		DEPRECATED:
		HTML.style('static/css/theme/jquery-ui.css')
		HTML.style('static/css/error.css')
		HTML.style('static/css/global.css')
	#}
	{{ HTML.script('static/js/libs/jquery-1.11.1.min.js')|raw }}
	{{ HTML.script('static/js/config.js')|raw }}

	{{ HTML.script('static/js/wnd/wnd.js')|raw }}
	{{ HTML.script('static/js/event_inspector/eventInspector.js')|raw }}
	{{ HTML.script('static/js/supportDialog.js')|raw }}
    {{ HTML.script('static/js/semesterSwitcher.js')|raw }}
    {{ HTML.script('static/js/recordBookSwitcher.js')|raw }}

	{{ HTML.script('static/js/profile.js')|raw }}
	{{ HTML.script('static/js/settings.js')|raw }}
	{{ HTML.script('static/js/libs/jquery.placeholder.js')|raw }}

	<script>
		$(function() {
			$('input, textarea').placeholder();
		});

        User = {
            login: "{{ User.Login }}",
			accountid: {{ User.ID }},
        };
    </script>

	<style>
		.fa-bg {
			font-size: 1.5em;
			line-height: 0.75em;
			vertical-align: -15%;
		}
		.fa-md {
			font-size: 1.2em;
			line-height: 0.75em;
			vertical-align: -10%;
		}
	</style>

	{% block media %}
	{% endblock %}
</head>
<body>
	<div id="wrap" class="page">
		<div id="errButton">
			<div id="errButton_img"></div>
		</div>

		<div class="header_wrapper">
			<div class="logotype alignLeft">
				{{ HTML.anchor('/', '<i class="fa fa-home fa-bg fa-fw"></i>&nbsp;<span>' ~ System.Title ~ '</span>', {'title': 'Перейти на главную'})|raw }}
			</div>
			<div class="semesterLayer">
				{{ base.SemesterSwitcher(SemesterList) }}
			</div>

			<div class="navigation">
				{# todo: internal messages #}
				{# <div id = "top_user_messages">
					{{ HTML.image('static/img/messageIcon.png', {'height': '11px'})|raw }} (1)
				</div>
				include 'messages/messages' #}
				{% if User.Type == 'student' %}
					<div class="recordBookLayer">
                        {{ base.RecordBookSwitcher(RecordBookList) }}
					</div>
				{% endif %}
                {# see media/js/profile.js, views/profile/*.twig #}
				<div id="username">{{ User.FirstName }} {{ User.LastName }}</div>

				{% if User.isAdmin %}
					{% set officeTitle = 'Администрирование' %}
				{% elseif User.isDean %}
					{% set officeTitle = 'Деканат' %}
				{% elseif User.isTeacher %}
					{% set officeTitle = 'Сводные ведомости' %}
				{% endif %}

				{% if officeTitle %}
					{{ HTML.anchor('/office', '<i class="fa fa-university fa-md fa-fw"></i>', {'title': officeTitle })|raw }}
				{% endif %}

				{#TODO: fix login change action (rus letters)#}
				{# http://gitlab.mmcs.sfedu.ru:82/it-lab/grade/issues/358 #}
				{# {{ HTML.anchor('#', '<i class="fa fa-cog fa-bg fa-fw"></i>', {'title': 'Настройки', 'id': 'settingsButton'})|raw }} #}
				{{ HTML.anchor('/sign/out', '<i class="fa fa-sign-out fa-bg fa-fw"></i>', {'title': 'Выход'})|raw }}
			</div>
		</div>
		{% if User.Type == 'student' %}
            {% include 'profile/student' %}
        {% elseif User.Type == 'teacher' %}
            {% include 'profile/teacher' %}
        {% endif %}

		<div class="main_layer">
			<div class="main">
				<div class="main_top">
					<h3>
						{% block main_top_title %}

						{% endblock %}
					</h3>
				</div>
				<div class="main_content {% block main_content_classes %}{% endblock %}">
					{% block main_content %}{% endblock %}
				</div>
			</div>
			{% include 'footer' %}
		</div>
	</div>
	{% include 'popup/sign' %}
</body>
</html>
{% endspaceless %}