<div class="app-header header-shadow">
<div class="app-header__logo">
<div class="logo-src"></div>
<div class="header__pane ml-auto">
<div>
<button type="button" class="hamburger close-sidebar-btn hamburger--elastic"
data-class="closed-sidebar">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</div>
</div>
<div class="app-header__mobile-menu">
<div>
<button type="button" class="hamburger hamburger--elastic mobile-toggle-nav">
<span class="hamburger-box">
<span class="hamburger-inner"></span>
</span>
</button>
</div>
</div>
<div class="app-header__menu">
<span>
<button type="button"
class="btn-icon btn-icon-only btn btn-primary btn-sm mobile-toggle-header-nav">
<span class="btn-icon-wrapper">
<i class="fa fa-ellipsis-v fa-w-6"></i>
</span>
</button>
</span>
</div>
<div class="app-header__content">
<div class="app-header-left">
<div class="search-wrapper">
<div class="input-holder">
<input type="text" id="searchContacts" class="search-input" placeholder="Wpisz dane kontaktu">
<button class="search-icon" type="button" onclick="searchContacts()"><span></span></button>
</div>
<button class="close"></button>
</div>
{# <ul class="header-menu nav"> #}
{# <li class="nav-item"> #}
{# <a href="javascript:void(0);" class="nav-link"> #}
{# <i class="nav-link-icon fa fa-database"> </i> #}
{# Statistics #}
{# </a> #}
{# </li> #}
{# <li class="btn-group nav-item"> #}
{# <a href="javascript:void(0);" class="nav-link"> #}
{# <i class="nav-link-icon fa fa-edit"></i> #}
{# Projects #}
{# </a> #}
{# </li> #}
{# <li class="dropdown nav-item"> #}
{# <a href="javascript:void(0);" class="nav-link"> #}
{# <i class="nav-link-icon fa fa-cog"></i> #}
{# Settings #}
{# </a> #}
{# </li> #}
{# </ul> #}
</div>
<div class="app-header-right">
<div class="header-btn-lg pr-0">
<div class="widget-content p-0">
<div class="widget-content-wrapper">
<div class="widget-content-left">
<div class="btn-group">
{% if logged is defined and logged != null and logged.agentRole is defined %}
<a data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
class="p-0 btn">
{% if image_picture is defined and image_picture != '' %}
<img width="42" class="rounded-circle" src="{{ image_picture }}" alt="">
{% else %}
<img width="42" class="rounded-circle" src="avatars/index.png" alt="">
{% endif %}
<i class="fa fa-angle-down ml-2 opacity-8"></i>
</a>
<div tabindex="-1" role="menu" aria-hidden="true"
class="dropdown-menu dropdown-menu-right">
<a href="/logout" type="button" tabindex="0" class="dropdown-item" onclick="">Wyloguj
siÄ™</a>
{# <button type="button" tabindex="0" class="dropdown-item">Settings</button> #}
{# <h6 tabindex="-1" class="dropdown-header">Header</h6> #}
{# <button type="button" tabindex="0" class="dropdown-item">Actions</button> #}
{# <div tabindex="-1" class="dropdown-divider"></div> #}
{# <button type="button" tabindex="0" class="dropdown-item">Dividers</button> #}
</div>
{% endif %}
</div>
</div>
<div class="widget-content-left ml-3 header-user-info">
<div class="widget-heading">
{% if logged is defined and logged != null and logged.firstname is defined and logged.lastname is defined %}
{{ logged.firstname }} {{ logged.lastname }}
{% endif %}
</div>
<div class="widget-subheading">
{% if logged is defined and logged != null and logged.agentRole is defined %}
{{ logged.agentRole }}
{% endif %}
</div>
</div>
<div class="widget-content-right header-user-info ml-3">
<button type="button" class="btn-shadow p-1 btn btn-primary btn-sm show-toastr-example">
<i class="fa text-white fa-calendar pr-1 pl-1"></i>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>