{% load static %}


<div class="card bg-light title">
    <div class="card-body">
        <div class="row g-3">
            <div class="col d-flex justify-content-start">
                <div class="bi p-1"><img src="{% static 'image/logo.png' %}" width="21" height="auto"></div>
{#                <img class="bi bi-speedometer p-1"></img>#}
                <div class="p-1"><a class="text-decoration-none" href="/">dashboard</a></div>
            </div>
        {% if user.is_authenticated %}
            <div class="col d-flex justify-content-center">
                <div class="bi bi-file-spreadsheet p-1"></div>
                <div class="p-1"><a class="text-decoration-none" href="{% url 'users:account_detail' %}">account</a></div>
            </div>
            <div class="col d-flex justify-content-center">
                <div class="bi bi-file-spreadsheet p-1"></div>
                <div class="p-1"><a class="text-decoration-none" href="{% url 'gooyal_oauth2:application_list' %}">applications</a></div>
            </div>
        {% endif %}
            <div class="col d-flex justify-content-end">
                {% if not user.is_authenticated %}
                    <div class="bi bi-box-arrow-right p-1"></div>
                    <div class="p-1"><a class="text-decoration-none" href="{% url 'users:login' %}">ورود</a></div>
                {% else %}
                    <div class="dropdown">
                        <a href="#"
                           class="d-flex align-items-center text-decoration-none dropdown-toggle"
                           id="dropdownUser1" data-bs-toggle="dropdown" aria-expanded="false">

                            <img src="{% static 'image/no-user.png' %}" width="30" height="30"
                                 class="rounded-circle">
                            <span class="d-sm-inline mx-1">{{ request.user.get_display_name }}</span>
                        </a>
                        <ul class="dropdown-menu bg-light text-small shadow"
                            aria-labelledby="dropdownUser1">
                            <li><a class="dropdown-item" href="{% url 'users:account_detail' %}">پروفایل</a></li>
                            {#                        <li><a class="dropdown-item" href="{% url 'tests:result_list' %}">نتایج آزمون‌ها</a></li>#}
                            <hr class="dropdown-divider">
                            <form action="{% url 'users:logout' %}" method="post">
                                {% csrf_token %}
                                <li>
                                    <span class="dropdown-item">
                                        <input class="form-control" type="submit" aria-label="logout" value="خروج">
                                    </span>
                                </li>
                            </form>
                        </ul>
                    </div>
                {% endif %}

            </div>

        </div>
    </div>
</div>
<hr>