{% extends 'bridge/base.html' %}
{% comment "License" %}
% Copyright (c) 2019 ISP RAS (http://www.ispras.ru)
% Ivannikov Institute for System Programming of the Russian Academy of Sciences
%
% Licensed under the Apache License, Version 2.0 (the "License");
% you may not use this file except in compliance with the License.
% You may obtain a copy of the License at
%
%    http://www.apache.org/licenses/LICENSE-2.0
%
% Unless required by applicable law or agreed to in writing, software
% distributed under the License is distributed on an "AS IS" BASIS,
% WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
% See the License for the specific language governing permissions and
% limitations under the License.
{% endcomment %}

{% load i18n %}
{% load tz %}
{% load static %}
{% load compress %}

{% block title %}{% trans 'Profile' %}{% endblock %}

{% block head_block %}
    {% compress css file profile %}
        <link href="{% static 'users/css/profile.css' %}" rel="stylesheet">
    {% endcompress %}
{% endblock %}

{% block body_block %}
    <div class="ui grid">
        <div class="three wide column">
            <h3><cite>{{ object.get_full_name }}</cite></h3>
            <div class="ui list">
                {% if object.email %}
                    <div class="item"><span style="color: #a7aab4">{% trans 'Email' %}: </span><ins style="color: #507ab4">{{ object.email }}</ins></div>
                {% endif %}
                <div class="item"><span style="color: #a7aab4">{% trans 'Administrator' %}: </span>{% if object.is_superuser %}{% trans 'Yes' %}{% else %}{% trans 'No' %}{% endif %}</div>
                <div class="item"><span style="color: #a7aab4">{% trans 'Role' %}: </span> {{ object.get_role_display }}</div>
                <div class="item"><span style="color: #a7aab4">{% trans 'Time zone' %}: </span> {{ object.timezone }}</div>
                <div class="item"><span style="color: #a7aab4">{% trans 'Language' %}: </span> {{ object.get_language_display }}</div>
            </div>
        </div>
        <div class="thirteen wide column">
            <h2>{% trans 'Last Activity' %}</h2>
            {% if activity|length %}
                <table class="ui selectable inverted celled table">
                    <thead>
                        <tr>
                            <th class="three wide">{% trans 'Date' %}</th>
                            <th>{% trans 'Action Kind' %}</th>
                            <th>{% trans 'Object Type' %}</th>
                            <th>{% trans 'Object Link' %}</th>
                            <th class="four wide">{% trans 'Change Comment' %}</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for act in activity %}
                        <tr>
                            <td>{{ act.date }}</td>
                            <td class="user-action-{{ act.action }}">
                                {% if act.action == 'create' %}
                                    {% trans 'Creation' %}
                                {% elif act.action == 'change' %}
                                    {% trans 'Modification' %}
                                {% else %}
                                    -
                                {% endif %}
                            </td>
                            <td>{{ act.type }}</td>
                            {% if act.href %}
                                <td><a href="{{ act.href }}">{{ act.name }}</a></td>
                            {% else %}
                                <td>{{ act.name }}</td>
                            {% endif %}
                            {% if act.comment %}
                                <td title="{{ act.comment }}"><small>{{ act.comment_display }}</small></td>
                            {% else %}
                                <td></td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            {% endif %}
        </div>
    </div>
{% endblock %}