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

{% block title %}{{ is_edit ? 'Modifica' : 'Nuovo' }} acquisto · {{ app_name }}{% endblock %}

{% block content %}
    <div class="mx-auto max-w-lg">
        <p class="text-sm text-stone-500">
            <a href="{{ url('/mangimi/' ~ mangime.id) }}">{{ mangime.nome }}</a> / Acquisto
        </p>
        <h1 class="mt-1">{{ is_edit ? 'Modifica acquisto' : 'Nuovo acquisto' }}</h1>

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

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

            <div class="grid gap-4 sm:grid-cols-2">
                <div class="field">
                    <label class="label" for="quantita_kg">Quantità (kg)</label>
                    <input class="input" type="text" inputmode="decimal" id="quantita_kg" name="quantita_kg" value="{{ a.quantita_kg }}" required placeholder="Es. 25">
                    {% if errors.quantita_kg %}<p class="mt-1 text-sm text-red-600">{{ errors.quantita_kg }}</p>{% endif %}
                </div>
                <div class="field">
                    <label class="label" for="costo_totale">Costo totale €</label>
                    <input class="input" type="text" inputmode="decimal" id="costo_totale" name="costo_totale" value="{{ a.costo_totale }}" required placeholder="Es. 18.50">
                    {% if errors.costo_totale %}<p class="mt-1 text-sm text-red-600">{{ errors.costo_totale }}</p>{% endif %}
                </div>
            </div>

            <div class="field">
                <label class="label" for="fornitore">Fornitore <span class="text-stone-400">(opzionale)</span></label>
                <input class="input" id="fornitore" name="fornitore" value="{{ a.fornitore }}" maxlength="255">
            </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">{{ a.note }}</textarea>
            </div>

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