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

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

{% set can_write = current_user.ruolo in ['admin', 'editor'] %}
{% set tipo_label = {
    'nascita': 'Nascita', 'morte': 'Morte', 'acquisto': 'Acquisto',
    'trasferimento_in': 'Trasferimento in', 'trasferimento_out': 'Trasferimento out',
    'spostamento_luogo': 'Spostamento luogo'
} %}
{% set entrate = ['nascita', 'acquisto', 'trasferimento_in'] %}

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

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

    <div class="mt-2 flex flex-wrap gap-2 text-sm">
        <span class="badge">{{ gruppo.elemento_nome }}</span>
        {% if gruppo.variante_nome %}<span class="badge">{{ gruppo.variante_nome }}</span>{% endif %}
        <span class="badge">📍 {{ gruppo.luogo_nome }}</span>
        <span class="badge">{{ gruppo.stato }}</span>
    </div>

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

    {# Consistenza attuale #}
    <div class="card mt-4">
        <div class="text-sm text-stone-500">Consistenza attuale (calcolata dai movimenti)</div>
        <div class="mt-1 text-3xl font-bold text-orto-600">{{ consistenza }} <span class="text-base font-normal text-stone-500">capi</span></div>
        <div class="mt-3 grid grid-cols-2 gap-2 text-sm sm:grid-cols-5">
            <div><span class="font-semibold">{{ breakdown.nascite }}</span><div class="text-stone-400">nati</div></div>
            <div><span class="font-semibold">{{ breakdown.acquisti }}</span><div class="text-stone-400">acquistati</div></div>
            <div><span class="font-semibold">{{ breakdown.trasf_in }}</span><div class="text-stone-400">trasf. in</div></div>
            <div><span class="font-semibold">{{ breakdown.morti }}</span><div class="text-stone-400">morti</div></div>
            <div><span class="font-semibold">{{ breakdown.trasf_out }}</span><div class="text-stone-400">trasf. out</div></div>
        </div>
    </div>

    {# Riepilogo macellazioni #}
    {% if macell.capi > 0 %}
        <div class="card mt-4">
            <div class="text-sm text-stone-500">Macellazioni</div>
            <div class="mt-1 text-sm">
                <strong>{{ macell.capi }}</strong> capi · <strong>{{ macell.peso }}</strong> kg totali ·
                <strong>{{ macell.medio }}</strong> kg/capo (peso medio)
            </div>
        </div>
    {% endif %}

    {# Movimenti #}
    <div class="mt-6 flex items-center justify-between gap-4">
        <h2>Movimenti</h2>
        {% if can_write and gruppo.stato == 'attivo' %}
            <a class="btn-primary" href="{{ url('/gruppi/' ~ gruppo.id ~ '/movimenti/nuovo') }}">+ Movimento</a>
        {% endif %}
    </div>

    {% if movimenti is empty %}
        <p class="mt-2 text-sm text-stone-500">Nessun movimento registrato.</p>
    {% else %}
        <div class="card mt-2 overflow-x-auto">
            <table class="table table-cards">
                <thead><tr><th>Data</th><th>Tipo</th><th>Quantità</th><th>Dettagli</th></tr></thead>
                <tbody>
                    {% for m in movimenti %}
                        <tr>
                            <td class="whitespace-nowrap" data-label="Data">{{ m.data|date('d/m/Y') }}</td>
                            <td data-label="Tipo">{{ tipo_label[m.tipo] ?? m.tipo }}</td>
                            <td data-label="Quantità">
                                {% if m.tipo == 'spostamento_luogo' %}—
                                {% elseif m.tipo in entrate %}<span class="text-orto-600">+{{ m.quantita }}</span>
                                {% else %}<span class="text-red-600">−{{ m.quantita }}</span>{% endif %}
                            </td>
                            <td data-label="Dettagli" class="text-stone-500">
                                {%- if m.causa_morte %}{{ m.causa_morte }}{% endif -%}
                                {%- if m.tipo == 'morte' and m.causa_morte == 'macellazione' and m.peso_lavorato_kg %}
                                    · {{ m.peso_lavorato_kg }} kg{% if m.quantita > 0 %} ({{ (m.peso_lavorato_kg / m.quantita)|round(3) }} kg/capo){% endif %}
                                {% endif -%}
                                {%- if m.origine_tipo %} · {{ m.origine_tipo }}{% endif -%}
                                {%- if m.venditore %} · {{ m.venditore }}{% endif -%}
                                {%- if m.fonte %} · {{ m.fonte }}{% endif -%}
                                {%- if m.costo %} · € {{ m.costo }}{% endif -%}
                                {%- if m.collegato_nome %} · ↔ {{ m.collegato_nome }}{% endif -%}
                                {%- if m.luogo_nome %} · → {{ m.luogo_nome }}{% endif -%}
                                {%- if m.fonte_link %} · <a href="{{ m.fonte_link }}" target="_blank" rel="noopener noreferrer">link ↗</a>{% endif -%}
                                {%- if m.note %} · {{ m.note }}{% endif -%}
                            </td>
                        </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    {% endif %}
{% endblock %}