{% extends 'cards/sleep.html' %}
{% load duration %}

{% block header %}Today's Sleep{% endblock %}

{% block title %}
    {% if total %}
        <strong>{{ total|duration_string }}</strong>
    {% else %}
        <i class="icon icon-sad" aria-hidden="true"></i>
        <strong>None yet today</strong>
        <i class="icon icon-sad" aria-hidden="true"></i>
    {% endif %}
{% endblock %}

{% block content %}
    {% if total %}
        <div class="text-muted">
            Average sleep duration: <strong>{{ average|duration_string }}</strong>.
        </div>
    {% endif %}
{% endblock %}

{% block footer %}{{ count }} sleep entries{% endblock %}