{% extends 'base.html.twig' %}
{% block javascripts %}
<script src="/js/main.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
{% endblock %}
{% block title %}CHATBOT Reponses{% endblock %}

{% block body %}
</br>
</br>
</br>
</br>
  <div class="container-fluid">
 <div class="row">

    <div class="col-md-6 left">  
     <h5>liste des Reponses</h5></br>
     <table id="reponses" class="table table-bordered">
      
      <div class="row">

        <tr>
          <th>ID </th>
          <th>Reponse </th>
          <th>Actions</th>
        </tr>

      
      
              </div>
</div>
{% if questions %}
        {% for reponse in reponses %}
          <tr>
            <td>{{ reponse.id }}</td>
            <td>{{ reponse.rep }}</td>
            <td>
             <button type="button" class="btn btn-success"><a href="/reponse/{{ reponse.id }}">Show</a></button>
              
              <button type="button" class="btn btn-warning"><a href="/reponse/edit/{{ reponse.id }}">Edit</a></button>
              <a href="#" class="btn btn-danger delete-reponse" data-id="{{ reponse.id }}"> Delete </a>
            </td>
          </tr>
          
        {% endfor %}
        
      
    </table>
  {% else %}
    <p>Pas de Reponse Pour Afficher</p>
  {% endif %}


     
     </div>


    
    <div class="col-md-6 right">   
    <h5>liste des Questions</h5></br>
     <table id="questions" class="table table-bordered">
      
          <div class="row">
        <tr>
          <th>ID</th>
          <th>Question</th>
          <th>reponse</th>

          <th>Actions</th>
        </tr>
      
      
      {% if questions %}
        {% for question in questions %}
          <tr>
            <td>{{ question.id }}</td>
            <td>{{ question.quest }}</td>
            <td>{{ question.rep }}</td>

            <td>
              {# <a href="/question/{{ question.id }}" class="btn btn-dark">Show</a>
              <a href="/question/editq/{{ question.id }}" class="btn btn-light">Edit</a>
              <a href="#" class="btn btn-danger delete2-question" data-id="{{ question.id }}">Delete</a> #}
              <button type="button" class="btn btn-success"><a href="/question/{{ question.id }}">Show</a></button>            
              <button type="button" class="btn btn-warning"><a href="/question/editq/{{ question.id }}">Edit</a></button>
              <a href="#" class="btn btn-danger delete2-question" data-id="{{ question.id }}"> Delete </a>
            </td>
          </tr>
        {% endfor %}
      
    </table>
        </div>
</div>
  {% else %}
    <p>Pas de question Pour Afficher</p>
  {% endif %}
    

    </div>




 </div>
</div>

{% endblock %}