Spaces:
Sleeping
Sleeping
| <html> | |
| <head> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='style.css') }}"> | |
| <title>Chat com IA</title> | |
| </head> | |
| <body> | |
| <div class="navbar"> | |
| <a href="/">🏠 Recomeçar</a> | |
| <a href="/perfil/{{ user_id }}">👤 Perfil</a> | |
| </div> | |
| <div class="chat-container"> | |
| <div class="chat-box"> | |
| <form method="post"> | |
| <h1>Chat com a IA</h1> | |
| <div class="model-selector"> | |
| <label for="model_name" class="model-label">Escolha o Modelo:</label> | |
| <select name="model_name" id="model_name" class="model-select"> | |
| {% for model in models %} | |
| <option value="{{ model.id }}" {% if model.id == current_model %}selected{% endif %}> | |
| {{ model.name }} | |
| </option> | |
| {% endfor %} | |
| </select> | |
| </div> | |
| <p>Oi, {{ history.name }}, espero que esteja tendo um ótimo dia!<br> | |
| Eu sei tudo sobre livros e estou aqui para te ajudar.<br> | |
| O que você deseja saber?</p> | |
| <input type="text" id="question" name="question" required> | |
| <button type="submit" id="submit-btn">Enviar</button> | |
| </form> | |
| </div> | |
| {% if response %} | |
| <div class="response-box"> | |
| <h3>Resposta:</h3> | |
| <p class="resposta-formatada">{{ response | safe }}</p> | |
| </div> | |
| {% endif %} | |
| </div> | |
| <script> | |
| document.querySelector('form').addEventListener('submit', function(e) { | |
| const btn = document.getElementById('submit-btn'); | |
| btn.disabled = true; | |
| btn.innerHTML = 'Aguarde, escrevendo... ⏳'; | |
| btn.style.opacity = '0.7'; | |
| btn.style.cursor = 'wait'; | |
| }); | |
| </script> | |
| </body> | |
| </html> | |