{% load static i18n account %}<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>{% block title %}gnuviechadmin{% endblock title %}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Le styles -->
    <link href="{% static 'css/bootstrap.min.css' %}" rel="stylesheet">
    <link href="{% static 'css/bootstrap-icons.css' %}" rel="stylesheet">
    <link href="{% static 'fonts/font-mfizz.css' %}" rel="stylesheet">

    <!-- This file store project specific CSS -->
    <link href="{% static 'css/gnuviechadmin.css' %}" rel="stylesheet">

    <!-- Use this to quickly test CSS changes in a template,
        then move to gnuviechadmin.css -->
    {% block extra_css %}{% endblock extra_css %}
</head>

<body>
<nav class="navbar navbar-expand-lg sticky-top navbar-dark bg-dark">
    <div class="container">
        <a class="navbar-brand" href="{% url "customer_dashboard" %}" title="{% translate "Dashboard" %}">gnuviechadmin</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarContent"
                aria-controls="navbarContent" aria-expanded="false" aria-label="{% translate "Toggle navigation" %}">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapes navbar-collapse" id="navbarContent">
            <ul class="navbar-nav me-auto mb-2 mg-lg-0">
                {% if user.is_staff %}
                    <li class="nav-item{% if active_item == "hosting" %} active{% endif %}">
                        <a class="nav-link" href="{% url 'all_hosting_packages' %}">
                            <i class="bi-boxes"></i> {% translate "Hosting" %}</a>
                    </li>
                {% endif %}
                {% if user.is_authenticated %}
                    <li class="nav-item dropdown">
                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button"
                           aria-expanded="false"><i class="bi-link"></i> {% translate "Links" %} </a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a class="dropdown-item" href="{{ webmail_url }}"
                                   title="{% translate "Web based mail system" %}"><i
                                    class="bi-envelope-at"></i> {% translate "Webmail" %}</a></li>
                            <li><a class="dropdown-item" href="{{ phpmyadmin_url }}"
                                   title="{% translate "phpMyAdmin - MySQL database administration tool" %}"><i
                                    class="icon-mysql"></i> {% translate "phpMyAdmin" %}</a></li>
                            <li><a class="dropdown-item" href="{{ phppgadmin_url }}"
                                   title="{% translate "phpPgAdmin - PostgreSQL database administration tool" %}"><i
                                    class="icon-postgres"></i> {% translate "phpPgAdmin" %}</a></li>
                        </ul>
                    </li>
                {% endif %}
                <li class="nav-item{% if active_item == 'imprint' %} active{% endif %}"><a
                        class="nav-link" href="{% url 'imprint' %}"><i class="bi-info"></i> {% translate "Imprint" %}
                </a></li>
                <li class="nav-item{% if active_item == 'privacy' %} active{% endif %}"><a
                        class="nav-link" href="{% url 'privacy' %}"><i
                        class="bi-file-text"></i> {% translate "Privacy policy" %}
                </a></li>
                <li class="nav-item{% if active_item == 'contact' %} active{% endif %}"><a
                        class="nav-link" href="{% url 'contact_form' %}"><i
                        class="bi-chat-dots"></i> {% translate "Contact" %}</a></li>
            </ul>
            {% if user.is_authenticated %}
                {% user_display user as user_display %}
                {% url "customer_dashboard" as profile_url %}
                {% if user.is_impersonate %}
                    {% user_display user.impersonator as impersonator_display %}
                    {% url 'impersonate-stop' as stop_impersonation_url %}
                    <span class="navbar-text justify-content-end">{% blocktranslate trimmed %}
                        Signed in as
                        <a href="{{ profile_url }}" class="navbar-link" title="My Profile">{{ user_display }}</a>
                        <i class="bi-incognito" title="impersonated by {{ impersonator_display }}"></i>
                        <a href="{{ stop_impersonation_url }}" class="navbar-link"><i class="bi-sign-stop"
                                                                                      title="stop impersonation"></i></a>
                    {% endblocktranslate %}</span>
                {% else %}
                    <span class="navbar-text justify-content-end">{% blocktranslate trimmed %}
                        Signed in as
                        <a href="{{ profile_url }}" class="navbar-link" title="My Profile">{{ user_display }}</a>
                    {% endblocktranslate %}</span>
                {% endif %}
            {% endif %}
            <ul class="navbar-nav justify-content-end">
                {% if user.is_authenticated %}
                    <li class="nav-item dropdown{% if active_item == 'account' %} active{% endif %}">
                        <a href="#" class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button"
                           aria-expanded="false"><i class="bi-person"></i> {% translate "My Account" %}</a>
                        <ul class="dropdown-menu" role="menu">
                            {% if user.is_superuser %}
                                <li><a class="dropdown-item" href="{% url 'impersonate-search' %}"><i
                                        class="bi-incognito"></i> {% translate "Impersonate user" %}</a>
                                </li>{% endif %}
                            {% if user.is_staff %}
                                <li><a class="dropdown-item" href="{% url 'admin:index' %}"><i
                                        class="bi-gear"></i> {% translate "Admin site" %}</a></li>{% endif %}
                            <li><a class="dropdown-item" href="{% url 'account_email' %}"><i
                                    class="bi-envelope-at"></i> {% translate "Change Email" %}
                            </a></li>
                            <li><a class="dropdown-item" href="{% url 'socialaccount_connections' %}"><i
                                    class="bi-people"></i> {% translate "Social Accounts" %}</a></li>
                            <li><a class="dropdown-item" href="{% url 'account_logout' %}"><i
                                    class="bi-door-closed"></i> {% translate "Logout" %}
                            </a></li>
                        </ul>
                    </li>
                {% else %}
                    <li><a class="dropdown-item" href="{% url 'account_login' %}?next={{ request.path }}"><i
                            class="bi-door-open"></i> {% translate "Sign In" %}</a></li>
                {% endif %}
            </ul>
        </div><!--/.nav-collapse -->
    </div>
