{% set diet = nutritional_intervention_entry.dieta_data %}
{% set measurements = nutritional_intervention_entry.medidas_data %}
{% set tags_data = diet.dieta_node_data.tags_data %}

{% import "inc.diet_info_from_tags.html" as diet_info with context %}

<div class="btn-group btn-group-toggle nav">
  <a class="btn btn-success w-50 py-sm-3" data-toggle="collapse" href="#tab-new-nutrition-diet" role="tab" aria-controls="tab-new-nutrition-diet" aria-expanded="{% if not diet %}true{% else %}false{% endif %}"><span class="d-none d-sm-block">{{ gettext("Nutrición y salud") }}</span><span class="d-block d-sm-none">{{ gettext("Salud") }}</span></a>
  <a class="btn btn-info w-50 collapsed py-sm-3" data-toggle="collapse" href="#tab-new-sport-diet" role="tab" aria-controls="tab-new-sport-diet" aria-expanded="false"><span class="d-none d-sm-block">{{ gettext("Nutrición deportiva") }}</span><span class="d-block d-sm-none">{{ gettext("Deporte") }}</span></a>
</div>

<div id="new-diet-container">
  <div class="collapse {% if not diet %}show active{% endif %}" id="tab-new-nutrition-diet" data-parent="#new-diet-container">
    <div class="card mb-0">
      <div class="card-body">
        <p>
          {{ gettext("Aquí podrás <strong>personalizar completamente</strong> la energía y la distribución de macronutrientes de la dieta.")|safe }}
        </p>
        <p>
          {{ gettext("También encontrarás una serie de <strong>dietas predefinidas</strong>, elaboradas por nuestro equipo de nutrición, con la energía y distribución de macronutrientes necesarios para amoldarse a situaciones fisiológicas muy habituales.")|safe }}
        </p>
        {% if questionnaire and questionnaire.dieta_recomendada %}
          <p>
            {{ gettext("Además, te sugerimos una dieta con unos <strong>parámetros recomendados</strong> en base al cuestionario activo.")|safe }}
          </p>
        {% endif %}
        <div id="predefined-nutrition-diets-accordion">
          <div class="card">
            <div id="predefined-nutrition-diets-accordion-header" class="card-header text-center px-0 py-0 bg-success text-white">
              <a class="btn btn-link w-100 h-100" data-toggle="collapse" data-target="#predefined-nutrition-diets-accordion-body" aria-expanded="true" aria-controls="predefined-nutrition-diets-accordion-body">
                {{ gettext("Dietas predefinidas") }}
              </a>
            </div>
            <div id="predefined-nutrition-diets-accordion-body" class="collapse" aria-labelledby="predefined-nutrition-diets-accordion-header" data-parent="#predefined-nutrition-diets-accordion">
              
              <div class="card-body p-0 p-sm-3">
                <div id="predefined-nutrition-diets-description-accordion">
                  <div class="card mb-0">
                    {% if questionnaire and questionnaire.dieta_recomendada %}
                      <div id="predefined-nutrition-diets-questionnaire-recommended-header" class="card-header text-center px-0 py-0">
                        <a class="btn btn-link w-100 h-100" data-toggle="collapse" data-target="#predefined-nutrition-diets-questionnaire-recommended-body" aria-expanded="true" aria-controls="predefined-nutrition-diets-questionaire-recommended-body">
                          {{ gettext("Dieta <strong>recomendada</strong> en base al cuestionario activo")|safe }}
                        </a>
                      </div>
                      {% set get = measurements.GET - questionnaire.dieta_recomendada[0] %}
                      {% set carbohydrates = questionnaire.dieta_recomendada[1] %}
                      {% set proteins = questionnaire.dieta_recomendada[2] %}
                      {% set fats = questionnaire.dieta_recomendada[3] %}
                      <div id="predefined-nutrition-diets-questionnaire-recommended-body" class="collapse show diet-parameters" aria-labelledby="predefined-nutrition-diets-questionnaire-recommended-header" data-parent="#predefined-nutrition-diets-description-accordion" data-energy="{{ get }}" data-carbohydrates="{{ carbohydrates }}" data-proteins="{{ proteins }}" data-fats="{{ fats }}">
                        <div class="card-body">
                          <h5>{{ gettext("Dieta recomendada") }}</h5>
                          <p>
                            {{ gettext("Las recomendación que te sugiremos en base al cuestionario activo es la siguiente:") }}
                          </p>
                          {% include "inc.predefined_nutrition_diet_parameters.html" %}
                        </div>
                        <div class="card-footer text-center bg-white">
                          <button type="submit" class="btn btn-sm btn-success">{{ gettext("Aplicar configuración") }}</button>
                        </div>
                      </div>
                    {% endif %}
                  </div>
                  <div class="card mb-0">
                    <div id="predefined-nutrition-diets-balanced-header" class="card-header text-center px-0 py-0">
                      <a class="btn btn-link w-100 h-100" data-toggle="collapse" data-target="#predefined-nutrition-diets-balanced-body" aria-expanded="true" aria-controls="predefined-nutrition-diets-balanced-body">
                        {{ gettext("Dieta <strong>equilibrada</strong>")|safe }}
                      </a>
                    </div>
                    {% set get = measurements.GET %}
                    {% set carbohydrates = 55 %}
                    {% set proteins = 15 %}
                    {% set fats = 30 %}
                    <div id="predefined-nutrition-diets-balanced-body" class="collapse {% if not (questionnaire and questionnaire.dieta_recomendada) %}show{% endif %} diet-parameters" aria-labelledby="predefined-nutrition-diets-balanced-header" data-parent="#predefined-nutrition-diets-description-accordion" data-energy="{{ get }}" data-carbohydrates="{{ carbohydrates }}" data-proteins="{{ proteins }}" data-fats="{{ fats }}">
                      <div class="card-body">
                        <h5>{{ gettext("Mantenimiento saludable") }}</h5>
                        <p>
                          {{ gettext("Las recomendaciones de los organismos oficiales en cuanto a los porcentajes y energía de una dieta equilibrada son los siguientes:") }}
                        </p>
                        {% include "inc.predefined_nutrition_diet_parameters.html" %}
                      </div>
                      <div class="card-footer text-center bg-white">
                        <button type="submit" class="btn btn-sm btn-success">{{ gettext("Aplicar configuración") }}</button>
                      </div>
                    </div>
                  </div>
                  <div id="predefined-nutrition-diets-weight-loss">
                    <div class="card mb-0">
                      <div id="predefined-nutrition-diets-weight-loss-header" class="card-header text-center px-0 py-0">
                        <a class="btn btn-link w-100 h-100" data-toggle="collapse" data-target="#predefined-nutrition-diets-weight-loss-body" aria-expanded="true" aria-controls="predefined-nutrition-diets-weight-loss-body">
                          {{ gettext("<strong>Pérdida</strong> de peso")|safe }}
                        </a>
                      </div>
                      <div id="predefined-nutrition-diets-weight-loss-body" class="collapse" aria-labelledby="predefined-nutrition-diets-weight-loss-header" data-parent="#predefined-nutrition-diets-description-accordion">
                        <div class="card-body">
                          <h5>{{ gettext("Pérdida de peso") }}</h5>
                          <p>
                            {{ gettext("Esta intervención nutricional se divide en tres fases con una duración determinada en función de la evolución del paciente. El paso de una fase a otra se debe producir cuando el ritmo de pérdida de peso sea inferior a 800g a la semana.") }}
                          </p>
                          <div class="btn-group btn-group-toggle nav justify-content-center">
                            <a id="weight-loss-diet-stage1-tab" class="btn btn-success active show" data-toggle="tab" href="#weight-loss-diet-stage1" role="tab" aria-controls="weight-loss-diet-stage1" aria-selected="true">{{ gettext("Fase 1") }}</a>
                            <a id="weight-loss-diet-stage2-tab" class="btn btn-success" data-toggle="tab" href="#weight-loss-diet-stage2" role="tab" aria-controls="weight-loss-diet-stage2" aria-selected="false">{{ gettext("Fase 2") }}</a>
                            <a id="weight-loss-diet-stage3-tab" class="btn btn-success" data-toggle="tab" href="#weight-loss-diet-stage3" role="tab" aria-controls="weight-loss-diet-stage3" aria-selected="false">{{ gettext("Fase 3") }}</a>
                          </div>
                          <div class="tab-content pt-3">
                            {% set get = measurements.GET - 300 %}
                            {% set carbohydrates = 50 %}
                            {% set proteins = 20 %}
                            {% set fats = 30 %}
                            <div class="tab-pane show active diet-parameters" id="weight-loss-diet-stage1" role="tabpanel" aria-labelledby="weight-loss-diet-stage1-tab" data-energy="{{ get }}" data-carbohydrates="{{ carbohydrates }}" data-proteins="{{ proteins }}" data-fats="{{ fats }}">
                              {% include "inc.predefined_nutrition_diet_parameters.html" %}
                            </div>
                            {% set get = measurements.GET - 500 %}
                            {% set carbohydrates = 45 %}
                            {% set proteins = 25 %}
                            {% set fats = 30 %}
                            <div class="tab-pane diet-parameters" id="weight-loss-diet-stage2" role="tabpanel" aria-labelledby="weight-loss-diet-stage2-tab" data-energy="{{ get }}" data-carbohydrates="{{ carbohydrates }}" data-proteins="{{ proteins }}" data-fats="{{ fats }}">
                              {% include "inc.predefined_nutrition_diet_parameters.html" %}
                            </div>
                            {% set get = measurements.GET - 800 %}
                            {% set carbohydrates = 50 %}
                            {% set proteins = 25 %}
                            {% set fats = 35 %}
                            <div class="tab-pane diet-parameters" id="weight-loss-diet-stage3" role="tabpanel" aria-labelledby="weight-loss-diet-stage3-tab" data-energy="{{ get }}" data-carbohydrates="{{ carbohydrates }}" data-proteins="{{ proteins }}" data-fats="{{ fats }}">
                              {% include "inc.predefined_nutrition_diet_parameters.html" %}
                            </div>
                          </div>
                        </div>
                        <div class="card-footer text-center bg-white">
                          <button type="submit" class="btn btn-sm btn-success">{{ gettext("Aplicar configuración") }}</button>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="predefined-nutrition-diets-maintenance">
                    <div class="card mb-0">
                      <div id="predefined-nutrition-diets-maintenance-header" class="card-header text-center px-0 py-0">
                        <a class="btn btn-link w-100 h-100" data-toggle="collapse" data-target="#predefined-nutrition-diets-maintenance-body" aria-expanded="true" aria-controls="predefined-nutrition-diets-maintenance-body">
                          {{ gettext("<strong>Mantenimiento</strong> de peso")|safe }}
                        </a>
                      </div>
                      <div id="predefined-nutrition-diets-maintenance-body" class="collapse" aria-labelledby="predefined-nutrition-diets-maintenance-header" data-parent="#predefined-nutrition-diets-description-accordion">
                        <div class="card-body">
                          <h5 class="mb-3">{{ gettext("Mantenimiento") }}</h5>
                          <div class="btn-group btn-group-toggle nav justify-content-center">
                            <a id="maintenance-diet-stage1-tab" class="btn btn-success active show" data-toggle="tab" href="#maintenance-diet-stage1" role="tab" aria-controls="maintenance-diet-stage1" aria-selected="true">{{ gettext("Fase 1") }}</a>
                            <a id="maintenance-diet-stage2-tab" class="btn btn-success" data-toggle="tab" href="#maintenance-diet-stage2" role="tab" aria-controls="maintenance-diet-stage2" aria-selected="false">{{ gettext("Fase 2") }}</a>
                          </div>
                          <div class="tab-content pt-3">
                            {% set get = measurements.GET %}
                            {% set carbohydrates = 40 %}
                            {% set proteins = 25 %}
                            {% set fats = 35 %}
                            <div class="tab-pane show active diet-parameters" id="maintenance-diet-stage1" role="tabpanel" aria-labelledby="maintenance-diet-stage1-tab" data-energy="{{ get }}" data-carbohydrates="{{ carbohydrates }}" data-proteins="{{ proteins }}" data-fats="{{ fats }}">
                              <p>
                                {{ gettext("Si el paciente viene de una dieta de pérdida de peso, se debe generar una dieta con las mismas kilocalorías que nos da el GET, pero manteniendo la reducción del porcentaje de hidratos de carbono de la dieta previa de pérdida de peso.") }}
                              </p>
                              {% include "inc.predefined_nutrition_diet_parameters.html" %}
                            </div>
                            {% set get = measurements.GET %}
                            {% set carbohydrates = 50 %}
                            {% set proteins = 20 %}
                            {% set fats = 30 %}
                            <div class="tab-pane diet-parameters" id="maintenance-diet-stage2" role="tabpanel" aria-labelledby="maintenance-diet-stage2-tab" data-energy="{{ get }}" data-carbohydrates="{{ carbohydrates }}" data-proteins="{{ proteins }}" data-fats="{{ fats }}">
                              <p>
                                {{ gettext("Si el paciente no ha tenido una pérdida de peso previa, se debe generar una dieta según el GET y con una ligera variación respecto al perfil calórico de macronutrientes de la ​dieta equilibrada.") }}
                              </p>
                              {% include "inc.predefined_nutrition_diet_parameters.html" %}
                            </div>
                          </div>
                        </div>
                        <div class="card-footer text-center bg-white">
                          <button type="submit" class="btn btn-sm btn-success">{{ gettext("Aplicar configuración") }}</button>
                        </div>
                      </div>
                    </div>
                  </div>
                  <div id="predefined-nutrition-diets-weight-gain">
                    <div class="card mb-0">
                      <div id="predefined-nutrition-diets-weight-gain-header" class="card-header text-center px-0 py-0">
                        <a class="btn btn-link w-100 h-100" data-toggle="collapse" data-target="#predefined-nutrition-diets-weight-gain-body" aria-expanded="true" aria-controls="predefined-nutrition-diets-weight-gain-body">
                          {{ gettext("<strong>Aumento</strong> de peso")|safe }}
                        </a>
                      </div>
                      <div id="predefined-nutrition-diets-weight-gain-body" class="collapse" aria-labelledby="predefined-nutrition-diets-weight-gain-header" data-parent="#predefined-nutrition-diets-description-accordion">
                        <div class="card-body">
                          <h5>{{ gettext("Aumento de peso") }}</h5>
                          <div class="btn-group btn-group-toggle nav justify-content-center">
                            <a id="weight-gain-diet-stage1-tab" class="btn btn-success active show" data-toggle="tab" href="#weight-gain-diet-stage1" role="tab" aria-controls="weight-gain-diet-stage1" aria-selected="true">{{ gettext("Fase 1") }}</a>
                            <a id="weight-gain-diet-stage2-tab" class="btn btn-success" data-toggle="tab" href="#weight-gain-diet-stage2" role="tab" aria-controls="weight-gain-diet-stage2" aria-selected="false">{{ gettext("Fase 2") }}</a>
                            <a id="weight-gain-diet-stage3-tab" class="btn btn-success" data-toggle="tab" href="#weight-gain-diet-stage3" role="tab" aria-controls="weight-gain-diet-stage3" aria-selected="false">{{ gettext("Fase 3") }}</a>
                          </div>
                          <div class="tab-content pt-3">
                            {% set get = measurements.GET + 300 %}
                            {% set carbohydrates = 55 %}
                            {% set proteins = 15 %}
                            {% set fats = 30 %}
                            <div class="tab-pane show active diet-parameters" id="weight-gain-diet-stage1" role="tabpanel" aria-labelledby="weight-gain-diet-stage1-tab" data-energy="{{ get }}" data-carbohydrates="{{ carbohydrates }}" data-proteins="{{ proteins }}" data-fats="{{ fats }}">
                              {% include "inc.predefined_nutrition_diet_parameters.html" %}
                            </div>
                            {% set get = measurements.GET + 500 %}
                            {% set carbohydrates = 55 %}
                            {% set proteins = 15 %}
                            {% set fats = 30 %}
                            <div class="tab-pane diet-parameters" id="weight-gain-diet-stage2" role="tabpanel" aria-labelledby="weight-gain-diet-stage2-tab" data-energy="{{ get }}" data-carbohydrates="{{ carbohydrates }}" data-proteins="{{ proteins }}" data-fats="{{ fats }}">
                              {% include "inc.predefined_nutrition_diet_parameters.html" %}
                            </div>
                            {% set get = measurements.GET + 800 %}
                            {% set carbohydrates = 55 %}
                            {% set proteins = 15 %}
                            {% set fats = 30 %}
                            <div class="tab-pane diet-parameters" id="weight-gain-diet-stage3" role="tabpanel" aria-labelledby="weight-gain-diet-stage3-tab" data-energy="{{ get }}" data-carbohydrates="{{ carbohydrates }}" data-proteins="{{ proteins }}" data-fats="{{ fats }}">
                              {% include "inc.predefined_nutrition_diet_parameters.html" %}
                            </div>
                          </div>
                        </div>
                        <div class="card-footer text-center bg-white">
                          <button type="submit" class="btn btn-sm btn-success">{{ gettext("Aplicar configuración") }}</button>
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <form id="nutritional-diet-form" class="needs-validation" novalidate>
          <div class="form-group">
            <label for="nutritional-diet-form-energy">{{ gettext("Energía") }} <span class="text-danger">*</span></label>
            <div class="input-group">
              <input type="number" id="nutritional-diet-form-energy" min=0 step="0.01" required name="kcal" class="form-control" value="{% if diet %}{{ diet.energia }}{% else %}{{ measurements.GET }}{% endif %}" placeholder="{{ gettext("Energía") }}">
              <div class="input-group-append">
                <span class="input-group-text">{{ gettext("KCal.") }}</span>
              </div>
              <div class="invalid-feedback">
                <span class="browser-invalid-feedback"></span>
              </div>
            </div>
          </div>
          <div class="form-row">
            <div class="form-group col-12">
              <label for="nutritional-diet-form-carbohydrates">{{ gettext("Hidratos") }} <span class="text-danger">*</span></label>
              <input type="number" id="nutritional-diet-form-carbohydrates" min=0 max=100 step="1" required name="hidratos" class="form-control slider" value="{% if diet %}{{ diet.hidratos_porciento }}{% else %}34{% endif %}" placeholder="%">
              <div class="invalid-feedback">
                <span class="browser-invalid-feedback"></span>
              </div>
            </div>
            <div class="form-group col-12">
              <label for="nutritional-diet-form-proteins">{{ gettext("Proteínas") }} <span class="text-danger">*</span></label>
              <input type="number" id="nutritional-diet-form-proteins" min=0 max=100 step="0.01" required name="proteinas" class="form-control slider" value="{% if diet %}{{ diet.proteinas_porciento }}{% else %}33{% endif %}" placeholder="%">
              <div class="invalid-feedback">
                <span class="browser-invalid-feedback"></span>
              </div>
            </div>
            <div class="form-group col-12">
              <label for="nutritional-diet-form-fats">{{ gettext("Grasas") }} <span class="text-danger">*</span></label>
              <input type="number" id="nutritional-diet-form-fats" min=0 max=100 step="0.01" required name="grasas" class="form-control slider" value="{% if diet %}{{ diet.grasas_porciento }}{% else %}33{% endif %}" placeholder="%">
              <div class="invalid-feedback">
                <span class="browser-invalid-feedback"></span>
              </div>
            </div>
          </div>
        </form>
      </div>
      <div class="card-footer text-center">
        <button type="submit" form="nutritional-diet-form" class="btn btn-success">{{ gettext("Generar dieta") }}</button>
      </div>
    </div>
  </div>

  <div class="collapse" id="tab-new-sport-diet" data-parent="#new-diet-container">
    <div class="card mb-0">
      <div class="card-body pb-5">
        <p>
          Aquí podrás seleccionar los dos objetivos más importantes en nutrición deportiva, proporcionando además <strong>ingestas específicas para antes y después de entrenar</strong>.
        </p>
        <p>
          La distribución de macronutrientes ha sido seleccionada cuidadosamente para poder conseguir el máximo tono muscular y pérdida de grasa. En todas estas estrategias nutricionales <strong>se presta especial atención a los gramos de proteína por kilo de peso</strong>, asegurando así el anabolismo muscular.
        </p>

        <form id="sport-diet-form" class="needs-validation mt-4" novalidate>
          {% set data_gain_energy_min = 2000 %}
          {% set data_gain_energy_max = 3800 %}
          {% set data_definition_energy_min = 1500 %}
          {% set data_definition_energy_max = 2800 %}
          {% if diet_info.is_sport_diet and not diet_info.is_sport_diet_type_definition %}
            {% set data_gain_energy_from = diet.energia %}
          {% else %}
            {% set data_gain_energy_from = ((measurements.GET + 300) / 50 | round) * 50 %}
          {% endif %}
          {% if diet_info.is_sport_diet and diet_info.is_sport_diet_type_definition %}
            {% set data_definition_energy_from = diet.energia %}
          {% else %}
            {% set data_definition_energy_from = ((measurements.GET - 500) / 50 | round) * 50 %}
          {% endif %}
          {% if data_gain_energy_from < data_gain_energy_min %}
            {% set data_gain_energy_from = data_gain_energy_min %}
          {% elif data_gain_energy_from > data_gain_energy_max %}
            {% set data_gain_energy_from = data_gain_energy_max %}
          {% endif %}
          {% if data_definition_energy_from < data_definition_energy_min %}
            {% set data_definition_energy_from = data_definition_energy_min %}
          {% elif data_definition_energy_from > data_definition_energy_max %}
            {% set data_definition_energy_from = data_definition_energy_max %}
          {% endif %}
          <div class="row justify-content-center">
            <div class="col-auto">
              <div id="sport-diet-form-goal-tabs" class="btn-group btn-group-toggle nav" data-toggle="buttons">
                <label id="sport-diet-form-goal-tag-gain-label" class="btn btn-info {% if not diet_info.is_sport_diet_type_definition %}active{% endif %}" data-toggle="tab" href="#sport-diet-form-gain-parameters" role="tab" aria-controls="home" aria-selected="{% if not diet_info.is_sport_diet_type_definition %}true{% else %}false{% endif %}" data-min="{{ data_gain_energy_min }}" data-max="{{ data_gain_energy_max }}" data-from="{{ data_gain_energy_from }}">
                  <input type="radio" id="sport-diet-form-goal-tag-gain" name="goal_tag" value="GANANCIA MUSCULAR" autocomplete="off" {% if not diet_info.is_sport_diet_type_definition %}checked{% endif %}> <span class="d-none d-sm-inline">{{ gettext("Ganancia muscular") }}</span> <span class="d-sm-none">{{ gettext("Ganancia") }}</span>
                </label>
                <label id="sport-diet-form-goal-tag-definition-label" class="btn btn-info {% if diet_info.is_sport_diet_type_definition %}active{% endif %}" data-toggle="tab" href="#sport-diet-form-definition-parameters" role="tab" aria-controls="profile" aria-selected="{% if diet_info.is_sport_diet_type_definition %}true{% else %}false{% endif %}" data-min="{{ data_definition_energy_min }}" data-max="{{ data_definition_energy_max }}" data-from="{{ data_definition_energy_from }}">
                  <input type="radio" id="sport-diet-form-goal-tag-definition" name="goal_tag" value="DEFINICION" autocomplete="off" {% if diet_info.is_sport_diet_type_definition %}checked{% endif %}> {{ gettext("Definición") }}
                </label>
              </div>
            </div>
          </div>
          <div class="form-group col-12 mt-3">
            <label for="sport-diet-form-energy">{{ gettext("Energía") }}</label>
            <input type="number" id="sport-diet-form-energy" step="1" required name="kcal" class="form-control slider" value="{% if diet %}{{ diet.energia }}{% endif %}" placeholder="%" data-type="single" data-step="50" data-postfix="KCal" data-extra-classes="info" {% if diet_info.is_sport_diet_type_definition %}data-min="{{ data_definition_energy_min }}" data-max="{{ data_definition_energy_max }}" data-from="{{ data_definition_energy_from }}"{% else %}data-min="{{ data_gain_energy_min }}" data-max="{{ data_gain_energy_max }}" data-from="{{ data_gain_energy_from }}"{% endif %}>
            <div class="invalid-feedback">
              <span class="browser-invalid-feedback"></span>
            </div>
          </div>
          <div id="sport-diet-form-goal-tabs-content" class="tab-content mt-4">
            <div class="tab-pane {% if not diet_info.is_sport_diet_type_definition %}active show{% endif %}" id="sport-diet-form-gain-parameters" role="tabpanel" aria-labelledby="sport-diet-goal-tag-gain-label">
              <div class="row">
                {% set carbohydrates = 55 %}
                {% set proteins = 15 %}
                {% set fats = 30 %}
                {# Declaramos variables a utilizar como reemplazo en el include #}
                {% set input_id = "sport-diet-gain-parameters-1" %}
                {% set name = "gain_parameters" %}
                {% set is_first = true %}
                {% set container_extra_class = "col-sm-6 mt-2" %}
                {% include "inc.new_sport_diet_form_parameters_element.html" %}
                {% set carbohydrates = 55 %}
                {% set proteins = 20 %}
                {% set fats = 25 %}
                {# Declaramos variables a utilizar como reemplazo en el include #}
                {% set input_id = "sport-diet-gain-parameters-2" %}
                {% set name = "gain_parameters" %}
                {% set is_first = false %}
                {% set container_extra_class = "col-sm-6 mt-4 mt-sm-2" %}
                {% include "inc.new_sport_diet_form_parameters_element.html" %}
              </div>
            </div>
            <div class="tab-pane {% if diet_info.is_sport_diet_type_definition %}active show{% endif %}" id="sport-diet-form-definition-parameters" role="tabpanel" aria-labelledby="sport-diet-form-goal-tag-definition-label">
              <div class="row justify-content-center">
                {% set carbohydrates = 40 %}
                {% set proteins = 25 %}
                {% set fats = 35 %}
                {# Declaramos variables a utilizar como reemplazo en el include #}
                {% set input_id = "sport-diet-definition-parameters-1" %}
                {% set name = "definition_parameters" %}
                {% set is_first = true %}
                {% set container_extra_class = "col-sm-6 col-md-6 col-lg-4 mt-2" %}
                {% include "inc.new_sport_diet_form_parameters_element.html" %}
                {% set carbohydrates = 40 %}
                {% set proteins = 20 %}
                {% set fats = 40 %}
                {# Declaramos variables a utilizar como reemplazo en el include #}
                {% set input_id = "sport-diet-definition-parameters-2" %}
                {% set name = "definition_parameters" %}
                {% set is_first = false %}
                {% set container_extra_class = "col-sm-6 col-md-6 col-lg-4 mt-4 mt-sm-2" %}
                {% include "inc.new_sport_diet_form_parameters_element.html" %}
                {% set carbohydrates = 40 %}
                {% set proteins = 30 %}
                {% set fats = 30 %}
                {# Declaramos variables a utilizar como reemplazo en el include #}
                {% set input_id = "sport-diet-definition-parameters-3" %}
                {% set name = "definition_parameters" %}
                {% set is_first = false %}
                {% set container_extra_class = "col-sm-6 col-md-6 col-lg-4 mt-4 mt-lg-2" %}
                {% include "inc.new_sport_diet_form_parameters_element.html" %}
              </div>
            </div>
          </div>
          <div class="text-center mt-5">
            <div class="btn-group btn-group-toggle" data-toggle="buttons">
              <label id="sport-diet-form-moment-tag-morning-label" class="btn btn-info {% if not diet_info.is_sport_diet_moment_afternoon %}active{% endif %}">
                <input type="radio" id="sport-diet-form-moment-tag-morning" name="moment_tag" value="ENTRENAMIENTO POR LA MAÑANA" autocomplete="off" {% if not diet_info.is_sport_diet_moment_afternoon %}checked{% endif %}> <span class="d-none d-sm-inline d-md-none d-lg-inline">{{ gettext("Entrenamiento por la mañana") }}</span> <span class="d-sm-none d-md-inline d-lg-none">{{ gettext("Mañana") }}</span>
              </label>
              <label id="sport-diet-form-moment-tag-morning-label" class="btn btn-info {% if diet_info.is_sport_diet_moment_afternoon %}active{% endif %}">
                <input type="radio" id="sport-diet-form-moment-tag-afternoon" name="moment_tag" value="ENTRENAMIENTO POR LA TARDE" autocomplete="off" {% if diet_info.is_sport_diet_moment_afternoon %}checked{% endif %}> <span class="d-none d-sm-inline d-md-none d-lg-inline">{{ gettext("Entrenamiento por la tarde") }}</span> <span class="d-sm-none d-md-inline d-lg-none">{{ gettext("Tarde") }}</span>
              </label>
            </div>
          </div>
        </form>
      </div>
      <div class="card-footer text-center">
        <button type="submit" form="sport-diet-form" class="btn btn-info">{{ gettext("Generar dieta Sport") }}</button>
      </div>
    </div>
  </div>
</div>