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

{% block title %}{{ mangime.nome }} · {{ app_name }}{% endblock %}

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

{% block content %}
    <p class="text-sm text-stone-500"><a href="{{ url('/mangimi') }}">Mangimi</a> / {{ mangime.nome }}</p>

    <div class="mt-1 flex flex-wrap items-center justify-between gap-3">
        <h1>{{ mangime.nome }}</h1>
        {% if can_write %}
            <div class="flex flex-wrap gap-2">
                <a class="btn-secondary" href="{{ url('/mangimi/' ~ mangime.id ~ '/modifica') }}">Modifica</a>
                <form method="post" action="{{ url('/mangimi/' ~ mangime.id ~ '/elimina') }}"
                      onsubmit="return confirm('Eliminare il mangime “{{ mangime.nome|e('js') }}”?')">
                    {{ csrf_field() }}
                    <button type="submit" class="btn-danger">Elimina</button>
                </form>
            </div>
        {% endif %}
    </div>

    {% if mangime.note %}<p class="mt-2 text-stone-600">{{ mangime.note|nl2br }}</p>{% endif %}

    {# Magazzino #}
    <div class="card mt-4">
        <div class="grid grid-cols-2 gap-3 sm:grid-cols-3">
            <div>
                <div class="text-sm text-stone-500">Scorta attuale</div>
                <div class="text-3xl font-bold {{ mangime.sotto_scorta ? 'text-red-600' : 'text-orto-600' }}">
                    {{ mangime.scorta }} <span class="text-base font-normal text-stone-500">kg</span>
                </div>
            </div>
            <div>
                <div class="text-sm text-stone-500">Soglia minima</div>
                <div class="mt-1 text-lg">{{ mangime.soglia is not null ? mangime.soglia ~ ' kg' : '—' }}</div>
            </div>
            <div>
                <div class="text-sm text-stone-500">Prezzo medio</div>
                <div class="mt-1 text-lg">{{ mangime.prezzo_medio is not null ? '€ ' ~ mangime.prezzo_medio ~ '/kg' : '—' }}</div>
            </div>
        </div>
        {% if mangime.sotto_scorta %}
            <p class="mt-3 text-sm text-amber-800">⚠ Scorta sotto la soglia minima.</p>
        {% endif %}
    </div>

    {# Acquisti #}
    <div class="mt-6 flex items-center justify-between gap-4">
        <h2>Acquisti (entrate)</h2>
        {% if can_write %}<a class="btn-primary" href="{{ url('/mangimi/' ~ mangime.id ~ '/acquisti/nuovo') }}">+ Acquisto</a>{% endif %}
    </div>
    {% if acquisti is empty %}
        <p class="mt-2 text-sm text-stone-500">Nessun acquisto registrato.</p>
    {% else %}
        <div class="card mt-2 overflow-x-auto">
            <table class="table table-cards">
                <thead><tr><th>Data</th><th>Kg</th><th>Costo</th><th>€/kg</th><th>Fornitore</th>{% if can_write %}<th>Azioni</th>{% endif %}</tr></thead>
                <tbody>
                    {% for a in acquisti %}
                        <tr>
                            <td class="whitespace-nowrap" data-label="Data">{{ a.data|date('d/m/Y') }}</td>
                            <td data-label="Kg">{{ a.quantita_kg }}</td>
                            <td data-label="Costo">€ {{ a.costo_totale }}</td>
                            <td data-label="€/kg">{{ a.quantita_kg > 0 ? '€ ' ~ (a.costo_totale / a.quantita_kg)|round(4) : '—' }}</td>
                            <td data-label="Fornitore" class="text-stone-500">{{ a.fornitore ?: '—' }}</td>
                            {% if can_write %}
                                <td class="cell-actions">
                                    <div class="flex flex-wrap gap-2">
                                        <a class="btn-secondary" href="{{ url('/acquisti/' ~ a.id ~ '/modifica') }}">Modifica</a>
                                        <form method="post" action="{{ url('/acquisti/' ~ a.id ~ '/elimina') }}" onsubmit="return confirm('Eliminare questo acquisto?')">
                                            {{ csrf_field() }}<button type="submit" class="btn-danger">Elimina</button>
                                        </form>
                                    </div>
                                </td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}

    {# Somministrazioni #}
    <div class="mt-6 flex items-center justify-between gap-4">
        <h2>Somministrazioni (uscite)</h2>
        {% if can_write %}<a class="btn-primary" href="{{ url('/mangimi/' ~ mangime.id ~ '/somministrazioni/nuova') }}">+ Somministrazione</a>{% endif %}
    </div>
    {% if somministrazioni is empty %}
        <p class="mt-2 text-sm text-stone-500">Nessuna somministrazione registrata.</p>
    {% else %}
        <div class="card mt-2 overflow-x-auto">
            <table class="table table-cards">
                <thead><tr><th>Data</th><th>Gruppo</th><th>Kg</th>{% if can_write %}<th>Azioni</th>{% endif %}</tr></thead>
                <tbody>
                    {% for s in somministrazioni %}
                        <tr>
                            <td class="whitespace-nowrap" data-label="Data">{{ s.data|date('d/m/Y') }}</td>
                            <td data-label="Gruppo">{{ s.gruppo_nome }}</td>
                            <td data-label="Kg">{{ s.quantita_kg }}</td>
                            {% if can_write %}
                                <td class="cell-actions">
                                    <div class="flex flex-wrap gap-2">
                                        <a class="btn-secondary" href="{{ url('/somministrazioni/' ~ s.id ~ '/modifica') }}">Modifica</a>
                                        <form method="post" action="{{ url('/somministrazioni/' ~ s.id ~ '/elimina') }}" onsubmit="return confirm('Eliminare questa somministrazione?')">
                                            {{ csrf_field() }}<button type="submit" class="btn-danger">Elimina</button>
                                        </form>
                                    </div>
                                </td>
                            {% endif %}
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
{% endblock %}