2021-07-19 14:36:10 +00:00
{% load static i18n %}
{% get_current_language as LANGUAGE_CODE %}
2021-07-26 14:11:19 +00:00
< header id = "header" class = "{% if transparent_header %} bg-transparent header-text-light{% endif %}" >
< div class = "container" >
< div class = "header-row" >
< div class = "header-column justify-content-start" >
<!-- Logo
============================= -->
< div class = "logo" > < a class = "d-flex" href = "{% url 'matrix:index' %}" title = "MatrixHosting" > < img src = "{% if transparent_header %}{% static 'matrixhosting/images/logo-light.png' %}{%else%}{% static 'matrixhosting/images/logo.png' %}{% endif %}" alt = "MatrixHosting" / > < / a > < / div >
<!-- Logo end -->
<!-- Collapse Button
============================== -->
< button class = "navbar-toggler" type = "button" data-toggle = "collapse" data-target = "#header-nav" > < span > < / span > < span > < / span > < span > < / span > < / button >
<!-- Collapse Button end -->
<!-- Primary Navigation
============================== -->
< nav class = "primary-menu navbar navbar-expand-lg" >
< div id = "header-nav" class = "collapse navbar-collapse" >
< ul class = "navbar-nav mr-auto" >
< li > < a href = "{% url 'matrix:index' %}" > Home< / a > < / li >
2021-07-30 06:51:35 +00:00
{% if not request.user.is_authenticated %}
2021-07-26 14:11:19 +00:00
< li > < a href = "" > Pricing< / a > < / li >
< li > < a href = "" > Contact Us< / a > < / li >
2021-07-30 06:51:35 +00:00
{% else %}
< li > < a href = "" > Dashboard< / a > < / li >
< li > < a href = "" > Instances< / a > < / li >
< li > < a href = "" > Help< / a > < / li >
{% endif %}
2021-07-26 14:11:19 +00:00
< / ul >
< / div >
< / nav >
<!-- Primary Navigation end -->
< / div >
< div class = "header-column justify-content-end" >
< nav class = "login-signup navbar navbar-expand" >
2021-07-19 14:36:10 +00:00
{% if not request.user.is_authenticated %}
2021-07-26 14:11:19 +00:00
< ul class = "navbar-nav" >
< li > < a href = "{% url 'account_login' %}" > Login< / a > < / li >
< li class = "align-items-center h-auto ml-sm-3" > < a class = "btn btn-primary" href = "{% url 'account_signup' %}" > Sign Up< / a > < / li >
< / ul >
{% else %}
< ul class = "navbar-nav" >
< li class = "dropdown language" > < a class = "dropdown-toggle" href = "#" > En< / a >
< ul class = "dropdown-menu" >
< li > < a class = "dropdown-item" href = "#" > English< / a > < / li >
< li > < a class = "dropdown-item" href = "#" > French< / a > < / li >
< / ul >
2021-07-19 14:36:10 +00:00
< / li >
2021-07-26 14:11:19 +00:00
< li class = "dropdown notifications active" > < a class = "dropdown-toggle" href = "#" > < span class = "text-5" > < i class = "far fa-bell" > < / i > < / span > < span class = "count" > 3< / span > < / a >
< ul class = "dropdown-menu" >
< li class = "text-center text-3 py-2" > Notifications (3)< / li >
< li class = "dropdown-divider mx-n3" > < / li >
< li > < a class = "dropdown-item" href = "#" > < i class = "fas fa-bell" > < / i > Your order #123 has been successfully added< span class = "text-1 text-muted d-block" > 22 Jul 2020< / span > < / a > < / li >
< li > < a class = "dropdown-item" href = "#" > < i class = "fas fa-bell" > < / i > You don't have enough balance for renewal upload to your account< span class = "text-1 text-muted d-block" > 04 March 2020< / span > < / a > < / li >
< li > < a class = "dropdown-item" href = "#" > < i class = "fas fa-bell" > < / i > A payment with 50/CHF has been successfully added to your account< span class = "text-1 text-muted d-block" > 18 Feb 2020< / span > < / a > < / li >
< li class = "dropdown-divider mx-n3" > < / li >
< li > < a class = "dropdown-item text-center text-primary px-0" href = "" > See all Notifications< / a > < / li >
< / ul >
2021-07-19 14:36:10 +00:00
< / li >
2021-07-26 14:11:19 +00:00
< li class = "dropdown profile ml-2" > < a class = "px-0 dropdown-toggle" href = "#" > < span class = "text-5" > < i class = "far fa-user" > < / i > < / span > < / a >
< ul class = "dropdown-menu" >
< li class = "text-center text-3 py-2" > Hi, {{request.user.username}}< / li >
< li class = "dropdown-divider mx-n3" > < / li >
< li > < a class = "dropdown-item" href = "" > < i class = "fas fa-user" > < / i > My Profile< / a > < / li >
< li > < a class = "dropdown-item" href = "" > < i class = "fas fa-shopping-cart" > < / i > Orders< / a > < / li >
< li > < a class = "dropdown-item" href = "" > < i class = "fas fa-file-invoice" > < / i > Bills< / a > < / li >
< li > < a class = "dropdown-item" href = "" > < i class = "fas fa-credit-card" > < / i > Payment Methods< / a > < / li >
< li > < a class = "dropdown-item" href = "" > < i class = "fas fa-cloud" > < / i > Instances< / a > < / li >
< li class = "dropdown-divider mx-n3" > < / li >
< li > < a class = "dropdown-item" href = "" > < i class = "fas fa-life-ring" > < / i > Need Help?< / a > < / li >
< li > < a class = "dropdown-item" href = "{% url 'account_logout' %}" > < i class = "fas fa-sign-out-alt" > < / i > Sign Out< / a > < / li >
< / ul >
< / li >
< / ul >
{% endif %}
< / nav >
2021-07-19 14:36:10 +00:00
< / div >
< / div >
2021-07-26 14:11:19 +00:00
< / div >
< / header >
<!-- Header End -->