<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>{{collection.title}}</title>
  <link rel="stylesheet" type="text/css" href="{{static_files}}/style.css">
</head>

<body>

<div id="bodyContent">

<ul class="toc">
{% for group in records|groupby('type') %}
<li><a href="#{{ group.grouper }}">{{ group.grouper }}</a></li>
  <ul>
  {% for group2 in group.list|groupby('mint') %}
    <li><a href="#{{ group2.grouper }}">{{ group2.grouper }}</a></li>
  {% endfor %}
  </ul>
{% endfor %}
</ul>

<p class="breakhere"></p>

{% for group in records|groupby('type') %}
<h2 id="{{ group.grouper }}">{{ group.grouper }}</h2>

  {% for group2 in group.list|groupby('mint') %}
<h3 id="{{ group2.grouper }}">{{ group2.grouper }}</h3>
    {% for record in group2.list|sort(attribute='value') %}
<div class="row">
<table class="standard" border="1" cellpadding="2" cellspacing="0" style="border: 1px solid #aaaaaa; border-collapse: collapse; width: 100%">
<tbody>
<tr>
<td style="width:50%;">
{% if record.obverseimg %}
<center><a href="{{static_files}}/{{record.obverseimg}}" class="image"><img class="photo" src="{{static_files}}/{{record.obverseimg}}"></a></center>
{% endif %}
</td>
<td style="width:50%;">
{% if record.reverseimg %}
<center><a href="{{static_files}}/{{record.reverseimg}}" class="image"><img class="photo" src="{{static_files}}/{{record.reverseimg}}"></a></center>
{% endif %}
</td>
</tr>
<tr>
<td colspan="2">{% if record.title %} <b>{{record.title}}</b>{% else %}&nbsp;{% endif %}{% if record.series %} {{record.series}}.{% endif %}{% if record.mint %} Mint: {{record.mint}}.{% endif %}{% if record.mintage %} Mintage {{record.mintage}}.{% endif %}{% if record.year %} {{record.year}}{% endif %}{% if record.features %} <i>({{record.features}})</i>{% endif %}</td>
</tr>
</tbody></table>
</div>
    {% endfor %}
  {% endfor %}
  {% if not loop.last %}
<p class="breakhere"></p>
  {% endif %}
{% endfor %}

</div>
<p>Generated by OpenNumismat</p>
</body>
</html>
