{% extends "base.html" %}
{% load i18n %}
{% load static %}
{% load wger_extras %}

{#           #}
{# Opengraph #}
{#           #}
{% block opengraph %}
    {{ block.super }}
    <meta property="og:title" content="{% trans 'Nutrition plan' %}">
    <meta property="og:description" content="{{ plan }} / {{owner_user.username}}">
{% endblock %}


{#       #}
{# Title #}
{#       #}
{% block title %}{% trans "Nutrition plan" %} – {{ plan.creation_date}}{% endblock %}


{#        #}
{# Header #}
{#        #}
{% block header %}
<script>
function wgerCustomModalInit()
{
    // Init the autocompleter after loading the modal dialog
    wgerInitIngredientAutocompleter();
}
</script>
{% endblock %}



{#         #}
{# Content #}
{#         #}
{% block content %}
{% if plan.description %}
<p>
    <strong>{% trans "Goal" %}:</strong> {{plan.description}}
</p>
{% endif %}

<table class="table table-bordered">
    <thead>
        <tr style="background: #E0E0E0;">
            <th>{% trans "Meal" %}</th>
            <th>{% trans "Contents" %}</th>
            <th class="align-right">{% trans "Energy" %}</th>
            <th class="align-right">{% trans "Protein" %}</th>
            <th class="align-right">{% trans "Carbohydrates" %}</th>
            <th class="align-right">{% trans "Fat" %}</th>
        </tr>
    </thead>
    <tbody>
    <tr>
        <td colspan="2"></td>
        <td class="align-right">{% trans 'kcal' %}</td>
        <td class="align-right">{% trans_weight_unit 'g' owner_user %}</td>
        <td class="align-right">{% trans_weight_unit 'g' owner_user %}</td>
        <td class="align-right">{% trans_weight_unit 'g' owner_user %}</td>
    </tr>
{% for meal in plan.meal_set.select_related %}
    {% for item in meal.mealitem_set.select_related %}
    <tr>
        {% ifchanged meal.pk %}
        <td rowspan="{{meal.mealitem_set.count}}">
            <strong>
            {% trans "Nr."%} {{ forloop.parentloop.counter }}
            {% if meal.time %} &ndash; {{meal.time|time:"H:i"}}{% endif %}
            </strong>

            {% if is_owner %}
            <div class="editoptions">
                <a href="{% url 'nutrition:meal:delete' meal.id %}"
                   title="{% trans 'Delete' %}">
                   <span class="{% fa_class 'trash' %}"></span></a>
                <a href="{% url 'nutrition:meal:edit' meal.id %}"
                   title="{% trans 'Edit' %}"
                   class="wger-modal-dialog">
                    <span class="{% fa_class 'pencil-square-o' %}"></span></a>
                <a href="{% url 'nutrition:meal_item:add' meal.id %}"
                   title="{% trans 'Add' %}"
                   class="wger-modal-dialog edit-meal">
                    <span class="{% fa_class 'plus' %}"></span></a>
            </div>
            {% endif %}
        </td>
        {% endifchanged %}
        <td>
            {% if item.get_unit_type == MEALITEM_WEIGHT_GRAM %}{{ item.amount|floatformat:"0" }}g
            {% else %}
                {{ item.amount|floatformat:"0" }} × {{ item.weight_unit.unit.name }}
            {% endif %}
            {{ item.ingredient.name }}

            {% if is_owner %}
            <span class="editoptions">
                <a href="{% url 'nutrition:meal_item:delete' item.id %}"
                   title="{% trans 'Delete' %}"
                   class="delete-mealitem">
                   <span class="{% fa_class 'trash' %}"></span></a>
                <a href="{% url 'nutrition:meal_item:edit' item.id %}"
                   title="{% trans 'Edit' %}"
                   class="wger-modal-dialog edit-meal edit-mealitem">
                    <span class="{% fa_class 'pencil-square-o' %}"></span></a>
            </span>
            {% endif %}
            </td>
            <td class="align-right">{{item.get_nutritional_values.energy|floatformat}}</td>
            <td class="align-right">{{item.get_nutritional_values.protein|floatformat}}</td>
            <td class="align-right">{{item.get_nutritional_values.carbohydrates|floatformat}}</td>
            <td class="align-right">{{item.get_nutritional_values.fat|floatformat}}</td>
</tr>
    {% empty %}
    {% if is_owner %}
    <tr>
        <td colspan="7">
           <a href="{% url 'nutrition:meal_item:add' meal.id %}"
              title="{% trans 'Add one now.' %}"
              class="wger-modal-dialog edit-meal btn btn-default btn-block">
                {% trans "No items for this meal." %}
                {% trans "Add one now."%}
            </a>
        </td>
    </tr>
    {% endif %}
    {% endfor %}

{% empty %}
{% if is_owner %}
<p>
     <a href="{% url 'nutrition:meal:add' plan.id %}"
        class="wger-modal-dialog btn btn-default btn-block">
            {% trans "No meals for this plan." %}
            {% trans "Add one now." %}
        </a>
</p>
{% endif %}
{% endfor %}
        {% if is_owner %}
        <tr>
            <td colspan="6">
            <a href="{% url 'nutrition:meal:add' plan.id %}"
               class="wger-modal-dialog">
                <span class="{% fa_class 'plus' %}"></span>
                {% trans "Add a new meal" %}
            </a>
            </td>
        <tr>
        {% endif %}
    </tbody>
</table>

<h4>{% trans "Nutritional data" %}</h4>
{% if weight_entry %}
    {% blocktrans with date=weight_entry.date weight=weight_entry.weight %}
    <h5> Based on the weight entry dated {{date}} ({{weight}})</h5>
    {% endblocktrans %}
{% endif %}
<table class="table table-condensed">
    <thead>
        <tr>
            <th>{% trans "Macronutrients" %}</th>
            <th class="align-right">{% trans "Total" %}</th>
            <th class="align-right">{% trans "Percent of energy" %}</th>
            <th class="align-right">
                {% if owner_user.userprofile.use_metric %}
                    {% trans "g per body kg" %}
                {% else %}
                    {% trans "oz per body lb" %}
                {% endif %}
            </th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>{% trans "Energy" %}</td>
            <td class="align-right">{{nutritional_data.total.energy|floatformat}} {% trans "kcal" %}</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>{% trans "Protein" %}</td>
            <td class="align-right">{{nutritional_data.total.protein|floatformat}} {% trans_weight_unit 'g' owner_user %}</td>
            <td class="align-right">{{nutritional_data.percent.protein|floatformat}} %</td>
            <td class="align-right">{{nutritional_data.per_kg.protein|floatformat:2}}</td>
        </tr>
        <tr>
            <td>{% trans "Carbohydrates" %}</td>
            <td class="align-right">{{nutritional_data.total.carbohydrates|floatformat}} {% trans_weight_unit 'g' owner_user %}</td>
            <td class="align-right">{{nutritional_data.percent.carbohydrates|floatformat}} %</td>
            <td class="align-right">{{nutritional_data.per_kg.carbohydrates|floatformat:2}}</td>
        </tr>
        <tr>
            <td style="padding-left: 2em;">{% trans "Sugar content in carbohydrates" %}</td>
            <td class="align-right">{{nutritional_data.total.carbohydrates_sugar|floatformat}} {% trans_weight_unit 'g' owner_user %}</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>{% trans "Fat" %}</td>
            <td class="align-right">{{nutritional_data.total.fat|floatformat}} {% trans_weight_unit 'g' owner_user %}</td>
            <td class="align-right">{{nutritional_data.percent.fat|floatformat}} %</td>
            <td class="align-right">{{nutritional_data.per_kg.fat|floatformat:2}}</td>
        </tr>
        <tr>
            <td style="padding-left: 2em;">{% trans "Saturated fat content in fats" %}</td>
            <td class="align-right">{{nutritional_data.total.fat_saturated|floatformat}} {% trans_weight_unit 'g' owner_user %}</td>
            <td></td>
            <td></td>
        </tr>


        <tr>
            <th colspan="4">{% trans "Others" %}</th>
        </tr>
        <tr>
            <td>{% trans "Fibres" %}</td>
            <td class="align-right">{{nutritional_data.total.fibres|floatformat}} {% trans_weight_unit 'g' owner_user %}</td>
            <td></td>
            <td></td>
        </tr>
        <tr>
            <td>{% trans "Sodium" %}</td>
            <td class="align-right">{{nutritional_data.total.sodium|floatformat}} {% trans_weight_unit 'g' owner_user %}</td>
            <td></td>
            <td></td>
        </tr>
    </tbody>
</table>
{% endblock %}


{#          #}
{# Side bar #}
{#          #}
{% block sidebar %}
<h4>{% trans "Energy" %}</h4>
<table class="table table-condensed" id="nutritional-data-energy">
    <thead>
        <tr>
            <th>{% trans "Energy" %}</th>
            <th class="align-right">{{nutritional_data.total.energy|floatformat}} {% trans "kcal" %}</th>
        </tr>
    </thead>
    <tbody>

        {% if is_owner and owner_user.userprofile.calories and plan.has_goal_calories %}
        {% with total=plan.get_calories_approximation %}
        <tr style="background-color:{% if total == 1 %}#8ae234;{% elif total == 2 %}#fce94f;{% elif total == 3 %}#fcaf3e;{% elif total > 3 %}#ef2929;{% endif %}">
            <td>{% trans "Goal" %}</td>
            <td class="align-right">
                <strong>{{owner_user.userprofile.calories}} {% trans "kcal" %}</strong></td>
        </tr>
        {% endwith %}
        {% endif %}
    </tbody>
</table>

{% if is_owner and plan.has_goal_calories %}
    <p>{% blocktrans %}You have selected that this nutritional plan has a
    goal amount of calories. Use the calculator or enter the value yourself.{% endblocktrans %}
    <a href="{% url 'nutrition:calories:view' %}">{% trans "That's done here" %}</a>
    </p>
{% endif %}


{% if language.short_name != 'en' and is_owner %}
    <p>
    {% trans "If you find the ingredient list too short, you might want to activate the preference to also show English ingredients." %}
    <a href="{% url 'core:user:preferences' %}" id="ajax-english-ingredients">{% trans "That's done here" %}</a>.
    </p>
{% endif %}
{% endblock %}



{#         #}
{# Options #}
{#         #}
{% block options %}
<div class="btn-group">
    <button type="button" class="btn btn-primary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <span class="{% fa_class 'cog' %}"></span>
        {% trans "Options" %}
    </button>
    <ul class="dropdown-menu">
        <li>
            <a href="{% url 'nutrition:plan:export-pdf' plan.id uid token %}" target="_blank">
                <span class="{% fa_class 'download' %}"></span>
                {% trans "Download as PDF" %}
            </a>
        </li>
        {% if is_owner %}
        <li>
            <a href="{% url 'nutrition:plan:edit' plan.id %}" class="wger-modal-dialog">
                <span class="{% fa_class 'pencil-square-o' %}"></span>
                {% trans "Edit nutrition plan" %}
            </a>
        </li>
        <li>
            <a href="{% url 'nutrition:plan:copy' plan.id %}">
                <span class="{% fa_class 'clone' %}"></span>
                {% trans "Make a copy of this nutrition plan" %}
            </a>
        </li>
        <li role="separator" class="divider"></li>
        <li>
            <a href="{% url 'nutrition:plan:delete' plan.id %}" class="wger-modal-dialog">
                <span class="{% fa_class 'trash' %}"></span>
                {% trans "Delete nutrition plan" %}
            </a>
        </li>
        {% endif %}
    </ul>
</div>
{% endblock %}
