{% extends 'reports/base.html' %}
{% load i18n static %}

{% block title %}{% endblock %}

{% block breadcrumbs %}
    {{ block.super }}
{% endblock %}

{% block content %}
    <div class="container-fluid">
        {% if html %}
            {{ html|safe }}
        {% else %}
            <div class="px-2 py-5 bg rounded-3 text-center display-5">
                <div class="container-fluid">
                    <i class="icon-sad" aria-hidden="true"></i>
                    {% trans "There is not enough data to generate this report." %}
                    <i class="icon-sad" aria-hidden="true"></i>
                </div>
            </div>
        {% endif %}
    </div>
{% endblock %}

{% block javascript %}
    <script src="{% static "babybuddy/js/graph.js" %}"></script>
    <script>Plotly.setPlotConfig({locale: '{{ LOCALE }}'})</script>
    {{ js|safe }}
{% endblock %}