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

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

{% block content %}
    <div class="mx-auto max-w-lg">
        <p class="text-sm text-stone-500">
            <a href="{{ url('/gruppi') }}">Gruppi</a> /
            <a href="{{ url('/gruppi/' ~ gruppo.id) }}">{{ gruppo.nome }}</a> / Movimento
        </p>
        <h1 class="mt-1">Nuovo movimento</h1>
        <p class="text-sm text-stone-500">Consistenza attuale: <strong>{{ consistenza }}</strong> capi.</p>

        <form method="post" action="{{ action }}" class="card mt-4"
              x-data="{ tipo: '{{ m.tipo|default('nascita') }}', causa: '{{ m.causa_morte|default('naturale') }}' }">
            {{ csrf_field() }}

            <div class="field">
                <label class="label" for="tipo">Tipo di movimento</label>
                <select class="select" id="tipo" name="tipo" x-model="tipo">
                    <option value="nascita">Nascita</option>
                    <option value="morte">Morte</option>
                    <option value="acquisto">Acquisto</option>
                    <option value="trasferimento">Trasferimento ad altro gruppo</option>
                    <option value="spostamento_luogo">Spostamento di luogo</option>
                    <option value="fusione">Fusione con altro gruppo</option>
                </select>
                {% if errors.tipo %}<p class="mt-1 text-sm text-red-600">{{ errors.tipo }}</p>{% endif %}
            </div>

            <div class="field">
                <label class="label" for="data">Data</label>
                <input class="input" type="date" id="data" name="data" value="{{ m.data }}" required>
                {% if errors.data %}<p class="mt-1 text-sm text-red-600">{{ errors.data }}</p>{% endif %}
            </div>

            {# Quantità: per nascita/morte/acquisto/trasferimento #}
            <div class="field" x-show="['nascita','morte','acquisto','trasferimento'].includes(tipo)">
                <label class="label" for="quantita">Quantità (capi)</label>
                <input class="input" type="number" inputmode="numeric" id="quantita" name="quantita"
                       value="{{ m.quantita|default(1) }}" min="1" step="1">
                {% if errors.quantita %}<p class="mt-1 text-sm text-red-600">{{ errors.quantita }}</p>{% endif %}
            </div>

            {# Morte → causa (+ peso se macellazione) #}
            <div x-show="tipo === 'morte'" x-cloak>
                <div class="field">
                    <label class="label" for="causa_morte">Causa</label>
                    <select class="select" id="causa_morte" name="causa_morte" x-model="causa">
                        <option value="predatore">Predatore</option>
                        <option value="macellazione">Macellazione</option>
                        <option value="naturale">Naturale</option>
                        <option value="alla_nascita">Alla nascita</option>
                    </select>
                    {% if errors.causa_morte %}<p class="mt-1 text-sm text-red-600">{{ errors.causa_morte }}</p>{% endif %}
                </div>
                <div class="field" x-show="causa === 'macellazione'" x-cloak>
                    <label class="label" for="peso_lavorato_kg">Peso lavorato totale (kg)</label>
                    <input class="input" type="text" inputmode="decimal" id="peso_lavorato_kg" name="peso_lavorato_kg"
                           value="{{ m.peso_lavorato_kg }}" placeholder="Es. 12.5">
                    <p class="help">Peso totale post-lavorazione dell'evento; il peso medio/capo si calcola automaticamente.</p>
                    {% if errors.peso_lavorato_kg %}<p class="mt-1 text-sm text-red-600">{{ errors.peso_lavorato_kg }}</p>{% endif %}
                </div>
            </div>

            {# Acquisto → origine, fonte, venditore, costo #}
            <div x-show="tipo === 'acquisto'" x-cloak>
                <div class="field">
                    <label class="label" for="origine_tipo">Origine</label>
                    <select class="select" id="origine_tipo" name="origine_tipo">
                        <option value="incubazione" {{ m.origine_tipo == 'incubazione' ? 'selected' : '' }}>Incubazione</option>
                        <option value="acquisto_vivo" {{ m.origine_tipo == 'acquisto_vivo' ? 'selected' : '' }}>Acquisto vivo</option>
                    </select>
                    {% if errors.origine_tipo %}<p class="mt-1 text-sm text-red-600">{{ errors.origine_tipo }}</p>{% endif %}
                </div>
                <div class="field">
                    <label class="label" for="fonte">Fonte <span class="text-stone-400">(opzionale)</span></label>
                    <input class="input" id="fonte" name="fonte" value="{{ m.fonte }}" maxlength="255">
                </div>
                <div class="field">
                    <label class="label" for="venditore">Venditore <span class="text-stone-400">(opzionale)</span></label>
                    <input class="input" id="venditore" name="venditore" value="{{ m.venditore }}" maxlength="255">
                </div>
                <div class="field">
                    <label class="label" for="fonte_link">Link <span class="text-stone-400">(opzionale)</span></label>
                    <input class="input" type="url" id="fonte_link" name="fonte_link" value="{{ m.fonte_link }}" placeholder="https://…">
                    {% if errors.fonte_link %}<p class="mt-1 text-sm text-red-600">{{ errors.fonte_link }}</p>{% endif %}
                </div>
                <div class="field">
                    <label class="label" for="costo">Costo totale € <span class="text-stone-400">(opzionale)</span></label>
                    <input class="input" type="text" inputmode="decimal" id="costo" name="costo" value="{{ m.costo }}" placeholder="Es. 30.00">
                    {% if errors.costo %}<p class="mt-1 text-sm text-red-600">{{ errors.costo }}</p>{% endif %}
                </div>
            </div>

            {# Trasferimento / Fusione → gruppo destinazione #}
            <div class="field" x-show="['trasferimento','fusione'].includes(tipo)" x-cloak>
                <label class="label" for="gruppo_dest">Gruppo di destinazione</label>
                <select class="select" id="gruppo_dest" name="gruppo_dest">
                    <option value="0">— seleziona —</option>
                    {% for ag in altri_gruppi %}
                        <option value="{{ ag.id }}" {{ m.gruppo_dest == ag.id ? 'selected' : '' }}>{{ ag.nome }} ({{ ag.elemento_nome }})</option>
                    {% endfor %}
                </select>
                {% if errors.gruppo_dest %}<p class="mt-1 text-sm text-red-600">{{ errors.gruppo_dest }}</p>{% endif %}
                <p class="help" x-show="tipo === 'fusione'">
                    Verranno trasferiti tutti i <strong>{{ consistenza }}</strong> capi e questo gruppo verrà <strong>chiuso</strong>.
                </p>
            </div>

            {# Spostamento di luogo → nuovo luogo #}
            <div class="field" x-show="tipo === 'spostamento_luogo'" x-cloak>
                <label class="label" for="luogo_id">Nuovo luogo</label>
                <select class="select" id="luogo_id" name="luogo_id">
                    <option value="0">— seleziona —</option>
                    {% for l in luoghi %}
                        <option value="{{ l.id }}" {{ m.luogo_id == l.id ? 'selected' : '' }}>{{ l.nome }}</option>
                    {% endfor %}
                </select>
                {% if errors.luogo_id %}<p class="mt-1 text-sm text-red-600">{{ errors.luogo_id }}</p>{% endif %}
            </div>

            <div class="field">
                <label class="label" for="note">Note <span class="text-stone-400">(opzionale)</span></label>
                <textarea class="textarea" id="note" name="note" rows="2">{{ m.note }}</textarea>
            </div>

            <div class="flex gap-2 form-actions-sticky">
                <button type="submit" class="btn-primary">Registra movimento</button>
                <a class="btn-secondary" href="{{ url('/gruppi/' ~ gruppo.id) }}">Annulla</a>
            </div>
        </form>
    </div>
{% endblock %}