{% extends "layout.html.twig" %}

{% block title %}Mangimi · {{ app_name }}{% endblock %}

{% set can_write = current_user.ruolo in ['admin', 'editor'] %}

{% block content %}
    <div class="flex items-center justify-between gap-4">
        <h1>Mangimi</h1>
        {% if can_write %}
            <a class="btn-primary" href="{{ url('/mangimi/nuovo') }}">+ Nuovo mangime</a>
        {% endif %}
    </div>

    {% include 'partials/alert_scorte.html.twig' %}

    {% if mangimi is empty %}
        <p class="mt-4 text-stone-500">Nessun mangime. {% if can_write %}Creane uno con il pulsante qui sopra.{% endif %}</p>
    {% else %}
        <div class="card mt-4 overflow-x-auto">
            <table class="table table-cards">
                <thead>
                    <tr><th>Nome</th><th>Scorta</th><th>Soglia</th><th>Prezzo medio</th><th>Stato</th><th>Azioni</th></tr>
                </thead>
                <tbody>
                    {% for m in mangimi %}
                        <tr>
                            <td class="font-medium" data-label="Nome"><a href="{{ url('/mangimi/' ~ m.id) }}">{{ m.nome }}</a></td>
                            <td data-label="Scorta"><span class="font-semibold {{ m.sotto_scorta ? 'text-red-600' : '' }}">{{ m.scorta }}</span> kg</td>
                            <td data-label="Soglia">{{ m.soglia is not null ? m.soglia ~ ' kg' : '—' }}</td>
                            <td data-label="Prezzo medio">{{ m.prezzo_medio is not null ? '€ ' ~ m.prezzo_medio ~ '/kg' : '—' }}</td>
                            <td data-label="Stato">
                                {% if m.sotto_scorta %}<span class="badge bg-amber-100 text-amber-800">sotto soglia</span>
                                {% else %}<span class="badge">ok</span>{% endif %}
                            </td>
                            <td class="cell-actions">
                                <div class="flex flex-wrap gap-2">
                                    <a class="btn-secondary" href="{{ url('/mangimi/' ~ m.id) }}">Apri</a>
                                    {% if can_write %}
                                        <a class="btn-secondary" href="{{ url('/mangimi/' ~ m.id ~ '/modifica') }}">Modifica</a>
                                    {% endif %}
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
{% endblock %}