update-language-button

This commit is contained in:
Marwan Alwali 2026-02-25 21:52:18 +03:00
parent fa966a3574
commit bda6af64a5

View File

@ -74,6 +74,41 @@
<!-- Navigation --> <!-- Navigation -->
<nav class="flex-1 px-2 py-4 space-y-1"> <nav class="flex-1 px-2 py-4 space-y-1">
<div class="relative">
<button type="button"
onclick="document.getElementById('languageDropdown').classList.toggle('hidden')"
class="p-2 text-gray-400 hover:bg-gray-100 rounded-full transition">
<i data-lucide="globe" class="w-6 h-6"></i>
</button>
<div id="languageDropdown" class="hidden absolute right-0 mt-2 w-48 bg-white rounded-2xl shadow-xl border border-gray-100 overflow-hidden z-50">
<div class="p-2">
<form action="{% url 'set_language' %}" method="post">
{% csrf_token %}
<input name="next" type="hidden" value="{{ request.get_full_path }}">
<input type="hidden" name="language" value="en">
<button type="submit" class="w-full flex items-center gap-3 p-3 hover:bg-gray-50 rounded-xl transition text-left">
<span class="text-2xl">🇺🇸</span>
<span class="text-gray-800 font-medium">{% trans "English" %}</span>
{% if LANGUAGE_CODE == 'en' %}
<i data-lucide="check" class="w-4 h-4 text-navy ml-auto"></i>
{% endif %}
</button>
</form>
<form action="{% url 'set_language' %}" method="post">
{% csrf_token %}
<input name="next" type="hidden" value="{{ request.get_full_path }}">
<input type="hidden" name="language" value="ar">
<button type="submit" class="w-full flex items-center gap-3 p-3 hover:bg-gray-50 rounded-xl transition text-left">
<span class="text-2xl">🇸🇦</span>
<span class="text-gray-800 font-medium">{% trans "العربية" %}</span>
{% if LANGUAGE_CODE == 'ar' %}
<i data-lucide="check" class="w-4 h-4 text-navy ml-auto"></i>
{% endif %}
</button>
</form>
</div>
</div>
</div>
<!-- Dashboard --> <!-- Dashboard -->
<a href="{% url 'analytics:command_center' %}" <a href="{% url 'analytics:command_center' %}"
class="flex items-center gap-3 p-3 rounded-lg transition {% if request.resolver_match.url_name == 'command_center' %}nav-item-active{% else %}opacity-70 hover:opacity-100 hover:bg-white/10{% endif %}"> class="flex items-center gap-3 p-3 rounded-lg transition {% if request.resolver_match.url_name == 'command_center' %}nav-item-active{% else %}opacity-70 hover:opacity-100 hover:bg-white/10{% endif %}">