{% 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 %}
  {# <div class="intro-header" style="background: url(../image/1.jpg) no-repeat center center;"> #}


  {% if reponses %}
    <h5>liste des reponses</h5>
    <div class="col-xs-6">
    <table id="reponses" class="table table-bordered">
      <thead>
      <div class="row">

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

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


<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>

 {#question#} 

 
  {% if questions %}
    <h5 >liste des Question</h5>

    <div class="col-xs-6">
    <table id="questions" class="table table-striped">
      <thead>
          <div class="row">

        <tr>
          <th scope="col">ID </th>
          <th scope="col">Question </th>
          <th scope="col">reponse </th>

          <th scope="col">&nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp
           &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp &nbsp Actions</th>
        </tr>
      </thead>
      <tbody>
        {% for question in questions %}
          <tr>
            <td>{{ question.id }}</td>
            <td>{{ question.quest }}</td>
            <td>{{ question.rep }}</td>

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


  {# {fefefefef} #}


{% endblock %}