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

{% block title %}{{ is_edit ? 'Modifica' : 'Nuova' }} risorsa · {{ app_name }}{% endblock %}

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

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

            <div class="field">
                <label class="label" for="url">URL</label>
                <input class="input" type="url" id="url" name="url" value="{{ r.url }}" required maxlength="500"
                       autofocus placeholder="https://…">
                {% if errors.url %}<p class="mt-1 text-sm text-red-600">{{ errors.url }}</p>{% endif %}
            </div>

            <div class="field">
                <label class="label" for="descrizione">Descrizione <span class="text-stone-400">(opzionale)</span></label>
                <input class="input" id="descrizione" name="descrizione" value="{{ r.descrizione }}" maxlength="255"
                       placeholder="Es. Guida alla semina, video tutorial">
                {% if errors.descrizione %}<p class="mt-1 text-sm text-red-600">{{ errors.descrizione }}</p>{% endif %}
            </div>

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