<!DOCTYPE HTML>{% load globaltags i18n static %}
<html lang="{{ LANGUAGE_CODE }}">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{% global_var 'COMPANY_NAME' %} - {% trans 'Personal account' %}</title>
    <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}?cs=feeb82e57e3f9244e91fdb3989858b6e">
    <link rel="stylesheet" href="{% static 'css/bootstrap-theme.min.css' %}?cs=e65ecf24a5e11f9dad7b2ee948cbc700">
    <script src="{% static 'js/all.min.js' %}?cs=079ae807778072e76caa96337a46c00a"></script>
    <script src="{% static 'clientside/my_clientside.js' %}?cs=6ed17bb3c64c48377aabc68c10691824"></script>
    <link rel="shortcut icon" href="{% static 'img/favicon_m.ico' %}">
</head>
<body>
<!-- Modal -->
<div class="modal fade" id="modFrm" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content" id="modContent"></div>
    </div>
</div>

{% url 'client_side:home' as client_side_home %}
<!-- Fixed navbar -->
<div class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <img src="{% static 'clientside/bc.png' %}" class="navbar-brand">
            <a class="navbar-brand hidden-xs" href="{{ client_side_home }}">{% global_var 'COMPANY_NAME' %}</a>
        </div>
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">

                <li{% if client_side_home == request.path %} class="active"{% endif %}>
                    <a href="{{ client_side_home }}">
                        <span class="glyphicon glyphicon-user"></span>
                        {% trans 'Personal account' %}
                    </a>
                </li>

                {% url 'client_side:pays' as client_side_pays %}
                <li{% if client_side_pays == request.path %} class="active"{% endif %}>
                    <a href="{{ client_side_pays }}">
                        <span class="glyphicon glyphicon-ruble"></span>
                        {% trans 'Pays' %}
                    </a>
                </li>

                {% url 'client_side:services' as client_side_services %}
                <li{% if client_side_services == request.path %} class="active"{% endif %}>
                    <a href="{{ client_side_services }}">
                        <span class="glyphicon glyphicon-book"></span>
                        {% trans 'Services' %}
                    </a>
                </li>

{#                <li class="dropdown">#}
{#                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">{% trans 'Language' %} <b class="caret"></b></a>#}
{#                    <ul class="dropdown-menu">#}
{#                        {% url 'set_language' as set_language_url %}#}
{#                        {% for lang in LANGUAGES %}#}
{#                        <li><a href="#" id="langfrm_{{ lang.0 }}" onclick="document.setLang{{ lang.0 }}.submit();">{{ lang.1 }}</a></li>#}
{#                        <form name="setLang{{ lang.0}}" action="{{ set_language_url }}" method="POST" class="hidden">{% csrf_token %}#}
{#                            <input type="hidden" name="language" value="{{ lang.0 }}">#}
{#                        </form>#}
{#                        {% endfor %}#}
{#                    </ul>#}
{#                </li>#}

                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">{% trans 'Other' %} <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="{% url 'client_side:debts' %}">
                                <span class="glyphicon glyphicon-ruble"></span>
                                {% trans 'Show debts and pay it' %}
                            </a>
                        </li>
                        <li>
                            <a href="{% url 'client_side:task_history' %}">
                                <span class="glyphicon glyphicon-tasks"></span>
                                {% trans 'Show task history' %}
                            </a>
                        </li>
                        <li>
                            <a href="{% url 'acc_app:logout' %}">
                                <span class="glyphicon glyphicon-log-out"></span>
                                {% trans 'Quit' %}
                            </a>
                        </li>

                    </ul>
                </li>
            </ul>
            <span class="navbar-text">
                {% blocktrans with ballance=request.user.ballance|floatformat:2 %}Your balance is <b>{{ ballance }}</b>{% endblocktrans %} {% trans 'currency' %}
            </span>
        </div><!--/.nav-collapse -->
    </div>
</div>


<div class="container">

    {% if request.user.is_staff %}
    <div class="alert alert-info">
        {% blocktrans trimmed %}
            <strong>Attantion!</strong>
            You are is admin, and do not be active here, please back to admin side. Client side to you for reference only.
        {% endblocktrans %}
    </div>
    {% endif %}

    <div class="alert alert-info">
        {% blocktrans %}You may add link to this personal page to bookmarks by pressing Ctrl+D{% endblocktrans %}
    </div>

    {% include '_messages.html' %}

    {% block client_main %}{% endblock %}
</div>

<footer>
    <div class="container">
        <p class="text-muted">
            {% include 'custom_pages/footer.htm' %}
        </p>
    </div>
</footer>


</body>
</html>
