148 lines
7.4 KiB
HTML
148 lines
7.4 KiB
HTML
{% load static i18n %}{% get_current_language as LANGUAGE_CODE %}<!DOCTYPE html>
|
|
<html lang="{{ LANGUAGE_CODE }}" dir="{% if LANGUAGE_CODE == 'ar' %}rtl{% else %}ltr{% endif %}">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}{{ site_settings.business_name }}{% endblock %}</title>
|
|
|
|
{% if project_description %}
|
|
<meta name="description" content="{{ project_description }}">
|
|
<meta property="og:description" content="{{ project_description }}">
|
|
{% endif %}
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;700&family=Plus+Jakarta+Sans:wght@400;600;700&display=swap" rel="stylesheet">
|
|
|
|
{% if LANGUAGE_CODE == 'ar' %}
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.rtl.min.css">
|
|
{% else %}
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
|
|
{% endif %}
|
|
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.0/font/bootstrap-icons.css">
|
|
<link rel="stylesheet" href="{% static 'css/custom.css' %}?v={{ deployment_timestamp }}">
|
|
|
|
{% block head %}{% endblock %}
|
|
</head>
|
|
<body>
|
|
|
|
<div id="wrapper">
|
|
<!-- Sidebar -->
|
|
<nav id="sidebar">
|
|
<div class="sidebar-header d-flex align-items-center">
|
|
<a class="navbar-brand fw-bold text-primary fs-4" href="{% url 'index' %}">
|
|
{% if site_settings.logo_url %}
|
|
<img src="{{ site_settings.logo_url }}" alt="Logo" height="30" class="me-2">
|
|
{% else %}
|
|
<i class="bi bi-calculator-fill me-2"></i>
|
|
{% endif %}
|
|
{{ site_settings.business_name|truncatechars:12 }}
|
|
</a>
|
|
</div>
|
|
|
|
<ul class="list-unstyled components">
|
|
<li>
|
|
<a href="{% url 'index' %}" class="{% if request.resolver_match.url_name == 'index' %}active{% endif %}">
|
|
<i class="bi bi-speedometer2"></i> {% trans "Dashboard" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'pos' %}" class="{% if request.resolver_match.url_name == 'pos' %}active{% endif %}">
|
|
<i class="bi bi-shop"></i> {% trans "POS System" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'reports' %}" class="{% if request.resolver_match.url_name == 'reports' %}active{% endif %}">
|
|
<i class="bi bi-graph-up-arrow"></i> {% trans "Reports" %}
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mt-3 px-4 small text-muted text-uppercase fw-bold">{% trans "Inventory" %}</li>
|
|
<li>
|
|
<a href="{% url 'inventory' %}" class="{% if request.resolver_match.url_name == 'inventory' %}active{% endif %}">
|
|
<i class="bi bi-box-seam"></i> {% trans "Products" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'purchases' %}" class="{% if request.resolver_match.url_name == 'purchases' %}active{% endif %}">
|
|
<i class="bi bi-cart-check"></i> {% trans "Purchases" %}
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mt-3 px-4 small text-muted text-uppercase fw-bold">{% trans "Contacts" %}</li>
|
|
<li>
|
|
<a href="{% url 'customers' %}" class="{% if request.resolver_match.url_name == 'customers' %}active{% endif %}">
|
|
<i class="bi bi-people"></i> {% trans "Customers" %}
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="{% url 'suppliers' %}" class="{% if request.resolver_match.url_name == 'suppliers' %}active{% endif %}">
|
|
<i class="bi bi-truck"></i> {% trans "Suppliers" %}
|
|
</a>
|
|
</li>
|
|
|
|
<li class="mt-3 px-4 small text-muted text-uppercase fw-bold">{% trans "System" %}</li>
|
|
<li>
|
|
<a href="{% url 'settings' %}" class="{% if request.resolver_match.url_name == 'settings' %}active{% endif %}">
|
|
<i class="bi bi-gear"></i> {% trans "Settings" %}
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="mt-auto p-4 border-top">
|
|
<form action="{% url 'set_language' %}" method="post">
|
|
{% csrf_token %}
|
|
<input name="next" type="hidden" value="{{ request.get_full_path }}">
|
|
<select name="language" onchange="this.form.submit()" class="form-select form-select-sm border-0 bg-light">
|
|
{% get_available_languages as LANGUAGES %}
|
|
{% get_language_info_list for LANGUAGES as languages %}
|
|
{% for language in languages %}
|
|
<option value="{{ language.code }}" {% if language.code == LANGUAGE_CODE %}selected{% endif %}>
|
|
{{ language.name_local }}
|
|
</option>
|
|
{% endfor %}
|
|
</select>
|
|
</form>
|
|
</div>
|
|
</nav>
|
|
|
|
<!-- Page Content -->
|
|
<div id="content">
|
|
<nav class="navbar navbar-expand-lg top-navbar sticky-top">
|
|
<div class="container-fluid">
|
|
<button type="button" id="sidebarCollapse" class="btn btn-light me-3">
|
|
<i class="bi bi-list"></i>
|
|
</button>
|
|
|
|
<div class="ms-auto d-flex align-items-center">
|
|
<div class="dropdown">
|
|
<button class="btn btn-light dropdown-toggle d-flex align-items-center" type="button" id="userDropdown" data-bs-toggle="dropdown">
|
|
<i class="bi bi-person-circle fs-5 me-2"></i>
|
|
<span>{% trans "Admin" %}</span>
|
|
</button>
|
|
<ul class="dropdown-menu dropdown-menu-end shadow border-0 mt-2">
|
|
<li><a class="dropdown-item" href="{% url 'settings' %}"><i class="bi bi-person-gear me-2"></i> {% trans "Profile & Settings" %}</a></li>
|
|
<li><hr class="dropdown-divider"></li>
|
|
<li><a class="dropdown-item text-danger" href="/admin/logout/"><i class="bi bi-box-arrow-right me-2"></i> {% trans "Logout" %}</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<main class="p-4">
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script>
|
|
document.getElementById('sidebarCollapse').addEventListener('click', function () {
|
|
document.getElementById('sidebar').classList.toggle('active');
|
|
});
|
|
</script>
|
|
{% block scripts %}{% endblock %}
|
|
</body>
|
|
</html> |