{% 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;"> #}

  <div class="col-12 col-sm-6 col-md-6">
    <h5 class="text-center">liste des reponses</h5>
    <div class="form-group">
  {% if reponses %}

    <table id="reponses" class="table table-bordered">
      <thead>
        <tr>
          <th>ID </th>
          <th>Reponse </th>
          <th>Actions</th>
        </tr>
      </thead>
      <tbody>
        {% 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 %}
        
      </tbody>
    </table>
  {% else %}
    <p>Pas de Reponse Pour Afficher</p>
  {% endif %}
</div>
</div>

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

 {#question#} 

 
  {% if questions %}
 <div class="col-12 col-sm-6 col-md-6">
    <h5 class="text-center">liste des Question</h5>
    <div class="form-group">
    <table id="questions" class="table table-striped">
      <thead>
        <tr>
          <th scope="col">ID </th>
          <th scope="col">Question </th>
          <th scope="col">Actions</th>
        </tr>
      </thead>
      <tbody>
        {% for question in questions %}
          <tr>
            <td>{{ question.id }}</td>
            <td>{{ question.quest }}</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>
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
        </div>
</div>
  {% else %}
    <p>Pas de question Pour Afficher</p>
  {% endif %}


  {# {fefefefef} #}


{% endblock %}