{% extends "layout.html" %}
{% block body %}

<h1>Our TREE Example </h1> 
	<div class="w3-container w3-light-grey">
  <h4 style="text-shadow:1px 1px 0 #444">{{ message }}</h4>
</div>
    <h2>Search Node: </h2>
    <form method="post"> 
	  <input type="text" class="normal" 
       name="search" required placeholder="Path" size="80" maxlength="90">
      <input type="submit" value="Search"> 
    </form>
    <p></p>
  <table class="w3-table-all">
      <thead> 
        <tr> 
		  <!-- <th>ID</th> -->
          <th>Path</th> 
          <th>Descrip</th> 
          <th>Notes</th> 
        </tr> 
      </thead> 
      <tbody> 
        {% for row in data %} 
        <tr> 
 <!--          <td>{{ row[0] }}</td>  -->
          <td>{{ row[1] }}</td> 
          <td>{{ row[2] }}</td> 
          <td>{{ row[3] }}</td>		
          <td> 
            <form action="/update" method="post">
              <input type="hidden" name="id" value="{{ row[0] }}">			
              <input type="hidden" name="path" value="{{ row[1] }}"> 
              <input type="text" placeholder="descrip" name="descrip" value="{{ row[2] }}"> 
              <input type="text" placeholder="Notes" name="notes" value="{{ row[3] }}"> 
              <input type="submit" value="Update"> 
            </form> 
            <form action="/delete" method="post"> 
              <input type="hidden" name="id" value="{{ row[0] }}"> 
              <input type="submit" value="Delete"> 
            </form> 
          </td> 
        </tr> 
        {% endfor %} 
      </tbody> 
    </table> 
    <h2>Create a new Node: </h2> 
    <form action="/create" method="post"> 
      <input type="text" class="normal" 
       name="path" placeholder="Path" size="80" maxlength="90">	  
      <input type="text" name="descrip" placeholder="description"> 
      <input type="text" name="notes" placeholder="Notes"> 
      <input type="submit" value="Create"> 
    </form>
    <p></p>
{% endblock %}