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

{% block title %}Chat{% endblock %}

{% block body %}
<style>
  .code{
      background-color: #f4f4f4;
      border: 1px solid #ddd;
      border-radius: 4px;
      padding: 10px;
      margin-bottom: 20px;
      font-family: "Courier New", Courier, monospace;
      font-size: 14px;
      line-height: 1.5;
      overflow-x: auto;
  }
  form{
      width: 80%;
      margin-left: 10%;
      position: absolute;
      bottom: 10px;
  }
    #chat_save{
        float: right;
    }
   .form-label {
       display: none;
   }
</style>
<div>


    {% if answer  %}
        {{ answer | nl2br | replace({'```php':'<div class="code" ><code>',  '```':'</code></div>' }) |raw }}
    {% endif %}
</div>
<div class="form-wrapper">
    {{ form_start(form) }}
    {{ form_row(form.question) }}
    {{ form_end(form) }}
</div>
{% endblock %}