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

{% block title %}{{ bot.name }} — Mostry{% endblock %}

{% block backend %}
<div style="max-width:760px">
    <div class="page-head page-head--row">
        <div>
            <h1>{{ bot.name }} <span class="pill {{ bot.internal ? 'pill--off' : 'pill--on' }}"><i class="{{ bot.audience.icon }}"></i> {{ bot.audience.shortLabel }}</span></h1>
            <p class="muted">{{ bot.provider.label }}{% if bot.model %} · {{ bot.model }}{% endif %} · {{ bot.usesManagedKey ? 'Chiave gestita da Mostry' : 'Chiave propria (BYOK)' }}</p>
        </div>
        <div style="display:flex; gap:.5rem; flex-wrap:wrap">
            <a href="{{ path('bot_preview', {id: bot.id}) }}" class="btn btn--sm btn--ghost"><i class="fa-solid fa-comments"></i> Prova</a>
            <a href="{{ path('knowledge', {id: bot.id}) }}" class="btn btn--sm btn--ghost"><i class="fa-solid fa-folder-open"></i> Documenti</a>
            {% if stato.contactActions %}<a href="{{ path('bot_actions', {id: bot.id}) }}" class="btn btn--sm btn--ghost"><i class="fa-solid fa-address-card"></i> Contatti</a>{% endif %}
            {% if stato.analytics %}<a href="{{ path('bot_analytics', {id: bot.id}) }}" class="btn btn--sm btn--ghost"><i class="fa-solid fa-chart-simple"></i> Analisi</a>{% endif %}
            <a href="{{ path('bot_edit', {id: bot.id}) }}" class="btn btn--sm">Modifica</a>
        </div>
    </div>

    {% if is_granted('ROLE_ADMIN') %}
        <div class="card" style="padding:1.25rem 1.5rem; margin-bottom:1.5rem; border-color:rgba(137,196,244,.3)">
            <div style="display:flex; align-items:center; justify-content:space-between; gap:1rem; flex-wrap:wrap">
                <div>
                    <h3 style="font-weight:800; margin-bottom:.25rem"><i class="fa-solid fa-wand-magic-sparkles" style="color:var(--accent-2)"></i> Conoscenza dai contenuti del sito</h3>
                    <p class="muted" style="font-size:var(--fs-md); margin:0">Riempie la conoscenza di questo bot con i testi veri del sito Mostry, in un clic. Usalo per il bot di Mostry stesso.</p>
                </div>
                <form method="post" action="{{ path('bot_site_knowledge', {id: bot.id}) }}" class="inline-form"
                      onsubmit="return confirm('Sovrascrivo la conoscenza di questo bot con i contenuti del sito Mostry?')">
                    <input type="hidden" name="_token" value="{{ csrf_token('site_knowledge_' ~ bot.id) }}">
                    <button type="submit" class="btn btn--sm"><i class="fa-solid fa-arrow-down-to-bracket"></i> Riempi dai contenuti del sito</button>
                </form>
            </div>
        </div>
    {% endif %}

    {% if bot.internal %}
        <div class="card" style="padding:1.5rem; margin-bottom:1.5rem; border-color:rgba(167,139,250,.35)">
            <h3 style="font-weight:800; margin-bottom:0.5rem"><i class="fa-solid fa-building-lock" style="color:var(--accent)"></i> Assistente interno</h3>
            <p class="muted" style="font-size:0.92rem; margin-bottom:0.9rem">
                Risponde ai tuoi dipendenti su procedure e lavorazioni, in base ai documenti che carichi.
                Non è raggiungibile dal pubblico. Condividi questo link con i tuoi collaboratori:
            </p>
            <div class="token-box">{{ url('bot_embed', {token: bot.token}) }}</div>
            {% if bot.accessCode %}
                <p class="muted" style="font-size:0.85rem; margin-top:0.6rem"><i class="fa-solid fa-key"></i> Protetto da codice d'accesso: i dipendenti lo digitano al primo ingresso.</p>
            {% else %}
                <p class="muted" style="font-size:0.85rem; margin-top:0.6rem"><i class="fa-solid fa-triangle-exclamation" style="color:#f9a8d4"></i> Nessun codice d'accesso impostato: chiunque abbia il link può usarlo. Aggiungine uno in <a href="{{ path('bot_edit', {id: bot.id}) }}">Modifica</a>.</p>
            {% endif %}
            <a href="{{ path('bot_embed', {token: bot.token}) }}" target="_blank" class="btn btn--sm btn--ghost" style="margin-top:0.9rem"><i class="fa-solid fa-up-right-from-square"></i> Apri la chat interna</a>
        </div>
    {% elseif not stato.allowsEmbed %}
        {# Prova gratuita: niente iframe da incollare, si prova solo qui dentro #}
        <div class="card" style="padding:1.5rem; margin-bottom:1.5rem; border-color:rgba(232,178,90,.35)">
            <h3 style="font-weight:800; margin-bottom:0.5rem">
                <i class="fa-solid fa-flask" style="color:#e8b25a"></i> Assistente in prova
            </h3>
            <p class="muted" style="margin-bottom:1rem; font-size:var(--fs-md)">
                Durante la prova gratuita puoi provare il tuo assistente quanto vuoi, ma solo
                da qui dentro. Il codice da incollare sul tuo sito e il collegamento a WhatsApp
                si attivano quando passi a un piano.
            </p>
            <div style="display:flex; gap:.5rem; flex-wrap:wrap">
                <a href="{{ path('bot_preview', {id: bot.id}) }}" class="btn btn--sm"><i class="fa-solid fa-comments"></i> Prova l'assistente</a>
                <a href="{{ path('subscription') }}" class="btn btn--sm btn--ghost"><i class="fa-solid fa-rocket"></i> Attiva un piano per pubblicarlo</a>
            </div>
        </div>
    {% else %}
        <div class="card" style="padding:1.5rem; margin-bottom:1.5rem">
            <h3 style="font-weight:800; margin-bottom:0.75rem">Codice da incollare sul tuo sito</h3>
            <p class="muted" style="margin-bottom:0.75rem; font-size:var(--fs-md)">Copia questo snippet dove vuoi mostrare l'assistente.</p>
            <div class="snippet" id="snippet">{{ snippet }}</div>
            <button class="btn btn--sm" style="margin-top:0.9rem" onclick="navigator.clipboard.writeText(document.getElementById('snippet').innerText)"><i class="fa-solid fa-copy"></i> Copia snippet</button>
            <a href="{{ path('bot_embed', {token: bot.token}) }}" target="_blank" class="btn btn--sm btn--ghost" style="margin-top:0.9rem"><i class="fa-solid fa-up-right-from-square"></i> Anteprima chat</a>
        </div>
    {% endif %}

    {% if stato.allowsEmbed %}
    <div class="card" style="padding:1.5rem; margin-bottom:1.5rem">
        <h3 style="font-weight:800; margin-bottom:0.75rem">Token</h3>
        <div class="token-box">{{ bot.token }}</div>
        <form method="post" action="{{ path('bot_regen_token', {id: bot.id}) }}" class="inline-form" style="margin-top:0.9rem" onsubmit="return confirm('Rigenerare il token? Lo snippet vecchio smetterà di funzionare.')">
            <input type="hidden" name="_token" value="{{ csrf_token('regen_' ~ bot.id) }}">
            <button class="btn btn--sm btn--ghost" type="submit">Rigenera token</button>
        </form>
    </div>
    {% endif %}

    <div class="card" style="padding:1.5rem">
        <h3 style="font-weight:800; margin-bottom:0.75rem">Zona pericolosa</h3>
        <form method="post" action="{{ path('bot_delete', {id: bot.id}) }}" class="inline-form" onsubmit="return confirm('Eliminare definitivamente questo assistente?')">
            <input type="hidden" name="_token" value="{{ csrf_token('delete_bot_' ~ bot.id) }}">
            <button class="btn btn--sm btn--danger" type="submit">Elimina assistente</button>
        </form>
    </div>
</div>
{% endblock %}