{% extends "layout.html.twig" %}
{% import "macros.twig" as lbl %}

{% set vlabel = lbl.variante_label(elemento.sezione_modello) %}

{% block title %}{{ is_edit ? 'Modifica' : 'Nuova' }} {{ vlabel|lower }} · {{ app_name }}{% endblock %}

{% block content %}
    <div class="mx-auto max-w-lg">
        <p class="text-sm text-stone-500">
            <a href="{{ url('/elementi/' ~ elemento.id) }}">{{ elemento.nome }}</a> /
            {{ vlabel }}
        </p>
        <h1 class="mt-1">{{ is_edit ? 'Modifica' : 'Nuova' }} {{ vlabel|lower }}</h1>

        <form method="post" action="{{ action }}" class="card mt-4">
            {{ csrf_field() }}

            <div class="field">
                <label class="label" for="nome">Nome</label>
                <input class="input" id="nome" name="nome" value="{{ v.nome }}" required maxlength="150" autofocus
                       placeholder="{{ elemento.sezione_modello == 'animale' ? 'Es. Brahma, Coturnix' : 'Es. San Marzano' }}">
                {% if errors.nome %}<p class="mt-1 text-sm text-red-600">{{ errors.nome }}</p>{% endif %}
            </div>

            <div class="field">
                <label class="label" for="origine">Origine <span class="text-stone-400">(opzionale)</span></label>
                <input class="input" id="origine" name="origine" value="{{ v.origine }}" maxlength="255"
                       placeholder="Es. Vivaio Rossi, eBay, mercato allevatori">
            </div>

            <div class="field">
                <label class="label" for="origine_venditore">Venditore <span class="text-stone-400">(opzionale)</span></label>
                <input class="input" id="origine_venditore" name="origine_venditore" value="{{ v.origine_venditore }}" maxlength="255">
            </div>

            <div class="field">
                <label class="label" for="origine_link">Link origine <span class="text-stone-400">(opzionale)</span></label>
                <input class="input" type="url" id="origine_link" name="origine_link" value="{{ v.origine_link }}"
                       maxlength="500" placeholder="https://…">
                {% if errors.origine_link %}<p class="mt-1 text-sm text-red-600">{{ errors.origine_link }}</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="3">{{ v.note }}</textarea>
            </div>

            <div class="flex gap-2 form-actions-sticky">
                <button type="submit" class="btn-primary">{{ is_edit ? 'Salva modifiche' : 'Crea' }}</button>
                <a class="btn-secondary" href="{{ url('/elementi/' ~ elemento.id) }}">Annulla</a>
            </div>
        </form>
    </div>
{% endblock %}