<tal:block metal:use-macro="here/template/macros/module" tal:define="title python:'Table'">
  
  
  <tal:block metal:fill-slot="icon"> N </tal:block>
  <tal:block metal:fill-slot="title"> Notes and Notifications</tal:block>
  

  <tal:block metal:fill-slot="menu">

    <ul id="messages_menu">
      <li> Notes 
	<ul>
	  <li> <a id="menu_notes_new" >New</a></li>
	</ul>
      </li>
     <li> Notifications </li>
    </ul>

  </tal:block>
  
  <tal:block metal:fill-slot="content">
    <div class="subscreen" id="main" style="padding: 20px;">
      <h2> Notifications </h2>  
      <table class="overview">
	<TR>
	  <TD> </TD> <TD> 01.10.2010 </TD> <TD> You have been granted access to the workspace <i>"buddhist_shrines"</i>. </TD>
	</TR>
      </table>

      <h2> Notes </h2>
      
      <table class="overview">
	<TR>
	  <TD> </TD> <TD> 21.09.2010</TD> <TD> Looks like SomeAnnoyedUser is working on the same thing at the moment, [...] </TD> <TD> <input type="checkbox"/> </TD>
	</TR>
	<TR>
	  <TD> </TD> <TD> 19.09.2010</TD> <TD> Cool website, definitely have to find out how to use the damn thing. </TD> <TD> <input type="checkbox"/> </TD>
	</TR>
      </table>
      <br/><br/>
      <center>
      <input type="button" id="notes_new" value="new note" align="right"/> 
	&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
	<input type="button" id="notes_new" value="remove selected"/>
      </center>
    </div>
    <div class="subscreen" id="editor" style="display:none; padding:20px;">
      <h3> New Message/Note </h3>
      Send to: <input id="notes_sendto"/> <i>(leave blank to save as note)</i> <br/>
      <textarea cols="64" rows="16"> </textarea> <br/>
      <input type="button" value="Save" id="notes_save_button"/> 
      <input type="button" value="Cancel" id="notes_cancel_button"/> 

    </div>


  </tal:block>
  
  
    
</tal:block>