{% extends "base.html" %}
{% block title %}Foods Database{% endblock %}
{% block content %}
<h1 class="text-3xl font-bold mb-6">Filipino Foods Database</h1>
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
{% for food in filipino_foods %}
<div class="glass rounded-lg p-4">
<h3 class="font-bold">{{ food.name }}</h3>
<p class="text-sm text-gray-600">{{ food.name_tagalog }}</p>
<p class="text-primary font-bold">{{ food.calories|round|int }} cal</p>
</div>
{% endfor %}
</div>
{% endblock %}