<link href="/index/libs/bootstrap/3/css/theme.css" rel="stylesheet">
<link href="/index/libs/css/style.css" rel="stylesheet">
<div class="container-fluid">
  <div class="row">
	<div class="col-md-6">
		<span style="size:1.2em;color:red">Responders</span>
		
	  {% for atStr in ats.getIdsByType("acct") %}
	   {%if ats.getTags(atStr).split(",") contains "responder" %}
	  <table class="table table-striped" style="border: 1px solid #ddd;">
		<tbody>
		<tr bgcolor="f1f1f1">
		<td>
		<table width="100%">
		<tbody>
		<tr>
		<td> 
		<b>
		<a href="?addr={{ atStr }}">{{ atStr }}</a></b></td><td align="right">{{ ats.getBalance(atStr) }} Qora</td></tr></tbody>
		</table>
		</td></tr><tr><td>
		<table width="100%"><tbody><tr><td><b>Name: </b>{{ ats.getName(atStr) }}<br><b>Creator:</b> <a href="?addr={{ ats.getCreator(atStr)}}">{{ ats.getCreator(atStr) }}</a><br>
		<b>Description:</b> {{ ats.getDesc(atStr) }}<br>
		<b>Tags:</b> {{ ats.getTags(atStr) }} </td></tr></tbody>
		</table></td></tr></tbody></table>
	  {% endif %}
	  {% endfor %}
	  </div>
	  <div class="col-md-6">
	  
		<span style="size:1.2em;color:green">Initiators</span>
	  {% for atStr in ats.getIdsByType("acct") %}
	   {%if ats.getTags(atStr).split(",") contains "initiator" %}
	  <table class="table table-striped" style="border: 1px solid #ddd;">
		<tbody>
		<tr bgcolor="f1f1f1">
		<td>
		<table width="100%">
		<tbody>
		<tr>
		<td> 
		<b>
		<a href="?addr={{ atStr }}">{{ atStr }}</a></b></td><td align="right">{{ ats.getBalance(atStr) }} Qora</td></tr></tbody>
		</table>
		</td></tr><tr><td>
		<table width="100%"><tbody><tr><td><b>Name: </b>{{ ats.getName(atStr) }}<br><b>Creator:</b> <a href="?addr={{ ats.getCreator(atStr)}}">{{ ats.getCreator(atStr)}}</a><br>
		<b>Description:</b> {{ ats.getDesc(atStr) }}<br>
		<b>Tags:</b> {{ ats.getTags(atStr) }} <br>
		<b>Secret:</b> {{ ats.getAsHex(atStr, "0", "32") }}<br>
		<b>Qora Recipient:</b> {{ ats.getAsBase58(atStr, "40", "65") }}<br>
		<b>Expire:</b> {{ ats.getInt(atStr, "36") }}<br></td></tr></tbody>
		
		
		</table></td></tr></tbody></table>
	  {% endif %}
	  {% endfor %}
	  </div>
	  
	  </div>
</div>