</nav>

<main class="container gva-body mt-3">

    <h1 class="mb-4">{% block page_title %}Example Base Template{% endblock page_title %}</h1>

    {% if messages %}
        {% for message in messages %}
            <div class="alert alert-dismissible {{ message.tags }}" role="alert">
                <button type="button" class="btn-close" data-bs-dismiss="alert"
                        aria-label="{% translate "Close" %}"></button>
                {{ message }}
            </div>
        {% endfor %}
    {% endif %}

    {% block content %}
        <p>Use this document as a way to quick start any new project.</p>
    {% endblock content %}

</main> <!-- /container -->

<footer class="gva-footer bg-light sticky-lg-bottom small mt-4" role="contentinfo">
    <div class="container">
        <ul class="gva-footer-links text-muted">
            <li>gnuviechadmin {{ gnuviechadmin_version }}</li>
            <li>·</li>
            <li>built with:</li>
            <li><a href="https://www.python.org/"><i class="icon-python"></i> Python</a></li>
            <li>·</li>
            <li><a href="https://www.djangoproject.com/">Django</a></li>
            <li>·</li>
            <li><a href="https://www.postgresql.org/"><i class="icon-postgres"></i> PostgreSQL</a></li>
            <li>·</li>
            <li><a href="https://getbootstrap.com/"><i class="bi-bootstrap-fill"></i> Bootstrap</a></li>
            <li>·</li>
            <li><a href="https://icons.getbootstrap.com/">Bootstrap Icons</a></li>
            <li>·</li>
            <li><a href="http://mfizz.com/oss/font-mfizz">Font Mfizz</a></li>
        </ul>
    </div>
</footer>

<!-- Placed at the end of the document so the pages load faster -->
<script src="{% static 'js/bootstrap.bundle.min.js' %}"></script>

<!-- place project specific Javascript in this file -->
<script src="{% static 'js/gnuviechadmin.js' %}"></script>

{% block extra_js %}{% endblock extra_js %}
</body>
</html>
