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

{% block body %}
<div class="container1">

    <!--Section left  css 24 à 63-->

    <div class="chatbot1" id="chatbot1">

          <div class="chatbot-header1">
                <p  class="text1">Bénéficiez de l'utilisation de Gennia, la solution Géniale! Elle vous assiste dans la rédaction de vos rapports et répond à toutes vos questions avec efficacité et précision. Simplifiez votre travail et gagnez en productivité grâce à cette solution intelligente. A vos marques , Prêt ? Question ! GENNIA.</p>
                <div><img src="./img/Logo_Gennia.png"  alt="GENNIA Logo" class="logo1"></div>
                <p class="text2">Gennia, la solution IA proposée par <a href="https://www.iotstart.fr/logiciel/" style="color:#c49cad;">IOTSTART.FR</a>. Tous droits réservés. Lisez nos nos <span class="mention-legale"> mentions légales </span> et notre <span class="mention-legale"> politique de confidentialité (RGPD) </span> pour en savoir plus.</p>
          </div>
       
    </div>
    <!-- fin Section left  css 24 à 63-->




    <!--  Section chatbot -->
    <div class="container" id="container">
            <!-- Header chat  css 78 à 100-->

            <div class="header">
               <img src="./img/Logo_Gennia.png" alt="GENNIA Logo" class="logo" onclick="home()">
               <h3>Gennia, L'ASSISTANTE IA</h3>

          <div class="logout">
              <img id="lohout" src="/img/logout.svg" alt="logout" onclick="logout()"/>
          </div>
           </div>

            <h3>
                Discussions
                <img class="add-chat" src="/img/add.svg" onclick="newChat()" alt="créer une discussion"/>
            </h3>
          <div class="chat-div">
              {% for chat in chats %}
                <p class="chat-titre" onclick="goChat({{chat.id}})">{{chat.name}}</p>
              {% endfor %}
          </div>

    </div>
       
  
       
</div>
{% endblock %}