<div class="page-heading compact">
    <div>
        <span>Модул 2</span>
        <h1>AI Асистент</h1>
        <p>Опиши проблема с нормални думи. Асистентът ще предложи институция, правни препратки и готов официален текст.</p>
    </div>
</div>

<section class="assistant-layout">
    <article class="panel chat-panel">
        <div class="chat-thread js-chat-thread">
            <div class="assistant-message">
                <span class="avatar small">AI</span>
                <p>Здравей. Опиши какво се е случило, къде е проблемът и какво искаш да бъде направено.</p>
            </div>
        </div>
        <form class="chat-composer js-ai-form" action="/api/assistant/suggest" method="post">
            <?= csrf_field() ?>
            <textarea name="message" placeholder="Напр. Има огромна дупка пред блока и никой не я оправя." required></textarea>
            <button class="btn btn-success" type="submit"><i class="bi bi-send"></i> Генерирай</button>
        </form>
    </article>

    <aside class="panel">
        <div class="panel-head">
            <h2>AI резултат</h2>
            <span class="status-pill success">OpenAI compatible</span>
        </div>
        <div class="ai-result js-ai-result">
            <p>Тук ще се покажат уточняващи въпроси, институция, правни препратки и официален текст.</p>
        </div>
    </aside>
</section>
