{% extends "base_bootstrap.html" %}
{% load alia_extras static i18n %}
{% block title %}
Alia
{% endblock title %}
{% block style %}
{{ block.super }}
<link rel="stylesheet" href="{% static 'alia/css/alia.css' %}">
{% endblock style %}
{% block header %}
{% url 'alia:provider-registration' as provider_registration_url %}
{% if not request.user.is_authenticated %}
{% define 'https://www.myalia.org/' as banner_icon_url %}
{% else %}
{% url 'alia:account-index' as banner_icon_url %}
{% endif %}
<nav class="navbar navbar-expand-md navbar-light" style="min-height: 81px;">
<div class="container d-flex align-items-center">
<a class="py-0 navbar-brand" href="{{ banner_icon_url }}">
<img src="https://s3.amazonaws.com/pub-site-images/alia_banner_logo.png" height="54px" />
</a>
<ul class="navbar-nav align-items-center flex-row">
{% if not request.user.is_authenticated %}
{% comment %}
<div class="d-none d-md-flex">
<li class="navbar-item">
<a class="mx-2 py-0 nav-link text-alia-pink font-weight-bold" href="{% url 'alia:howitworks' %}">{% trans "How it Works" %}</a>
</li>
<li class="navbar-item">
{% language 'en' %}
<form method="POST" action="{% url 'set_language' %}?next={% url 'alia:provider-registration' %}">
{% csrf_token %}
<input type="hidden" name="language" value="en" />
<a class="mx-2 py-0 nav-link text-alia-cyan font-weight-bold submit" href="#">{% trans "I'm a cleaner" %}</a>
</form>
{% endlanguage %}
</li>
<li class="navbar-item">
{% language 'es' %}
<form method="POST" action="{% url 'set_language' %}?next={% url 'alia:provider-registration' %}">
{% csrf_token %}
<input type="hidden" name="language" value="es" />
<a class="mx-2 py-0 nav-link text-alia-cyan font-weight-bold submit" href="#">{% trans "I'm a cleaner" %}</a>
</form>
{% endlanguage %}
</li>
</div>
{% endcomment %}
<li class="navbar-item">
<a class="mx-2 py-0 nav-link text-dark font-weight-bold" href="{% url 'cognito:account-login' %}">{% trans "Login" %}</a>
</li>
{% else %}
<li class="navbar-item">
<a class="mx-2 py-0 nav-link text-dark font-weight-bold logout" href="#">{% trans "Logout" %}</a>
</li>
{% endif %}
<li class="navbar-item">
<form class="mx-2 form-inline" action="{% url 'set_language' %}" method="post">{% csrf_token %}
<div class="form-group m-0">
<select class="form-control" name="language" onchange="this.form.submit()">
{% get_current_language as LANGUAGE_CODE %}
{% 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>
</div>
</form>
</li>
</ul>
</div>
</nav>
{% if user.is_authenticated %}
<form method="POST" action="{% url 'alia:account-logout' %}" id="logout-form">
{% csrf_token %}
</form>
{% endif %}
{% endblock %}
{% block footer %}
<footer class="navbar-fixed-bottom" style="background-color: rgb(54, 54, 54);">
<div class="container">
<div class="m-3 navbar-text text-muted small">
{% block alia-footer-content %}
{% endblock alia-footer-content %}
<p>
{% url 'alia:privacy' as privacy_url %}
© 2018 Fair Care Labs LLC. {% blocktrans %}All rights reserved. Please read our <a href="{{ privacy_url }}">Privacy Policy</a>.{% endblocktrans %}
</p>
</div>
</div>
</footer>
{% endblock footer %}
{% block extra_body_scripts %}
{{ block.super }}
<script>
{% if request.user.is_authenticated %}
$('a.logout').click(function() {
$('#logout-form').submit();
});
{% endif %}
$('a.submit').click(function() {
$(this).parent('form').submit();
});
</script>
{% endblock extra_body_scripts %}