{% load babybuddy_tags i18n static %}
{% get_current_language as LANGUAGE_CODE %}
{% get_current_locale as LOCALE %}
{% get_current_timezone as TIMEZONE %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>{% block title %}{% endblock %} | Baby Buddy</title>
    <link rel="stylesheet" href="{% static "babybuddy/css/app.css" %}" />
    <link rel="icon" type="image/svg+xml" href="{% static "babybuddy/root/favicon.svg" %}?v=20210925">
</head>
<body style="padding-top: 3rem;">

{% block nav %}{% endblock %}

{% block breadcrumb_nav %}
    <nav aria-label="breadcrumb" role="navigation">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="/">{% trans "Home" %}</a></li>
            {% block breadcrumbs %}{% endblock %}
        </ol>
    </nav>
{% endblock %}

{% block page %}{% endblock %}

    <script src="{% static "babybuddy/js/vendor.js" %}"></script>
    <script>moment.locale('{{ LOCALE }}');</script>
    <script>moment.tz.setDefault('{{ TIMEZONE }}');</script>
    <script src="{% static "babybuddy/js/app.js" %}"></script>
    {% if user.is_authenticated %}
        <script>BabyBuddy.PullToRefresh.init()</script>
    {% endif %}

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