{% extends "baseCore.html" %} 
{% block head_base %}
    {% load static %}
    <link href="{% static 'css/style.css' %}" rel="stylesheet" type="text/css" media="all" /> 
    {% block head_main %}
    {% endblock %}
{% endblock %} 

{% block body_base %}
<div class="about-bg" >
    <div class="top-banner-right row justify-content-end" style="margin: auto; padding-right: 5px; padding-top: 5px">
        <div class="col-md-12 align-self-center" style="vertical-align:middle;">
            <ul class="navbar-nav no-gutters">
                <li class="nav-item dropdown ">
                    <div class="row">
                    {% if user.is_authenticated %}
                        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> User: {{ user.username }} {{ user.image }} </a>
                        <div class="dropdown-menu dropdown-menu-changed" aria-labelledby="navbarDropdown" style="background-color:#0764ff42;width: 130px;" >
                            <a class="dropdown-item" href="{% url 'citizens:user_account' %}" style="padding-left:5px">User Profile</a>
                            <a class="dropdown-item" href="{% url 'accounts:change_password' %}" style="padding-left:5px">Change Password</a>
                            <div class="dropdown-divider"></div>
                            <a class="dropdown-item" href="{% url 'accounts:logout' %}" style="padding-left:5px">Log Out</a>
                        </div>
                    {% else %}
                        <a href="{% url 'accounts:login' %}" class="btn btn-secondary">Log in</a>
                        <a href="{% url 'accounts:signup' %}" class="btn btn-primary ml-2">Sign up</a>
                    {% endif %}
                    <div class="align-self-center" style="padding-left:5px;">
                        <select id="selectLanguage" onchange="getLanguageSet(this);">
                            <option value="en">English1</option>
                            <option value="kn">ಕನ್ನಡ</option>
                            <option value="hi">हिंदी</option>
                            <option value="mr">मराठी</option>
                        </select>
                    </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
{% endblock %}
<div>
{% block body_main %}
{% endblock %}
</div>