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

{% block title %}EGM Index: Active/Inactive{% endblock %}

{% block body %}

    {% set voteService = VoteService %}
    <h1>EGMs</h1>
    <br>

    {% for pub in pubs %}
        <h2 class="text-danger"> {{ pub.name }} </h2>
        <table class="table">
        <thead>
        <tr>
            <th>Question</th>
            <th>Details</th>
            <th>Link</th>
            <th>Active</th>
        </tr>
        </thead>
        <tbody>
        {% for egm_question in egm_questions %}
            {% if pub.id == egm_question.pub.id %}
                <tr>
                    <td><a href="{{ path('egm_question_edit',{id: egm_question.id}) }}">{{ egm_question.question }}</a></td>
                    <td>{{ egm_question.background |striptags }}</td>
                    <td>{{ egm_question.linkToDoc }}</td>
                    <td class="text-{{ (egm_question.isActive()) ? 'success' : 'danger' }}">{{ egm_question.IsActive ? 'Yes' : 'No' }}</td>
                </tr>
            {% endif %}
        {% endfor %}
        </tbody>
        </table>
        <br>
    {% endfor %}

    <a class="btn btn-success" href="{{ path('egm_question_new') }}">New</a>

{% endblock %}
  {% block datatable %}
      <script>
          $(document).ready(function () {
              $('.table').DataTable({
                  'pageLength': 100,
                  "paging": false,
                  "searching": false,
                  "bInfo": false,
                  "order": [[1, 'asc']]
              });
          });
          $('table tr td ').css('width',"33%");
      </script>
  {% endblock datatable %}