{% set is_checked = false %}

{% if is_first
    and (
      not diet or not diet_info.is_sport_diet
      or (diet_info.is_sport_diet_type_definition and name != "definition_parameters")
      or (not diet_info.is_sport_diet_type_definition and name != "gain_parameters")
    ) %}
  {% set is_checked = true %}
{% else %}
  {% if diet and diet_info.is_sport_diet and ((diet_info.is_sport_diet_type_definition and name == "definition_parameters") or (not diet_info.is_sport_diet_type_definition and name == "gain_parameters")) and diet.hidratos_porciento == carbohydrates and diet.proteinas_porciento == proteins and diet.grasas_porciento == fats %}
    {% set is_checked = true %}
  {% endif %}
{% endif %}

<div class="custom-control custom-radio {{ container_extra_class }}">
  <input type="radio" id="{{ input_id }}" name="{{ name }}" value="" required="" {% if is_checked %}checked{% endif%} data-carbohydrates="{{ carbohydrates }}" data-proteins="{{ proteins }}" data-fats="{{ fats }}" class="custom-control-input mt-2">
  <label class="custom-control-label" for="{{ input_id }}">{{ carbohydrates }}% {{ proteins }}% {{ fats }}%</label>
  <div class="pl-4 mt-3">
    <div class="text-center mb-1">
      <h5><span class="text-success">{{ gettext("Hidratos de carbono") }}</span> / <span class="text-info">{{ gettext("Proteínas") }}</span> / <span class="text-danger">{{ gettext("Grasas") }}</span>
      <br>
      <span><span class="text-success">{{ carbohydrates }}%</span> / <span class="text-info">{{ proteins }}%</span> / <span class="text-danger">{{ fats }} %</span></span></h5>
    </div>
    <div class="progress">
      <div class="progress-bar bg-success" role="progressbar" aria-valuenow="{{ carbohydrates }}" aria-valuemin="0" aria-valuemax="100" style="width:{{ carbohydrates }}%; height:6px;"> <span class="sr-only">{{ carbohydrates }}% {{ gettext("Hidratos de Carbono") }}</span> </div>
      <div class="progress-bar bg-info" role="progressbar" aria-valuenow="{{ proteins }}" aria-valuemin="0" aria-valuemax="100" style="width:{{ proteins }}%; height:6px;"> <span class="sr-only">{{ proteins }}% {{ gettext("Proteínas") }}</span> </div>
      <div class="progress-bar bg-danger" role="progressbar" aria-valuenow="{{ fats }}" aria-valuemin="0" aria-valuemax="100" style="width:{{ fats }}%; height:6px;"> <span class="sr-only">{{ fats }}% {{ gettext("Grasas") }}</span> </div>
    </div>
  </div>
</div>