カテゴリで選択したものがhtml上に表示されない

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
Python(Django)で食べたものが表示されるウェブアプリを作っています。
カテゴリーに朝食、昼食、夕食、間食とあり選択できるようにしています。
選択はできるのですが、html上に表示されなくて手が止まり困っています。
自分はまだ知識が浅く、簡単なことだとは思うのですがどうにも解決できないので、どなたかご教授いただけると幸いです。

発生している問題・エラーメッセージ

エラーメッセージ

該当のソースコード

# views.py
@login_required
def foods(request):
  today = datetime.datetime.today()
  # foods = Food.objects.filter(eaten_date=today)
  user_foods = Food.objects.order_by('category').filter(user=request.user, eaten_date=today)
  # これでも合計カロリーは出る
  # kcal = foods.aggregate(Sum('kcal'))
  # protein = foods.aggregate(Sum('protein'))

  # total_kcal
  kcal_list = [food['kcal'] for food in user_foods.values('kcal')]
  ttl_kcal = sum(kcal_list)
    # total_protein
  protein_list = [food['protein'] for food in user_foods.values('protein')]
  ttl_protein = sum(protein_list)
    # total_fat
  fat_list = [food['fat'] for food in user_foods.values('fat')]
  ttl_fat = sum(fat_list)
    # total_carb
  carb_list = [food['carb'] for food in user_foods.values('carb')]
  ttl_carb = sum(carb_list)
  
  context = {
    'ttl_kcal': ttl_kcal,
    'ttl_protein': ttl_protein,
    'ttl_fat': ttl_fat,
    'ttl_carb': ttl_carb,
    'user_foods': user_foods,
  }
  return render(request, 'base/my_foods_list.html', context)

from django.db import models
from django.contrib.auth.models import User
from django.core.validators import MaxValueValidator, MinValueValidator
# Create your models here.
CATEGORY = (('breakfast','朝食'),('lunch','昼食'),('dinner','夕食'), ('snack','間食'))
class Food(models.Model):
  user = models.ForeignKey(User, on_delete=models.CASCADE, null=True, blank=True)
  category = models.CharField(max_length=200, choices=CATEGORY)
  name = models.CharField(max_length=200)
  kcal = models.PositiveSmallIntegerField()
  protein = models.DecimalField(max_digits=4, decimal_places=1, blank=True, null=True, default=0.0, validators=[MaxValueValidator(999.9), MinValueValidator(0.0)])
  fat = models.DecimalField(max_digits=4, decimal_places=1, blank=True, null=True, default=0.0, validators=[MaxValueValidator(999.9), MinValueValidator(0.0)])
  carb = models.DecimalField(max_digits=4, decimal_places=1, blank=True, null=True, default=0.0, validators=[MaxValueValidator(999.9), MinValueValidator(0.0)])
  description = models.TextField(null=True, blank=True)
  eaten_date = models.DateField(editable=True, blank=True, null=True)
  created = models.DateTimeField(auto_now_add=True)
  def __str__(self):
      return self.name

{% if request.user.is_authenticated %}
  <p>Welcome {{ request.user }}</p>
  <a href="{% url 'logout' %}">Logout</a>
{% else %}
  <a href="{% url 'login' %}">Login</a>
{% endif %}

<hr>

<h1>今日食べたもの</h1>
<p>本日は{% now "F" %}{% now "j" %}日({% now "l" %})です</p>

<a href="{% url 'food-create' %}">追加</a>
<a href="{% url 'all-foods' %}">一覧</a>
<a href="">目標設定</a>


<!-- {{ kcal.kcal__sum }}
  {{ protein.protein__sum }} -->
  
{% if user_foods %}
  <table>
    <tr>
      <th>食べもの</th>
      <th>カロリー</th>
      <th>タンパク質</th>
      <th>脂質</th>
      <th>炭水化物</th>
      <th>日付</th>
      <th>カテゴリ</th>
    </tr>
    {% for food in user_foods %}
      <tr>
        <td>{{ food.name }}</td>
        <td>{{ food.kcal }}</td>
        <td>{{ food.protein }}</td>
        <td>{{ food.fat }}</td>
        <td>{{ food.carb }}</td>
        <td>{{ food.eaten_date }}</td>
        <td>{{ food.catogory }}</td>
        <td><a href="{% url 'food-update' food.id %}">編集</a></td>
        <td><a href="{% url 'food-delete' food.id %}">削除</a></td>
      </tr>
    {% endfor %}
    <tr>
      <th>合計</th>
      <th>{{ ttl_kcal }}</th>
      <th>{{ ttl_protein }}</th>
      <th>{{ ttl_fat }}</th>
      <th>{{ ttl_carb }}</th>
    </tr>   
    <tr>
      <th>目標</th>
      <th>1960</th>
      <th>130</th>
      <th>54.5</th>
      <th>237</th>
      
    </tr>
  </table>
{% else %}
  <p>No Foods have benn eaten today</p>
{% endif %}
  
<!-- <p>目標は1960kcal, P130, F54.5, C237だよ</p> -->
<a href="{% url 'blogs' %}">ブログへ</a>