agdar/templates/partial/header.html
Marwan Alwali d912313a27 update
2025-11-02 16:03:03 +03:00

80 lines
3.8 KiB
HTML

{% load static %}
<div id="header" class="app-header" data-bs-theme="{% if appHeaderInverse %}dark{% endif %}">
<!-- BEGIN navbar-header -->
<div class="navbar-header">
{% if appSidebarTwo %}
<button type="button" class="navbar-mobile-toggler" data-toggle="app-sidebar-end-mobile">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
{% endif %}
<a href="/" class="navbar-brand"><img src="{% static 'img/logo/Agdar-Logo.png' %}" alt="" class="me-2" style="height: 64px; "></a>
{% if appHeaderMegaMenu %}
<button type="button" class="navbar-mobile-toggler collapsed" data-bs-toggle="collapse" data-bs-target="#top-navbar" aria-expanded="false">
<span class="fa-stack fa-lg">
<i class="far fa-square fa-stack-2x"></i>
<i class="fa fa-cog fa-stack-1x"></i>
</span>
</button>
{% endif %}
<button type="button" class="navbar-mobile-toggler" data-toggle="app-sidebar-mobile">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- END navbar-header -->
<div class="navbar-nav">
<!-- Language Switcher - Always visible -->
<div class="navbar-item dropdown">
<a href="#" class="navbar-link dropdown-toggle" data-bs-toggle="dropdown">
<span class="d-none d-sm-inline"><i class="fa fa-globe"></i></span> <b class="caret"></b>
</a>
<div class="dropdown-menu dropdown-menu-end">
<a href="{% url 'switch_language' %}?language=en" class="dropdown-item">English</a>
<a href="{% url 'switch_language' %}?language=ar" class="dropdown-item">عربي</a>
</div>
</div>
<!-- User Menu - Only visible when authenticated -->
{% if request.user.is_authenticated %}
<div class="navbar-item navbar-user dropdown">
<a href="#" class="navbar-link dropdown-toggle d-flex align-items-center" data-bs-toggle="dropdown">
{% if request.user.profile_picture %}
<img src="{{ request.user.profile_picture.url}}" alt="" />
{% else %}
<img src="{% static 'img/user/user-12.jpg' %}" alt="" />
{% endif %}
<span>
<span class="d-none d-md-inline fw-bold">{{ request.user.get_full_name }}</span>
<b class="caret"></b>
</span>
</a>
<div class="dropdown-menu dropdown-menu-end me-1">
<a href="{% url 'core:user_profile' %}" class="dropdown-item">{{ _("User Profile")}}</a>
<a href="#" class="dropdown-item">{{ _("Calendar") }}</a>
<a href="{% url 'core:tenant_settings' %}" class="dropdown-item">{{ _("Settings") }}</a>
<div class="dropdown-divider"></div>
<form method="post" action="{% url 'logout' %}" class="d-inline">
{% csrf_token %}
<button type="submit" class="dropdown-item" style="border: none; background: none; cursor: pointer; text-align: left; width: 100%;">
{{ _("Log Out")}}
</button>
</form>
</div>
</div>
{% else %}
<!-- Login button for non-authenticated users -->
<div class="navbar-item">
<a href="{% url 'login' %}" class="navbar-link">
<i class="fa fa-sign-in-alt me-1"></i>
<span class="d-none d-sm-inline">{{ _("Login") }}</span>
</a>
</div>
{% endif %}
</div>
<!-- END header-nav -->
</div>