{% extends 'base' %}

{% block title %}Профиль студента{% endblock %} {# head -> title #}
{% block media %} {# head -> css, js #}
	{{ HTML.style('media/css/profile.css')|raw }}
	{{ HTML.script('media/js/profile.js')|raw }}
{% endblock %}

{% block main_top_title %}Профиль студента{% endblock %}
{% block main_content %}
<div class="profile_settings_wrapper">
	<div class="profileName">
		{{User.LastName}}
		{{User.FirstName}}
		{{User.SecondName}}
	</div>
	
	<div class="information_wrapper">
		<div class="base_information">
			<form>
			   <fieldset class="form_border">
			     	<legend class="base_form_title" align="center">Общая информация</legend>
		
				    <table border="0" cellspacing="0" class="module_table">		
					    <tr class="table_content">
					        <td class="td_border top_border data_tittle">Факультет:</td>
					        <td class="top_border data_info">{{User.FacultyName}}</td>
					    </tr>
					    <tr class="table_content">
						    <td class="td_border data_tittle">Направление: </td>
						    <td class="data_info">{{User.SpecName}} ({{User.SpecAbbr}})</td>
						</tr>
					    <tr class="table_content">
						    <td class="td_border data_tittle">Курс: </td>
						    <td class="data_info">{{User.Grade}}</td>
						</tr>

					    <tr class="table_content">
							    <td class="td_border data_tittle">Группа: </td>
							    <td class="data_info">{{User.Group}}</td>
							</tr>
					    </table>

			   </fieldset>
			</form>
		</div>

		<div class="personal_information">
			<form>
			   <fieldset class="form_border">
			     	<legend class="personal_form_title" align="center">Персональная информация</legend>

				    <table border="0" cellspacing="0" class="module_table">		
					    <tr class="table_content">
					        <td class="td_border top_border data_tittle">Логин:</td>
					        <td class="top_border data_info">login</td>
					    </tr>
					    <tr class="table_content">
						    <td class="td_border data_tittle">E-mail: </td>
						    <td class="data_info">example_mail@mail.ru</td>
						</tr>
					    <tr class="table_content">
						    <td class="td_border data_tittle">Пароль: </td>
						    <td class="data_info"> <button>Сменить</button></td>
						</tr>
					</table>				
			   </fieldset>
			</form>
		</div>
	</div>
</div>

<div id="slideout">
	<img src="media/css/icons/feedback.png" alt="Отправить отзыв" />
	<div id="slideout_inner">
		<form>
			<div class="err_alt">Если вы нашли ошибку в своих личных данных, сообщите об этом.</div>
			<textarea></textarea>
			<input type="submit" value="Сообщить"></input>
		</form>
	</div>
</div>

{% endblock %}