{%load static%}
{% if user.aluno is False %}
<span class="d-none d-md-flex align-items-center mr-16pt">

    <span class="avatar avatar-sm mr-12pt">

        <span class="avatar-title rounded navbar-avatar"><i
                class="material-icons">trending_up</i></span>

    </span>
 
    <small class="flex d-flex flex-column">

        <strong class="navbar-text-100">Receita</strong>
        <span class="navbar-text-50">--</span>
    </small>
</span>
<span class="d-none d-md-flex align-items-center mr-16pt">

    <span class="avatar avatar-sm mr-12pt">

        <span class="avatar-title rounded navbar-avatar"><i class="material-icons">receipt</i></span>

    </span>

    <small class="flex d-flex flex-column">
        <strong class="navbar-text-100">Vendas</strong>
        <span class="navbar-text-50">--</span>
    </small>
</span>
{%endif%}
<div style="text-align: center; margin-top: 15px; margin-left: 20px;">
    <h6>Olá {{ user.first_name}}, seja bem vindo(a)!</h6>
    </div>
<div class="flex"></div>



<!-- Navbar Menu -->

<div class="nav navbar-nav flex-nowrap d-flex mr-16pt">

    <!-- Notifications dropdown -->
    <div class="nav-item dropdown dropdown-notifications dropdown-xs-down-full" data-toggle="tooltip"
        data-title="Menssagens" data-placement="bottom" data-boundary="window">
        <button class="nav-link btn-flush dropdown-toggle" type="button" data-toggle="dropdown"
            data-caret="false">
            <i class="material-icons icon-24pt">mail_outline</i>
        </button>
        <div class="dropdown-menu dropdown-menu-right">
            <div data-perfect-scrollbar class="position-relative">
                <div class="dropdown-header"><strong>Mensagens</strong></div>
                <div class="list-group list-group-flush mb-0">

                    <a href="javascript:void(0);" class="list-group-item list-group-item-action unread">
                        <span class="d-flex align-items-center mb-1">
                            <small class="text-black-50">horas atrás</small>

                            <span class="ml-auto unread-indicator bg-accent"></span>

                        </span>
                        <span class="d-flex">
                            <span class="avatar avatar-xs mr-2">
                                <img src="" alt="people"
                                    class="avatar-img rounded-circle">
                            </span>
                            <span class="flex d-flex flex-column">
                                <strong class="text-black-100">Nome</strong>
                                <span class="text-black-70">Recado.</span>
                            </span>
                        </span>
                    </a>

                    

                </div>
            </div>
        </div>
    </div>
    <!-- // END Notifications dropdown -->

    <!-- Notifications dropdown -->
    <div class="nav-item ml-16pt dropdown dropdown-notifications dropdown-xs-down-full"
        data-toggle="tooltip" data-title="Notificações" data-placement="bottom" data-boundary="window">
        <button class="nav-link btn-flush dropdown-toggle" type="button" data-toggle="dropdown"
            data-caret="false">
            <i class="material-icons">notifications_none</i>
            <!--<span class="badge badge-notifications badge-accent"></span>-->
        </button>
        <div class="dropdown-menu dropdown-menu-right">
            <div data-perfect-scrollbar class="position-relative">
                <div class="dropdown-header"><strong>Notificações (em breve)</strong></div>
                <div class="list-group list-group-flush mb-0">

                    <a href="javascript:void(0);" class="list-group-item list-group-item-action unread">
                        <span class="d-flex align-items-center mb-1">
                            <small class="text-black-50">Tempo atrás</small>

                            <span class="ml-auto unread-indicator bg-accent"></span>

                        </span>
                        <span class="d-flex">
                            <span class="avatar avatar-xs mr-2">
                                <span class="avatar-title rounded-circle bg-light">
                                    <i
                                        class="material-icons font-size-16pt text-accent">account_circle</i>
                                </span>
                            </span>
                            <span class="flex d-flex flex-column">

                                <span class="text-black-70">Notificação.</span>
                            </span>
                        </span>
                    </a>

                    
                </div>
            </div>
        </div>
    </div>
    <!-- // END Notifications dropdown -->

    <div class="nav-item dropdown">
        <a href="#" class="nav-link d-flex align-items-center dropdown-toggle" data-toggle="dropdown"
            data-caret="false">

            <span class="avatar avatar-sm mr-8pt2">

                <span class="avatar-title rounded-circle bg-primary"><i
                        class="material-icons">account_box</i></span>

            </span>

        </a>
        <div class="dropdown-menu dropdown-menu-right">
            <div class="dropdown-header"><strong>Conta</strong></div>
            <a class="dropdown-item" href="{%url 'editar_perfil' %}">Editar conta</a>
            <a class="dropdown-item" href="{%url 'logout'%}">Logout</a>
        </div>
    </div>
</div>

<!-- // END Navbar Menu -->

</div>