{% extends 'base.html.twig' %}

{% block title %}Prova gratis l'assistente — Mostry{% endblock %}

{% block body %}
    <div class="auth">
        <div class="auth__card">
            <div class="auth__logo">
                <a href="{{ path('home') }}"><img src="{{ asset('img/logo.png') }}" alt="Mostry"></a>
            </div>

            <h1>Parla con l'assistente</h1>
            <p class="auth__sub">
                Lascia la tua email e provi subito com'è: nessun account, nessuna carta di credito.
            </p>

            {% if errore %}
                <div class="alert alert--error" style="margin-top:22px">
                    <i class="fa-solid fa-circle-exclamation"></i> {{ errore }}
                </div>
            {% endif %}

            <form method="post" action="{{ path('trial') }}" novalidate>
                <input type="hidden" name="_token" value="{{ csrf_token('trial') }}">

                {# Campo esca per i bot: gli umani non lo vedono #}
                <div class="hp" aria-hidden="true">
                    <label for="azienda">Azienda</label>
                    <input type="text" id="azienda" name="azienda" tabindex="-1" autocomplete="off">
                </div>

                <div class="field">
                    <label for="email">La tua email</label>
                    <input type="email" id="email" name="email" value="{{ email }}"
                           placeholder="nome@tuaazienda.it" required autofocus autocomplete="email">
                </div>

                <div class="field">
                    <button type="submit" class="btn btn--block">
                        <i class="fa-solid fa-comments"></i> Inizia la prova
                    </button>
                </div>
            </form>

            <p class="auth__foot">
                Vuoi solo dare un'occhiata alla piattaforma?<br>
                <a href="{{ path('register') }}">Crea un account gratuito</a> — l'iscrizione non costa nulla.
            </p>

            <p class="auth__foot" style="font-size:.82rem;color:var(--faint)">
                Usiamo la tua email solo per ricontattarti su Mostry. Niente spam, cancellazione su richiesta.
            </p>
        </div>
    </div>
{% endblock %}