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

    <ol class="breadcrumb">
        <li><span class="glyphicon glyphicon-home"></span></li>
        <li><a href="{% url 'acc_app:accounts_list' %}">{% trans 'Administrators' %}</a></li>
        <li><a href="{% url 'acc_app:profile' %}">{{ user.username }}</a></li>
        <li class="active">{% trans 'Options' %}</li>
    </ol>

    {% include 'message_block.html' %}

    <div class="row">
        <div class="col-sm-3">
            <form action="{% url 'acc_app:setup_avatar' %}" method="post" class="thumbnail"
                  enctype="multipart/form-data">{% csrf_token %}

                <img alt="ava" src="{{ user.get_min_ava }}"/>

                <div class="caption">
                    <button type="submit" class="btn btn-primary">{% trans 'Save' %}</button>
                    <input type="file" name="avatar" class="live_review" accept="image/png, image/jpeg, image/gif">
                </div>
            </form>
        </div>

        <div class="col-sm-9">
            <h3>{{ user.username|default:_('Not assigned') }}</h3>
            <ul class="nav nav-tabs">
                <li class="active">
                    <a href="#livetab_content" data-tab-remote="{% url 'acc_app:setup_info' %}" role="tab"
                       data-toggle="tab">
                        {% trans 'Change self onfo' %}
                    </a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane active">
                    {% block content %}{% endblock %}
                </div>
            </div>
        </div>
    </div>


{% endblock %}