{{ define "main" }}
	<h1>Game Compatibility List</h1>
	<p>The Citra Emulator compatibility list contains all the games we tested, sorted by how well they work on the emulator.</p>

	<table class="table table-striped table-bordered">
		<tbody>
      {{ range .Site.Data.compatibility }}
        <tr>
  				<td style="width: 128px;"><div class="square-icon" style="background-color: {{ .color }}"></div> {{ .name }}</td>
  				<td>{{ .description }}</td>
  			</tr>
      {{ end }}
		</tbody>
	</table>

  <table class="table table-responsive">
    <thead>
      <tr>
        <th></th>
        <th>Title</th>
        <th>Compatibility</th>
        <th>Date Tested</th>
      </tr>
    </thead>
    <tbody>
      {{ range .Data.Pages }}
        {{ $rating := index .Site.Data.compatibility ( string .Params.compatibility | default "0" ) }}
        <tr>
          <td style="width: 55px;"><img class="img-responsive game-icon-list" src="{{ .Site.BaseURL }}images/game/icons/{{ default (print .File.BaseFileName ".png") }}" /></td>
          <td><a href="{{ .Permalink }}">{{ .Params.title }}</a></td>
          <td><div class="square-icon" style="background-color: {{ $rating.color }}"></div> {{ $rating.name }}</td>
          <td>{{ dateFormat "January 2, 2006" .Params.tested_date }}</td>
        </tr>
      {{ end }}
    </tbody>
  </table>
{{ end }}