{% extends 'includes/layout.html' %}

{% block body %}
  <div class='jumbotron text-center'>
    <h2><b>
    {{table.title}}
  </b></h2>
</div>

  <form action='/tblshow' method='post'>

  <div align=right class={{menu}}>
	{% if menu.find("x")>=0 %}
    <button class="btn btn-md btn-primary" type="submit" name="menubtn" value='Excel'>Export</button>
	{% endif %}

	{% if menu.find("d")>=0 %}
    <button class="btn btn-md btn-primary" type="submit" name="menubtn" value='Delete'>Delete</button>
	{% endif %}
	
	{% if menu.find("e")>=0 %}
    <button class="btn btn-md btn-primary" type="submit" name="menubtn" value='Edit'>Edit</button>
	{% endif %}
	
	{% if menu.find("a")>=0 %}
    <button class="btn btn-md btn-primary" type="submit" name="menubtn" value='Add'>Add</button>
	{% endif %}
  </div>

    <br>
    <br>

  <div class='table-responsive'>
  <table class='table table-striped table-bordered table-hover table-condensed'>
  
  
  {% for row in data %}
    <tr>
      <td><input type='checkbox' name='check' value={{loop.index}}></td>
      <td align=left name='id' value={{loop.index}}>{{loop.index}}. </td>
      {% for n in range(0,k) %}
      <td align=left>{{row[n]}}</td>
      {% endfor %}
    </tr>
  {% endfor %}
  
  </table>
  </div>

  </form>


{% endblock %}