{% extends 'layouts/base.html' %}
{% load price_tags dict_tags %}

{% block title %}مدیریت غذاها{% endblock %}

{% block content %}
<div class="d-flex justify-content-between align-items-center mb-4">
    <h1 class="h4 mb-0">مدیریت غذاها</h1>
    <a href="{% url 'menu:dashboard-food-create' %}" class="btn btn-dark">افزودن غذا</a>
</div>

<div class="card shadow-sm">
    <div class="card-body table-responsive">
        <table class="table align-middle mb-0">
            <thead>
                <tr>
                    <th>تصویر</th>
                    <th>نام</th>
                    <th>دسته‌بندی</th>
                    <th>قیمت</th>
                    <th>وضعیت</th>
                    <th>عملیات</th>
                </tr>
            </thead>
            <tbody>
                {% for food in foods %}
                    <tr>
                        <td>
                            <img src="{{ food.image.url }}" alt="{{ food.name }}" width="80" height="60" style="object-fit: cover;" class="rounded">
                        </td>
                        <td>{{ food.name }}</td>
                        <td>{{ food.category.name }}</td>
                        <td>{{ food.price }} تومان</td>
                        <td>
                            {% if food.is_active and food.is_available %}
                                <span class="badge bg-success">فعال</span>
                            {% elif food.is_active %}
                                <span class="badge bg-warning text-dark">ناموجود</span>
                            {% else %}
                                <span class="badge bg-secondary">غیرفعال</span>
                            {% endif %}
                        </td>
                        <td>
                            <a href="{% url 'menu:dashboard-food-update' food.pk %}" class="btn btn-sm btn-outline-dark">ویرایش</a>
                        </td>
                    </tr>
                {% empty %}
                    <tr>
                        <td colspan="6" class="text-center">هنوز غذایی ثبت نشده است.</td>
                    </tr>
                {% endfor %}
            </tbody>
        </table>
    </div>
</div>
{% endblock %}