{% extends request.is_ajax|yesno:'bajax.html,base.html' %}
{% block main %}

    <ol class="breadcrumb">
        <li><span class="glyphicon glyphicon-home"></span></li>
        <li><a href="{% url 'acc_app:accounts_list' %}">Администраторы</a></li>
        <li class="active">{{ userprofile.username }}</li>
    </ol>

    {% include 'message_block.html' %}

    <div class="row">
        <div class="col-sm-3">
            <div class="thumbnail">
                {% if userprofile.avatar %}
                    <a href="{{ userprofile.avatar.big }}" class="thumbnail" target="_blank">
                        <img alt="ava" src="{{ userprofile.avatar.min }}"/>
                    </a>
                {% else %}
                    <img alt="ava" src="/static/img/user_ava.gif"/>
                {% endif %}
                <div class="caption btn-group btn-group-sm">
                    {% if userprofile == request.user %}
                    <a href="{% url 'acc_app:setup_info' %}" class="btn btn-primary btn-sm" role="button">
                        <span class="glyphicon glyphicon-edit"></span> Редактировать</a>
                    {% endif %}
                    <a href="#" class="btn btn-default btn-sm disabled" role="button">
                        <span class="glyphicon glyphicon-star-empty"></span> Дать задачу</a>
                </div>
            </div>
        </div>

        <div class="col-sm-9">
            <h3>{{ userprofile.username|default:"&lt;Нет ника&gt;" }}</h3>
            <ul class="nav nav-tabs">
                {% url 'acc_app:other_profile' uid as profile_url %}
                <li{% if profile_url == request.path %} class="active"{% endif %}>
                    <a href="{{ profile_url }}">
                        Администратор
                    </a>
                </li>
                {% url 'acc_app:profile_setup_group' uid as profilegroups_url %}
                <li{% if profilegroups_url == request.path %} class="active"{% endif %}>
                    <a href="{{ profilegroups_url }}">
                        Группы
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active">
                    {% block content %}{% endblock %}
                </div>
            </div>
        </div>
    </div>

{% endblock %}